Saltar al contenido principal

Plantillas de email

Las plantillas de email son diseños reutilizables: se crean una vez en el editor visual y luego se usan en el email de cualquier campaña o recorrido. Están en Brand Studio → Plantillas de email (/brand/email-templates). Para ver la biblioteca necesitas el permiso templates:read.

La biblioteca de plantillas​

La biblioteca muestra en una tabla todas las plantillas del espacio de trabajo:

ColumnaQué muestra
NombreEl nombre, la descripción y las primeras etiquetas de la plantilla. Haz clic para abrir el editor.
ÁmbitoEspacio de trabajo (creada aquí) o Global (disponible en varios espacios de trabajo).
AsuntoLa línea de asunto predeterminada de la plantilla.
UsoCuántas campañas usan la plantilla.
Creada / Creada por, Última edición / Editada porMarcas de tiempo, avatar y nombre del miembro; las mismas etiquetas que en la lista de campañas.

Junto a la tabla tienes búsqueda (nombre, asunto y descripción), un filtro de etiquetas respaldado por el conjunto de etiquetas compartido del espacio de trabajo, un menú Columnas para mostrar u ocultar columnas, encabezados ordenables y paginación. Al seleccionar filas aparece una barra de acciones masivas con Eliminar (cada eliminación es permanente y se confirma antes).

El menú de acciones de cada fila ofrece:

  • Vista previa: renderiza el HTML de la plantilla en un modal, con un acceso directo a Editar.
  • Editar: abre el editor.
  • Duplicar: abre el editor ya rellenado como «Nombre (Copia)»; no se crea nada hasta que guardas.
  • Eliminar: con confirmación; no se puede deshacer.

Crear y editar una plantilla​

Al elegir Crear plantilla (o abrir una existente) llegas al editor, que tiene dos tarjetas:

Información de la plantilla: los metadatos:

  • Nombre de plantilla (obligatorio).
  • Asunto predeterminado: se usa como asunto inicial cuando se aplica la plantilla.
  • Descripción: opcional; aparece en la biblioteca.
  • Etiquetas: compartidas entre plantillas, campañas y canvas del espacio de trabajo.

Editor visual: una plantilla nueva se abre con dos opciones: Create with Drag & drop y Create with HTML.

  • Drag & drop abre el editor a pantalla completa. Es el mismo editor HTML de email que se usa en los emails de campaña: arrastra bloques al canvas, aplícales estilo en el panel lateral y termina con Listo. La tarjeta muestra después una vista previa en vivo con Editar diseño. El texto que pegas en un bloque de texto desde Word, Google Docs o una página web conserva sus párrafos, listas, enlaces y la negrita, cursiva y subrayado, pero no sus fuentes, tamaños ni colores, así que se le aplican los ajustes de Tipografía del bloque. Para el texto pegado antes, Borrar formato (la goma en la barra de texto) quita esas fuentes, tamaños y colores de la selección, o de todo el bloque si no hay nada seleccionado; cambiar la fuente, el tamaño o el color del bloque en Tipografía también se impone a ellos. Al seleccionar un enlace en un bloque de texto aparece Link style debajo de Link URL y Open in: el color del enlace (Link color - elige un color, escribe un código hex o vacía el campo para usar el predeterminado del cliente de correo), subrayado (Underline) activado o desactivado y negrita (Bold) activada o desactivada. Se guardan en el propio enlace, así que llegan a la bandeja de entrada también en Gmail y Outlook - úsalos para que los enlaces se lean bien sobre un fondo oscuro.
  • HTML muestra un editor de código junto a una vista previa en vivo. Escribe o pega el HTML completo del email; los estilos inline se conservan. La personalización con Liquid y los tokens de bloques de contenido funcionan igual que en el editor Drag & drop. Haz clic en cualquier texto de la vista previa para editarlo en el sitio - el HTML se actualiza debajo, y puedes escribir ahí etiquetas de personalización como {{ user.firstName }}. La disposición, los estilos y las imágenes se editan en el código; al hacer clic en un elemento de la vista previa saltas a su marcado.

