Cómo importar una plantilla HTML personalizada
Objetivos del artículo
Aprende a importar una plantilla HTML personalizada en Klaviyo.
Sólo recomendamos utilizar HTML personalizado a los especialistas en marketing con conocimientos técnicos, o a cualquiera que tenga acceso a un desarrollador. Aunque nuestro producto hace HTML personalizado, nuestro equipo de asistencia no puede ayudarte a construir tu plantilla personalizada más allá de ofrecerte la orientación general que se cubre 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
La plantilla HTML personalizada debe ser .html y deben incluir un enlace de cancelación de suscripción (es decir, una etiqueta {% unsubscribe %} o {% unsubscribe_link %} ). Más información sobre cancelar la suscripción en Klaviyo.
- Navega hasta Contenido > plantilla.
- Selecciona la pestaña Plantillas de correo electrónico.
- Haz clic en importar.
- Introduce un nombre y sube el archivo HTML de tu plantilla.
- Sube cualquier imagen o activo referenciado en tu HTML.
- Haz 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.
Eliminar etiqueta de plantilla y variables no admitidas
Cuando exportas una plantilla desde un proveedor de envío de correos electrónicos diferente, puede contener etiquetas y variables que no son compatibles con Klaviyo. Antes de importar tu archivo HTML, elimina esas etiquetas (y, si es necesario, sustitúyelas por Klaviyo etiqueta de plantilla).
Por ejemplo, mira el mensaje y el HTML que aparecen a continuación. Este mensaje se exportó desde otro proveedor de envío de correos electrónicos y contiene la etiqueta del año en curso, la dirección de una empresa, etc. Estas etiquetas externas no son compatibles con Klaviyo.
Klaviyo etiqueta de plantilla están contenidas entre llaves. Las variables van rodeadas de dos pares de llaves (por ejemplo, {{ first_name }}), y las etiquetas de plantilla van rodeadas de un par de llaves y símbolos de porcentaje (p. ej, {% unsubscribe %}). Si la etiqueta de plantilla y las variables de tu plantilla están denotadas por otros caracteres, Klaviyo no las equipará de asistencia.
Añade 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 tu plantilla.
Cuando haces clic para importar tu plantilla, estas imágenes y activos se añaden automáticamente a nuestra CDN y sus referencias se actualizan dentro de tu plantilla.
Añadir texto de previsualización oculto a una plantilla HTML personalizada
Si quieres 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 tu mensaje), añade el bloque de código siguiente a tu plantilla. Este código debe añadirse inmediatamente después de la etiqueta de apertura <body> de tu plantilla.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Inserta aquí el texto de la vista previa.
</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 arrastrar y soltar equipo de asistencia