Cómo importar una plantilla HTML personalizada
Qué aprenderás
Aprenda a importar una plantilla HTML personalizada en Klaviyo.
Sólo recomendamos el uso de HTML personalizado a los vendedores con conocimientos técnicos, o a cualquiera que tenga acceso a un desarrollador. Aunque nuestro producto admite HTML personalizado, nuestro equipo de asistencia no puede ayudarle a crear sus plantillas personalizadas más allá de ofrecerle la orientación general que se recoge en esta documentación. Para mantener la seguridad de sus datos, el equipo de soporte de Klaviyo no puede abrir sus archivos HTML.
Cargar una plantilla HTML personalizada
Las plantillas HTML personalizadas deben ser .html y deben incluir un enlace para darse de baja (es decir, una etiqueta {% unsubscribe %} o {% unsubscribe_link %}). Más información sobre las bajas en Klaviyo.
- Navegue hasta Contenido > Plantillas.
- Selecciona la pestaña Plantillas de correo electrónico.
- Haz clic en Importar.
- Introduzca un nombre y cargue el archivo HTML de su plantilla.
- Cargue cualquier imagen o activo referenciado en su HTML.
- Haga clic en Importar plantilla.
Exportar una plantilla construida en el editor de arrastrar y soltar de Klaviyo y luego importarla de nuevo a Klaviyo no es recomendable, y puede causar problemas con la funcionalidad de la plantilla.
Eliminación de etiquetas y variables de plantilla no compatibles
Cuando exporta una plantilla de un proveedor de servicios de correo electrónico diferente, puede contener etiquetas y variables que no son compatibles con Klaviyo. Antes de importar su archivo HTML, elimine esas etiquetas (y, si es necesario, sustitúyalas por etiquetas de personalización de Klaviyo).
Por ejemplo, vea el mensaje y el HTML a continuación. Este mensaje se exportó desde otro proveedor de servicios de correo electrónico y contiene etiquetas para el año en curso, la dirección de una empresa, etc. Estas etiquetas externas no son compatibles con Klaviyo.
Las etiquetas de las plantillas Klaviyo están contenidas entre llaves. Las variables se rodean de dos pares de llaves (por ejemplo, {{ first_name }}), y las etiquetas de plantilla se rodean de un par de llaves y símbolos de porcentaje (por ejemplo, {% unsubscribe %}). Si las etiquetas y variables de su plantilla están denotadas por otros caracteres, Klaviyo no las soportará.
Añada imágenes y archivos adjuntos (opcional)
Puede hacer referencia a imágenes y archivos adjuntos cargando un archivo zip que incluya sus archivos adjuntos y haciendo referencia a ellos por su nombre de archivo dentro de su plantilla.
Cuando haga clic para importar su plantilla, estas imágenes y activos se añadirán automáticamente a nuestra CDN y sus referencias se actualizarán dentro de su plantilla.
Añadir texto de vista previa oculto a una plantilla HTML personalizada
Si desea establecer el texto de previsualización para una plantilla HTML personalizada (en lugar de dejar que las bandejas de entrada extraigan el texto de previsualización del contenido de su mensaje), añada el bloque de código siguiente a su plantilla. Este código debe añadirse inmediatamente después de la etiqueta de apertura <body> de su plantilla.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Inserte aquí el texto de previsualización.
</div>Emojis y plantilla HTML personalizada
A partir de febrero de 2024, todos los emojis son compatibles con todos los editores de correo electrónico de Klaviyo (es decir, el editor de arrastrar y soltar, el editor híbrido, el editor de sólo texto y el editor HTML personalizado).
Recursos adicionales
- Solución de problemas de CSS, JavaScript y HTML personalizados en Klaviyo
- Cómo importar una plantilla HTML personalizada con soporte para arrastrar y soltar