Una etiqueta en la tarjeta indica con qué método se creó el diseño. Convert to HTML convierte un diseño Drag & drop en HTML plano conservando el HTML; la conversión es de un solo sentido, porque el editor de bloques no puede reconstruir un diseño a partir de HTML arbitrario. La vista previa de la página del editor se actualiza al instante; no se guarda nada hasta que pulsas Guardar.

Las plantillas almacenan el HTML compilado y seguro para email. Un diseño Drag & drop conserva además el origen editable de los bloques, así que al volver a abrirlo tendrás bloques editables nativos, no un único bloque de HTML opaco; guardar en modo HTML borra ese origen, y la plantilla se reabre en el editor HTML.

En una plantilla guardada, el encabezado también ofrece:

  • Vista previa: una previsualización renderizada con datos de personalización de ejemplo.
  • Enviar prueba: envía el diseño actual a tu email antes de usarlo. Consulta Pruebas de email.
  • Historial de versiones: un panel con las versiones guardadas anteriores y Restaurar; al restaurar, el editor se carga con esa versión. Consulta Historial y versiones.

Duplicar una plantilla​

Duplicar abre el editor con el diseño, asunto, descripción y etiquetas de la plantilla original ya cargados, y con el sufijo «(Copia)» en el nombre. Al guardar se crea una plantilla completamente nueva; el original nunca se modifica. Es la forma más rápida de crear variaciones a partir de un diseño base.

Ten en cuenta que Vista previa, Enviar prueba e Historial de versiones solo aparecen en el encabezado después de que una plantilla se haya guardado al menos una vez; una plantilla nueva (o duplicada pero sin guardar) debe guardarse primero.

Selector de personalización​

La personalización se inserta mediante el botón y selector específicos de Personalización del editor, no con bloques arrastrables: explora las variables disponibles (campos de usuario, atributos, etc.) y el selector inserta el token Liquid correcto donde esté el cursor, sin que tengas que recordar la sintaxis a mano. Los tokens insertados son Liquid normal; consulta Plantillas Liquid para conocer las opciones disponibles y el funcionamiento de los filtros.

Botón Añadir a Wallet​

El panel de bloques también incluye un bloque Añadir a Wallet para los pases de Wallet. Después de añadirlo, selecciónalo y usa la acción Configurar pase de la barra de herramientas para vincular el botón a una de tus plantillas de pases; al enviar, cada destinatario recibe su propio enlace personal para añadirlo a Wallet. La configuración se conserva al guardar y volver a abrir la plantilla.

Secciones de marca y bloques de producto​

El panel de bloques del editor incluye Secciones de marca: encabezados, bloques hero, secciones de contenido, bloques de comercio, CTA, códigos de cupón y pies de página que ya se muestran con los colores, logotipo y fuente de tu kit de marca. Las tarjetas de producto incluyen la acción Elegir producto, que abre el catálogo sincronizado de tu tienda (Shopify / WooCommerce) para rellenar visualmente la imagen, nombre, precio y enlace de un producto real. Son exactamente los mismos creadores de secciones que usa la IA, por lo que los emails creados a mano y con IA siempre coinciden. Encontrarás más información en Voz de marca y redacción con IA.

IA y voz de marca​

Lo que garantiza una plantilla generada (2026-09-24): una sola columna de 600 px, texto de cuerpo de 16 px con interlineado 1,5, un botón de al menos 44 px de alto redactado como una acción y su resultado, neutros teñidos hacia el color de tu marca (nunca negro o blanco puros, y una etiqueta de botón legible sobre tu color principal), texto alternativo en cada imagen, el idioma y la dirección del lector en el documento y un título por email, el preencabezado con el que se escribió (la campaña lo toma por defecto junto al asunto), y un pie con el enlace de baja en el idioma del lector, tu dirección de la empresa (Ajustes → General) y tus enlaces sociales (Kit de marca) cuando están definidos, nunca inventados. Un botón sin URL en el brief apunta a tu sitio web. La plantilla pasa por la Revisión de lanzamiento antes de guardarse, y se regenera una vez si aparece un bloqueo. La parte de texto plano se deriva al enviar. En el editor, una franja Revisión de diseño sobre el lienzo muestra los mismos hallazgos de diseño mientras construyes. Una plantilla generada también registra la postura con la que se comprometió la IA: un arquetipo (editorial, audaz, minimalista, carta, lookbook, cuadrícula de productos, boletín, transaccional) y cuánta superficie ocupa tu color de marca (contenido, comprometido, empapado), elegidos a partir del brief y el Kit de marca, o fijados por ti. En el editor, Generar con IA diseña un email completo a partir de un brief directamente en el lienzo como bloques editables, y al seleccionar cualquier bloque de texto aparecen chips de Reescribir (más corto, más audaz, más sereno, más personalidad, menos IA) que cambian solo sus palabras. Ambos funcionan también en el editor HTML, con el resultado en el código fuente. Revisar con IA toma una instrucción para todo el email abierto ("hero más corto, sube el botón") en cualquiera de los dos editores; el resultado se compila, se revisa y pasa la revisión de diseño antes de sustituir lo que hay en pantalla, y deshacer devuelve la versión anterior. El asistente de chat sabe qué email está abierto: con el editor en pantalla, pídelo con tus palabras ("acorta el hero", "sube el botón", "tono más cálido") y revisa el email abierto por el mismo paso, con una tarjeta Aplicar antes de que cambie nada.

