Editor HTML
En esta página te indicaremos los pasos para crear una Plantilla usando el Editor HTML.
🔧 Construyendo con el Editor HTML
Las Plantillas de Correo electrónico se basan en HTML. Por lo tanto, si ya tienes una Plantilla de Correo electrónico anterior, puedes simplemente copiar y pegar el código en tu versión recién creada. O incluso puedes arrastrar y soltar un archivo HTML directamente en el editor de código.
Puedes añadir tantas versiones como quieras dentro de tu plantilla, sin embargo, solo una versión puede estar activa a la vez. Con un solo clic, puedes activar otra versión:
Cambiar la versión activa
Cambiar la versión activa
Esta función te permite cambiar a un nuevo diseño de Plantilla de Correo electrónico sin tener que pasar por ninguna de tus Actividades configuradas. Simplemente añade tu Plantilla de Correo electrónico recién diseñada como una nueva versión y actívala cuando quieras hacer el cambio.
Lo que tienes que tener en cuenta, es que sean exactamente los mismos marcadores de posición y no se puedan añadir marcadores adicionales en la nueva plantilla para que este cambio sea fluido. Si hay alguna diferencia en los marcadores de posición, necesitarás revisar tus Acciones de correo electrónico para rellenar cualquier campo nuevo.
⚡️Soporte AMP para Correos
AMP te permite crear correos interactivos y dinámicos que enriquecen la experiencia del usuario. Al crear tus Plantillas de Correo, tendrás la opción de alternar entre HTML o AMP para crear la plantilla:
Alternar para cambiar de HTML a AMP
Alternar para cambiar de HTML a AMP
Todas las Plantillas de Correo que crees usando AMP mostrarán la insignia azul arriba, señalando que hay funciones ampliadas disponibles.
🔡 Marcadores de posición y cómo usarlos
Incorporar marcadores de posición en tus plantillas de correo te permite reutilizar las mismas plantillas una y otra vez. Esto significa, no necesitas cientos y cientos de correos llenando tu espacio de trabajo.
Para añadir un marcador de posición en tu Plantilla de Correo simplemente necesitas añadir dos llaves rizadas a cada lado de una variable única. Ejemplos:
{{MainBanner}}
{{Header}}
{{Image}}
{{CTA}}
Puedes usar cualquier variable para tus marcadores de posición, siempre que estén rodeadas por llaves rizadas y no incluyan espacios ni caracteres especiales. Sin embargo, sugerimos que se mantengan lo más lógicos posible para que la configuración de tu correo sea lo más sencilla posible.
A menos que quieras repeticiones en tu correo, asegúrate de que todos los marcadores de posición sean únicos dentro de la plantilla.
De corchetes cuadrados a llaves rizadas
Inicialmente, los marcadores de posición se creaban usando corchetes cuadrados simples.
Ejemplo: [Placeholder]
Como mejora, implementamos una nueva forma de crear marcadores de posición, con dobles llaves rizadas.
👉 Si actualmente has configurado tus marcadores de posición con corchetes cuadrados, te sugerimos encarecidamente actualizar estos marcadores de posición a dobles llaves rizadas para una experiencia general más fluida.
Cualquier marcador de posición añadido, en tu Plantilla de Correo, aparecerá como campos únicos en tu Acción de correo con el marcador de posición relacionado como título. Todo lo que introduzcas en estos campos luego reemplazará el marcador de posición en la plantilla.
Recomendamos que sigas leyendo las siguientes secciones para entender las funciones avanzadas que tenemos dentro del creador de Plantillas de Correo. O pasa a Cómo Crear Un Correo para aprender cómo configurar un correo con tu nueva plantilla.
🧩 Condiciones FT y Bloques de Contenido
Además de los marcadores de posición, puedes aprovechar otras funciones dentro del creador de Plantillas de Correo para personalizar y organizar aún más tus correos: Condiciones FT y Bloque de Contenido.
🔀 Condiciones FT
Dentro de nuestras plantillas de correo y bloques de contenido, podemos incluir etiquetas condicionales que te permiten crear contenido dinámico basado en segmentación. Leer más.
🧱 Bloques de Contenido
Podemos construir plantillas de correo usando Bloques de Contenido. Un Bloque de Contenido corresponde a una sección de un correo, por ejemplo: logo, encabezado, banner, pie de página, etc. Podemos construir un correo electrónico rápida y fácilmente usando varios Bloques de Contenido reutilizables. Leer más
🎁 Mejores Prácticas
Manejar grandes cantidades de HTML puede ser complicado. Tenemos algunas funcionalidades que ayudan a mitigar problemas que puedan surgir. Veamos cuáles son y cómo usarlas:
💾 Autoguardado
Activa la función de autoguardado en tu plantilla de correo para guardar automáticamente el progreso, cada pocos segundos, mientras trabajas.
Autoguardado
Autoguardado
🧠 Nota: El autoguardado se desactivará cuando la Plantilla de Correo esté en uso en actividades activas o si tienes errores en el HTML.
💌 Plantilla en Uso
Antes de hacer cualquier cambio en tu Plantilla de Correo, verifica si actualmente está en uso en alguna Actividad activa.
Plantilla en uso
Plantilla en uso
Puedes ver en el ejemplo anterior que la plantilla está siendo utilizada actualmente por 9 actividades. Abre la plantilla de correo para ver la lista completa de actividades.
Plantilla de correo - usada por actividades
Plantilla de correo - usada por actividades
❌ Errores de HTML
Cualquier error en tu HTML se mostrará a lo largo de la barra superior dentro de la Plantilla de Correo. También puedes encontrar una 'X' roja dentro del editor de código junto a la línea que contiene el error.
Error de HTML
Error de HTML
HTML roto: Si tu Plantilla de Correo tiene problemas con el código HTML, mostraremos un mensaje de error dentro del editor de código, en la vista previa del correo y en el portal de QA para alertarte.
Sin embargo, no te impediremos usar la plantilla rota.
Tener código HTML roto dentro de tu plantilla hará que:
- Reduzca la cantidad de funciones de las que puedes aprovechar dentro del creador de plantillas, como el editor en línea y todos los botones de estilo
Y
- Puede resultar en que el correo final no se muestre correctamente ☹
🛠️ Resumen de Bloques de Contenido y Condiciones usadas
Consejo: Obtén un resumen de las condiciones y bloques de contenido en uso en tu plantilla!
Selecciona el mensaje en la parte superior del editor de código. Se abrirá un nuevo panel para mostrar un resumen de todos los segmentos de condiciones y bloques de contenido en uso. Ver abajo:
Resumen de Bloques de Contenido y Condiciones dentro de una Plantilla de Correo
Resumen de Bloques de Contenido y Condiciones dentro de una Plantilla de Correo