Empezando

9 artículos Manfred Por Manfred

¿Qué son Smart Emails?

Smart Emails es un editor visual para las 52 plantillas de notificaciones compatibles con Shopify — incluyendo confirmaciones de pedido, actualizaciones de envío, devoluciones, tarjetas regalo, notificaciones a clientes, recibos de pos y automatizaciones de mensajería de Shopify. ¿Cómo funciona? Smart Emails funciona en dos fases: 1. Fase de diseño — Elige un preajuste y personaliza colores, fuentes, botones, logo, pie de página, secciones y contenido en el editor visual. 2. Fase de instalación — Genera tus plantillas en Smart Emails, luego copia y guarda el HTML en el idioma principal en la notificación correspondiente de Shopify. Shopify no permite que las aplicaciones sustituyan automáticamente el cuerpo principal de la notificación. 3. Fase en vivo — Tras la instalación, muchos ajustes cotidianos se leen de los Metacampos de Shopify cuando se envía un correo electrónico. Los cambios estructurales aún requieren una nueva exportación. ¿Qué lo hace diferente? - 30 presets profesionales — 10 sets de diseño con tres variaciones de color coordinadas cada uno - 52 plantillas de Shopify compatibles — notificaciones transaccionales, correos electrónicos de punto de uso, notificaciones al personal y automatizaciones seleccionadas de mensajería de Shopify - Configuración en vivo — colores, botones, pie de página, banner y otros ajustes basados en Metafield pueden actualizarse sin reemplazar el código principal de la plantilla - Auto-traducción — elige entre 33 idiomas compatibles y utiliza hasta 20 lenguajes de correo electrónico en un solo set de diseño de tienda - Sin código — nunca ves HTML, CSS ni Liquid Se traducen otros idiomas con Google Cloud Translation. Smart Emails puede instalar automáticamente cuerpos localizados para las 44 plantillas de notificación que Shopify expone para traducción cuando sus plantillas principales ya están instaladas.

¿Cómo instalo Smart Emails?

Instalar Smart Emails en tu tienda de Shopify lleva menos de un minuto. 1. Visita la ficha de Smart Emails en la App Store de Shopify. 2. Selecciona Añadir app. 3. Revisa y aprueba los permisos solicitados. 4. Shopify abre el panel de control de Smart Emails. Nota: Smart Emails necesita permiso para leer datos relevantes de la tienda, incluidos productos, pedidos y branding, para crear vistas previas realistas. Generar una exportación no reemplaza automáticamente una notificación principal de Shopify. Tú decides qué plantillas principales instalar.

¿Cómo elijo un preajuste de diseño?

Smart Emails viene con 30 variantes predefinidas — 10 conjuntos base diseñados profesionalmente, cada uno con tres variaciones de color coordinadas. Los nombres de las variaciones que se muestran dependen del conjunto base seleccionado. 1. Abre el panel de Smart Emails. 2. Explora los presets. Cada preset muestra una vista previa completa. 3. Selecciona el preset que quieras usar. 4. Selecciona tu idioma principal. 5. Empieza a editar. Cada preajuste incluye colores coordinados, fuentes, botones, espaciado, ajustes de pie de página y valores predeterminados de sección. Puedes personalizar todo después — el preset es solo el punto de partida. Importante: Aplicar otro preset base cambia el diseño y la estructura que usan tus plantillas. Guarda primero una instantánea de diseño si quieres volver a la versión actual. Los cambios estructurales requieren una exportación nueva en el idioma principal.

¿Cómo funciona el editor?

