Cómo importar una plantilla HTML personalizada
Objetivos del artículo
Obtén información sobre cómo importar una plantilla HTML personalizada a Klaviyo.
Solo recomendamos usar HTML personalizado a especialistas en marketing con conocimientos técnicos o a quienes tengan acceso a un desarrollador. Si bien nuestro producto sí admite HTML personalizado, nuestro equipo de soporte no puede ayudarte a crear tus plantillas personalizadas más allá de ofrecer la orientación general incluida en esta documentación. Para mantener la seguridad de tus datos, el equipo de asistencia de Klaviyo no puede abrir tus archivos HTML.
Importa una plantilla HTML personalizada
Si subes un archivo, debe tener la extensión .html. .csv. Las plantillas de marketing deben incluir un enlace de cancelación de suscripción. Usa {% unsubscribe %} para generar un enlace o coloca {% unsubscribe_link %} en el atributo href de tu propio enlace. Obtén más información sobre cancelar la suscripción en Klaviyo.
La casilla de verificación de no marketing omite la verificación de cancelar la suscripción durante la importación. Selecciónala solo si la plantilla se usará para correos electrónicos activados que no estén relacionados con marketing.
Eliminar etiquetas de plantilla y variables no compatibles
Cuando exportas una plantilla de un diferente ESP, puede contener etiquetas y variables que Klaviyo no admite. Antes de importar tu archivo HTML, elimina esas etiquetas (y, si es necesario, reemplázalas por etiquetas de personalización de Klaviyo).
Por ejemplo, consulta el mensaje y el HTML a continuación. Este mensaje se exportó desde otro ESP y contiene etiquetas para el año actual, la dirección de una empresa y más. Estas etiquetas externas no son compatibles con Klaviyo.
Las etiqueta de plantilla de Klaviyo están contenidas entre llaves. Las variables están rodeadas por dos pares de llaves (p. ej., {{ first_name }}) y las etiquetas de plantilla están rodeadas por un par de llaves y símbolos de porcentaje (p. ej., {% unsubscribe %}). Si las etiqueta de plantilla y las variables de la plantilla están indicadas con otros caracteres, Klaviyo no las admitirá.
- Ve a Contenido > Plantillas.
- Selecciona la pestaña Email: guardado.
- Haz clic en Crear > Importar plantilla de correo electrónico.
- Ingresa un nombre en Nombre de la plantilla.
- Selecciona Subir archivo HTML y sube tu archivo .html o selecciona Pegar HTML y pega el código en HTML de la plantilla.
- Si el HTML hace referencia a imágenes locales, sube un archivo .zip que las contenga en Subir los archivos adicionales utilizados en la plantilla. Consulta los requisitos de imagen a continuación.
- Haz clic en Importar plantilla.
Después de una importación exitosa, el cuadro de diálogo se cierra y la plantilla aparece en la pestaña Email: guardado.
No se recomienda exportar una plantilla creada en el editor de arrastrar y soltar de Klaviyo y luego importarla de nuevo a Klaviyo, ya que puede causar problemas con la funcionalidad de la plantilla.
Agrega imágenes (opcional)
Empaqueta las imágenes locales en un archivo .zip y súbelo en Subir los archivos adicionales utilizados en la plantilla. El nombre de archivo y la ruta de carpeta de cada imagen en el ZIP deben coincidir con su referencia en el HTML. Cada imagen debe tener un tamaño máximo de 10 MB.
Cuando importas la plantilla, Klaviyo sube las imágenes a las que se hace referencia desde el ZIP a su red de entrega de contenido (CDN) y actualiza sus referencias en la plantilla.
Si tus imágenes ya están alojadas en línea, haz referencia a ellas con las URLs completas http:// o https://. No es necesario incluir esas imágenes en el archivo zip.
Agrega texto de vista previa oculto a una plantilla HTML personalizada
Si quieres configurar el texto de vista previa para una plantilla de HTML personalizada (en lugar de permitir que las bandejas de entrada extraigan el texto de vista previa del contenido del mensaje), agrega el bloque de código de abajo a la plantilla. Este código debe agregarse inmediatamente después de la etiqueta de apertura <body> de la plantilla. Reemplaza Insert preview text here. con el texto de vista previa que quieres que vean los destinatarios.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insert preview text here.
</div>Emojis y plantillas HTML personalizadas
A partir de febrero de 2024, todos los emojis son compatibles con todos los editores de Klaviyo Email (es decir, el editor de arrastrar y soltar, el editor híbrido, el editor de solo texto y el editor de HTML personalizado).