Empezando

9 artículos Manfred Por Manfred

¿Qué son los correos electrónicos inteligentes?

Smart Emails es un editor visual para las 52 plantillas de notificación de Shopify compatibles, incluidas las confirmaciones de pedidos, las actualizaciones de envío, las devoluciones, las tarjetas de regalo, las notificaciones a clientes, los recibos de punto de venta y las automatizaciones de mensajería de Shopify. ¿Cómo funciona? El sistema de correos electrónicos inteligentes funciona en dos fases: 1. Fase de diseño — Elija una plantilla predefinida y personalice los colores, las fuentes, los botones, el logotipo, el pie de página, las secciones y el contenido en el editor visual. 2. Fase de instalación — Genera tus plantillas en Correos Inteligentes, luego copia y guarda el código HTML en el idioma principal en la notificación de Shopify correspondiente. Shopify no permite que las aplicaciones reemplacen automáticamente el cuerpo de la notificación principal. 3. Fase de producción — Tras la instalación, muchos ajustes cotidianos se leen desde los metacampos de Shopify al enviar un correo electrónico. Los cambios estructurales aún requieren una nueva exportación. ¿Qué lo hace diferente? - 30 preajustes profesionales — 10 conjuntos de diseño con tres variaciones de color coordinadas cada uno. - 52 plantillas de Shopify compatibles: notificaciones transaccionales, correos electrónicos de punto de venta, notificaciones para el personal y automatizaciones seleccionadas de mensajería de Shopify. - Configuración en tiempo real: los colores, botones, pie de página, banner y otras configuraciones basadas en Metafield se pueden actualizar sin reemplazar el código de la plantilla principal. - Traducción automática: actualmente 33 idiomas, y se añaden más continuamente. - Sin código: nunca verás HTML, CSS ni Liquid. Los idiomas adicionales se traducen con Google Cloud Translation y se instalan para cada plantilla principal que ya esté instalada en Shopify.

¿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, menús desplegables e interruptores. Para usuarios avanzados, existe un campo de código Liquid personalizado opcional por sección para condiciones de visualización especiales. Pero para el uso normal, no necesitas escribir código.

¿Cómo instalo Correos Inteligentes?

Instalar Smart Emails en tu tienda Shopify te llevará menos de un minuto. 1. Visita la ficha de Smart Emails en la tienda de aplicaciones de Shopify. 2. Haz clic en Añadir app. 3. Aprueba los permisos en la pantalla de autorización. 4. Serás redirigido al panel de control de Smart Emails. ¡Listo para empezar! || Nota: Smart Emails necesita permiso para leer los datos de tu tienda (productos, pedidos, logotipo) para mostrar previsualizaciones realistas en el editor. No modificará tus correos electrónicos existentes hasta que los exportes explícitamente.

¿Cómo elijo un diseño predefinido?

Smart Emails incluye 30 variaciones 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. Abra el panel de control de Correos electrónicos inteligentes 2. Explora los ajustes preestablecidos: cada uno muestra una vista previa completa. 3. Haz clic en el que más te guste. 4. Seleccione su idioma principal 5. Haz clic en Comenzar a editar Cada plantilla predefinida incluye colores, fuentes, botones, espaciado, configuración del pie de página y valores predeterminados de sección coordinados. Puedes personalizarlo todo después; la plantilla predefinida es solo el punto de partida. || Importante: Aplicar otro preajuste base modifica el diseño y la estructura de tus plantillas. Guarda una instantánea del diseño antes de volver a la versión actual. Los cambios estructurales requieren una nueva exportación en el idioma principal.

¿Cómo funciona el editor?

El editor de correos electrónicos inteligentes se abre dentro de Shopify y tiene tres áreas principales: - Panel de configuración — Edite el texto, los colores, las imágenes, el espaciado y las opciones específicas de cada sección. - Lienzo — Una vista previa visual en tiempo real de la plantilla seleccionada actualmente. - Barra de herramientas — Abre la configuración global, cambia el ancho de la vista previa, deshaz o rehace los cambios, envía una prueba e inicia una exportación. Realizar cambios 1. Haz clic en cualquier sección del lienzo (lado derecho). 2. Su configuración se abre a la izquierda. 3. Realiza tus cambios: el lienzo se actualiza en tiempo real. 4. Tus cambios se guardan automáticamente después de que dejes de editar durante aproximadamente dos segundos. Cambiar plantillas Utiliza el selector de plantillas para alternar entre las 52 plantillas compatibles. La configuración de diseño global, como colores, tipografía, botones, logotipo y pie de página, se comparte. La estructura de las secciones y el texto específico de cada plantilla pueden variar. Vista previa para escritorio y dispositivos móviles Utilice el interruptor Escritorio/Móvil para previsualizar diferentes anchos. Un correo electrónico de prueba real sigue siendo la verificación final, ya que Gmail, Outlook, Apple Mail y otros clientes de correo electrónico utilizan diferentes motores de renderizado. Lenguas primarias y secundarias El editor del idioma principal contiene todos los controles de diseño y estructura. Los editores de idiomas secundarios se centran en el texto traducido. Los cambios de diseño se heredan del diseño principal, de modo que todos los idiomas permanecen visualmente sincronizados. | La función de guardado automático protege tu trabajo, pero una vez guardado, el código HTML principal almacenado en Shopify no reemplaza automáticamente la estructura original.

¿Dónde encuentro mis correos electrónicos en Shopify?

Aquí encontrarás tus correos de notificación de Shopify: 1. Ve a Panel de administración de Shopify → Configuración → Notificaciones 2. Verás todas las plantillas de notificación (Confirmación de pedido, Envío, etc.) 3. Haz clic en cualquier plantilla para previsualizarla o editarla. Aquí es donde debes pegar el código HTML de Correos inteligentes durante el proceso de exportación.