Las plantillas son donde se reúne la IA de Joryio consciente de tu marca. Todo está explicado en profundidad en la página Voz de marca; en resumen:

  • Pide una plantilla al asistente, por ejemplo: «crea una plantilla de email para anunciar nuestra rebaja de verano, 20 % de descuento con el código SUN20». Al aplicar, el texto se redacta con tu voz de marca y el diseño se crea a partir de tu kit de marca; el resultado se guarda como una plantilla normal en esta biblioteca, que puedes abrir y ajustar como cualquier otra.
  • Las secciones de marca (arriba) mantienen las ediciones manuales dentro de la marca sin necesidad de configuración.
  • Las sugerencias de asunto con IA aparecen junto al campo de asunto al editar una variante de email en el editor de campañas y respetan el tono y las palabras prohibidas de tu voz.

Si las funciones de IA no aparecen en tu espacio de trabajo, puede que todavía no estén configuradas; la biblioteca de plantillas y el editor funcionan por completo sin ellas.

Usar plantillas en campañas y recorridos​

  • Campañas: en el paso de contenido de email, cada variante puede partir de una plantilla guardada: elige una y su diseño y asunto predeterminado se cargarán en el editor de la variante, donde puedes editar libremente (los cambios solo afectan a esa campaña, nunca a la plantilla). También hay un acceso directo para abrir el editor de plantillas en una pestaña nueva y crear una a mitad del flujo. La columna Uso de la biblioteca cuenta estos usos.
  • Recorridos: un nodo de mensaje de email en el canvas ofrece Elegir una plantilla de email de la misma manera; consulta Nodos de canvas.

Como una campaña copia la plantilla al seleccionarla, editar una plantilla después no reescribe los emails que ya se configuraron con ella; vuelve a seleccionar la plantilla donde quieras usar el diseño nuevo.

Sugerir un experimento en el editor de plantillas pide al Experiment Copilot del Asistente una prueba A/B sobre esta plantilla: una o dos variantes que cambian la única característica de contenido con la mayor brecha de rendimiento en tus propios resultados, con los destinatarios que necesita cada brazo, creada como una campaña en borrador que tú lanzas. Ver Experiment Copilot.

Personalización y bloques de contenido​

El contenido de una plantilla admite Liquid como cualquier mensaje de Joryio:

  • Las variables de personalización - {{ user.firstName }}, atributos y filtros - se renderizan al enviar. Consulta Plantillas Liquid.
  • Bloques de contenido: inserta un fragmento compartido (pie legal, banner promocional) en cualquier parte del diseño mediante su token, por ejemplo {{ blocks.legal_footer }}. El contenido actual del bloque se resuelve al enviar, por lo que editarlo en Brand Studio → Bloques de contenido actualiza todos los emails basados en plantillas que lo referencian; esto sí se propaga, a diferencia de las ediciones de la propia plantilla. Para email, usa un bloque de tipo HTML.

Un buen patrón es mantener la estructura en la plantilla y las partes que cambian con frecuencia (pie de página, banner de oferta) en bloques de contenido referenciados por ella.

Páginas relacionadas​