El editor Smart Emails se abre dentro de Shopify y tiene tres áreas principales: - Panel de Configuración — Editar texto, colores, imágenes, espaciado y opciones específicas de cada sección. - Lienzo — Un avance visual en directo de la plantilla seleccionada actualmente. - Barra de herramientas — Abre la configuración global, cambia el ancho de vista previa, deshaz o rehaz cambios, envia una prueba y comienza una exportación. Realizando cambios 1. Selecciona una sección del lienzo. 2. Los controles correspondientes se abren en el panel de ajustes. 3. Haz tus cambios. El lienzo se actualiza inmediatamente. 4. Espera a que el indicador de guardado termine antes de salir del editor. Plantillas de conmutación Utiliza el selector de plantillas para cambiar entre las 52 plantillas soportadas. Se comparten configuraciones de diseño global como colores, tipografía, botones, logotipo y pie de página. La estructura de la sección y el texto específico de la plantilla pueden variar según la plantilla. Vista previa de escritorio y móvil Utiliza el interruptor Escritorio/Móvil para previsualizar diferentes anchos. Un correo de prueba real sigue siendo la comprobación final porque Gmail, Outlook, Apple Mail y otros clientes de correo utilizan motores de renderizado diferentes. Lenguas primarias y secundarias El editor de lenguas primarias contiene los controles completos de diseño y estructura. Los editores de lenguas secundarias se centran en el texto traducido. Los cambios de diseño se heredan del diseño principal para que todos los idiomas permanezcan visualmente sincronizados. Importante: El guardado automático protege tu trabajo, pero un guardado completado no reemplaza automáticamente el HTML principal almacenado en Shopify cuando la estructura ha cambiado.

¿Necesito conocimientos de programación?

No. Smart Emails es un editor totalmente visual — no necesitas conocimientos de programación. Todo se realiza mediante controles visuales como selectores de color, desplegables y interruptores. Para usuarios avanzados, hay un campo opcional de código Liquid personalizado por sección para condiciones especiales de visualización. Pero para el uso normal, nunca necesitas tocar el código.

¿Dónde encuentro mis correos en Shopify?

Tus correos de notificación de Shopify están aquí: 1. Abre Shopify Admin → Configuración → notificaciones. 2. Encuentra la notificación que quieres instalar, como una confirmación de pedido o una actualización de envío. 3. Abre la notificación para previsualizar o editar el cuerpo del correo. Aquí es donde pegas el código HTML de Smart Emails durante el proceso de exportación.

¿Qué cambios se activan al instante?

Smart Emails utiliza Shopify Metafields para configuraciones en vivo soportadas. Estos valores se leen cuando Shopify crea un correo electrónico. Los cambios estructurales siguen formando parte del HTML instalado y requieren una nueva exportación. Instantáneo (sin reexportación) - Colores (fondo, texto, enlaces, botones) - Tipografía (familia de fuentes, tamaños) - Estilizado de botones (relleno, contorno, radio) - Logotipo de cabecera (imagen, tamaño, alineación) - Texto al pie de página (legal, derechos de autor, enlaces sociales, texto libre) - Banner de mensaje (texto, colores, encendido/apagado por plantilla) - Contenido y visibilidad de la sección de marketing soportados, incluyendo descuentos, productos, tarjetas regalo y configuraciones de pedidos - Pie de página por idioma, enlaces de tienda, banner de mensaje y texto de marketing almacenados en campos metaespecíficos de cada localidad Requiere reexportación - Añadir o eliminar secciones - Cambio de orden de sección - Cambiar a un preset base diferente - Actualizaciones del convertidor que modifican la estructura HTML generada Importante: La plantilla primaria HTML no puede reemplazarse automáticamente a través de la API de Shopify. Cuando Smart Emails muestre un aviso de reexportación, copia el código en idioma primario recién generado a Shopify. Los cuerpos instalados en segundo idioma soportados pueden sincronizarse automáticamente.

Configuración completa: desde correos predefinidos hasta multilingües de Shopify

