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.
Sube una plantilla HTML personalizada
Las plantillas de HTML personalizadas deben ser archivos .html y deben incluir un enlace de cancelación de suscripción (es decir, una etiqueta {% unsubscribe %} o {% unsubscribe_link %}). Obtén más información sobre cancelar la suscripción en Klaviyo.
- Ve a Contenido > Plantillas.
- Selecciona la pestaña Plantillas de correo electrónico.
- Haz clic en Importar.
- Ingresa un nombre y sube el archivo HTML de la plantilla.
- Sube las imágenes o los recursos a los que se haga referencia en el HTML.
- Haz clic en Importar plantilla.
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.
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á.
Agrega imágenes y archivos adjuntos (opcional)
Puedes hacer referencia a imágenes y archivos adjuntos subiendo un archivo zip que incluya tus archivos adjuntos y haciendo referencia a ellos por su nombre de archivo dentro de la plantilla.
Cuando haces clic para importar la plantilla, estas imágenes y recursos se agregan automáticamente a nuestra CDN y sus referencias se actualizan dentro de la plantilla.
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 dejar que las bandejas de entrada extraigan el texto de vista previa del contenido del mensaje), añade el bloque de código a continuación a la plantilla. Este código se debe añadir inmediatamente después de la etiqueta <body> de apertura de la plantilla.
<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, se admiten todos los emojis en todos los editores de correo electrónico de Klaviyo (es decir, el editor de arrastrar y soltar, el editor híbrido, el editor de solo texto y el editor de HTML personalizado).