¿Qué cambios se aplican de inmediato?

Smart Emails utiliza los metacampos de Shopify para publicar los cambios en tiempo real sin necesidad de volver a exportarlos. Aquí te mostramos qué se publica al instante y qué requiere una nueva exportación: Instantáneo (sin reexportación) - Colores (fondo, texto, enlaces, botones) - Tipografía (familia tipográfica, tamaños) - Estilo de botón (relleno, contorno, radio) - Logotipo del encabezado (imagen, tamaño, alineación) - Texto del pie de página (información legal, derechos de autor, enlaces a redes sociales, texto libre) - Banner con mensaje (texto, colores, activación/desactivación según plantilla) - Secciones de marketing (descuentos, productos, tarjetas de regalo) - El pie de página, los enlaces de la tienda, el banner de mensajes y el texto de marketing se almacenan en metacampos específicos de cada idioma. Requiere reexportación - Agregar o eliminar secciones - Cambio del orden de las secciones - Cambiar a un preajuste base diferente - Actualizaciones del convertidor que modifican la estructura HTML generada. || Importante: La plantilla HTML principal no se puede reemplazar automáticamente mediante la API de Shopify. Cuando Smart Emails muestre un aviso de reexportación, copie el código del idioma principal recién generado en Shopify. Los idiomas secundarios instalados se sincronizarán automáticamente.

Configuración completa: Desde correos electrónicos preestablecidos hasta correos electrónicos multilingües de Shopify

Utilice esta lista de verificación al configurar los correos electrónicos inteligentes por primera vez. 1. Elija el idioma principal Tu idioma principal es la base del diseño, la estructura de la plantilla y las traducciones automáticas. Elige el idioma en el que sueles escribir y mantener el contenido de tus correos electrónicos. 2. Elige y personaliza un ajuste predefinido. Selecciona una de las 30 variaciones predefinidas y abre el editor. Configura los colores, la tipografía, los botones, el logotipo, los enlaces de la tienda, el pie de página y las secciones de marketing. Revisa la estructura y el texto de las plantillas que vayas a utilizar. 3. Envía un correo electrónico de prueba. Abre una plantilla, haz clic en Enviar prueba, introduce una dirección de correo electrónico y comprueba el resultado en ordenador y móvil. Prueba los enlaces importantes, las imágenes, el contenido del pie de página y los modos claro y oscuro. 4. Generar las plantillas principales Haz clic en Exportar a Shopify. Smart Emails guarda el diseño y genera el código HTML para cada plantilla disponible en tu plan. 5. Instala el idioma principal en Shopify. Ve a Exportaciones, selecciona una plantilla y copia su código. Abre el destino de Shopify que muestra Smart Emails, reemplaza el cuerpo de la notificación y guárdalo. Repite este proceso para cada plantilla principal que quieras usar. Shopify no permite que una aplicación reemplace automáticamente el cuerpo de la notificación principal. Por lo tanto, este paso de copiar y guardar es necesario una vez por plantilla principal y nuevamente después de realizar cambios estructurales. 6. Añadir idiomas secundarios Regresa a la página principal de Correos Inteligentes y haz clic en Agregar idioma. Selecciona los idiomas necesarios y confirma. Correos Inteligentes: - crea un conjunto de diseño específico del idioma - copia el diseño principal - Traduce el texto compatible con Google Cloud Translation. - Habilita y publica la configuración regional en Shopify. - Instala la traducción body_html para cada plantilla principal ya instalada. No es necesario exportar manualmente las versiones en el idioma secundario. 7. Comprobar el estado del correo electrónico Abra Estado del correo electrónico para verificar qué plantillas principales y versiones de idioma están presentes. Si se agregó un idioma antes de instalar una plantilla principal, instale primero la plantilla principal y luego ejecute la sincronización que se le ofrece. 8. Activa una notificación real de Shopify. Crea un pedido de prueba o activa la notificación correspondiente. Esta prueba final verifica los datos de Shopify Liquid, la selección de idioma del cliente, el asunto y el cuerpo del correo electrónico. || Limitación actual: Smart Emails instala automáticamente los cuerpos de los correos electrónicos traducidos. Los asuntos de las notificaciones de Shopify son independientes y Smart Emails no los traduce actualmente.

¿Cómo puedo agregar, mover y eliminar secciones?

Cada una de las 52 plantillas tiene su propia estructura de secciones. Seleccione la plantilla que desea modificar antes de agregar, mover o eliminar una sección. Agregar una sección 1. Seleccione una sección en el lienzo. 2. Haga 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. Configure su contenido y ajustes en el panel lateral. La lista tiene en cuenta la plantilla. 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 se pueden insertar dos veces. Mover una sección Seleccione la sección y utilice sus controles de desplazamiento hacia arriba o hacia abajo. Smart Emails respeta las posiciones predefinidas. Por ejemplo, el pie de página permanece como la última sección. Eliminar una sección Seleccione la sección y haga clic en su botón de eliminar. Las secciones obligatorias y las secciones administradas globalmente pueden protegerse para evitar su eliminación. Publicación de cambios estructurales Las adiciones, eliminaciones y cambios de orden de secciones modifican el código HTML generado. Tras realizar alguno de estos cambios, genere una nueva exportación y reemplace el código de la plantilla principal en Shopify. Los idiomas secundarios instalados se regenerarán automáticamente a partir de la estructura actualizada. || La opción Deshacer está disponible si elimina o mueve una sección por error, siempre que no haya salido ni recargado la sesión actual del editor.