Utiliza esta lista de comprobación cuando configures Smart Emails por primera vez. 1. Elegir el idioma principal Tu idioma principal es la fuente del diseño, la estructura de la plantilla y las traducciones automáticas. Elige el idioma en el que normalmente escribes y mantén el contenido del correo. 2. Elige y personaliza un preset Selecciona una de las 30 variaciones predefinidas y luego abre el editor. Configura colores globales, tipografía, botones, logo, enlaces de tienda, pie de página y cualquier sección de marketing. Revisa la estructura individual y el texto de las plantillas que planeas usar. 3. Enviar un correo de prueba Abre una plantilla y elige Correo electrónico de prueba en la barra de herramientas. Introduce una dirección de correo electrónico, envía el mensaje y comprueba el resultado tanto en escritorio como en móvil. Prueba enlaces importantes, imágenes, contenido de pie de página y tanto el modo claro como el oscuro. 4. Generar las plantillas primarias Haz clic en Exportar a Shopify. Smart Emails guarda el diseño y genera el HTML para cada plantilla disponible en tu plan. 5. Instalar el lenguaje principal en Shopify Ve a Exports, selecciona una plantilla y copia su código. Abre el destino de Shopify que muestra Smart Emails, reemplaza el cuerpo de notificaciones y guárdalo. Repite esto para cada plantilla principal que quieras usar. Shopify no permite que una aplicación reemplace automáticamente el cuerpo de notificación principal. Por tanto, este paso de copiar y guardar es necesario una vez por plantilla principal y otra vez tras cambios estructurales. 6. Añadir lenguas secundarias Vuelve a la página principal de Smart Emails y haz clic en Añadir idioma. Selecciona los idiomas requeridos y confirma. Smart Emails entonces: - crea un conjunto de diseño específico para cada lenguaje - Copia el diseño principal - traduce texto compatible con Google Cloud Translation - habilita y publica la ubicación en Shopify - instala el body_html traducido para cada plantilla primaria soportada y traducible ya instalada No se exportan manualmente las versiones en segundo idioma. Smart Emails ofrece 33 idiomas de interfaz y de contenido de correo electrónico. Una tienda puede mantener hasta 20 lenguajes de correo electrónico en un solo conjunto de diseño, incluyendo su idioma principal. Añade solo los idiomas que la tienda realmente utiliza. 7. Comprobar el estado del correo electrónico Abre Estado del correo electrónico para verificar qué plantillas primarias y versiones de lenguaje están presentes. Si se añadió un lenguaje antes de instalar una plantilla primaria, instala primero la plantilla principal y luego ejecuta la sincronización ofrecida. 8. Activar una notificación real de Shopify Crea un pedido de prueba o activa la notificación correspondiente. Esta prueba final verifica Shopify Liquid datos, la selección del idioma del cliente, el asunto y el cuerpo del correo electrónico juntos. Limitación actual: Smart Emails instala automáticamente los cuerpos de correo traducidos para las 44 plantillas de notificación que Shopify expone para traducirlas. Las líneas de asunto de las notificaciones de Shopify son separadas y actualmente no están traducidas por Smart Emails.

¿Cómo añado, muevo y elimino secciones?

Cada una de las 52 plantillas tiene su propia estructura de secciones. Selecciona la plantilla que quieres cambiar antes de añadir, mover o eliminar una sección. Añadir una sección 1. Selecciona una sección del lienzo. 2. Haz clic en el control + en la posición donde debería aparecer la nueva sección. 3. Elige una de las secciones disponibles para esa plantilla. 4. Configura su contenido y ajustes en el panel de ajustes. La lista es compatible con plantillas. Las secciones que no tienen sentido para la notificación actual de Shopify están ocultas, y las secciones que solo pueden aparecer una vez no pueden insertarse dos veces. Mueve una sección Selecciona la sección y utiliza sus controles hacia arriba o hacia abajo. Smart Emails respeta las posiciones requeridas. Por ejemplo, el pie de página sigue siendo la sección final. Eliminar una sección Selecciona la sección y haz clic en su control de eliminar. Las secciones requeridas y las secciones gestionadas globalmente pueden protegerse contra la eliminación. Cambios estructurales en la publicación Las adiciones de secciones, eliminaciones y cambios de orden alteran el HTML generado. Tras realizar uno de estos cambios, genera una nueva exportación y reemplaza el código de plantilla principal en Shopify. Los lenguajes secundarios instalados pueden regenerarse automáticamente a partir de la estructura actualizada. Consejo: Anular está disponible si eliminas o mueves una sección por error, siempre que no hayas salido ni recargado la sesión actual del editor.