Cómo importar una plantilla HTML personalizada
Qué aprenderás
Aprende a importar una plantilla HTML personalizada en Klaviyo.
Solo recomendamos el uso de HTML personalizado a especialistas en marketing con conocimientos técnicos o a cualquiera que tenga acceso a un desarrollador. Aunque nuestro producto sí que es compatible con HTML personalizado, nuestro equipo de asistencia no puede ayudarte a crear tus plantillas personalizadas más allá de ofrecerte la orientación general que se recoge 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 HTML personalizadas deben ser archivos .html y deben incluir un enlace para darse de baja (es decir, una etiqueta {% unsubscribe %} o {% unsubscribe_link %}). Más información sobre darse de baja en Klaviyo.
- Ve a Contenido > Plantillas.
- Selecciona la pestaña Plantillas de Email.
- Haz clic en Importar.
- Introduce un nombre y carga el archivo HTML de la plantilla.
- Sube las imágenes o recursos a los que se haga referencia en tu HTML.
- Haz clic en Importar plantilla.
No se recomienda exportar una plantilla creada en el editor de arrastrar y soltar de Klaviyo y luego volver a importarla en Klaviyo, ya que puede provocar problemas con la funcionalidad de la plantilla.
Eliminar etiquetas y variables de plantilla no compatibles
Cuando exportas una plantilla de un diferente ESP, puede contener etiquetas y variables que no son compatibles con Klaviyo. Antes de importar tu archivo HTML, elimina esas etiquetas (y, si hace falta, sustitúyelas por etiquetas de personalización de Klaviyo).
Por ejemplo, consulta el mensaje y el HTML que aparecen a continuación. Este mensaje se exportó desde otro ESP y contiene etiquetas para el año en curso, la dirección de una empresa y más. Estas etiquetas externas no son compatibles con Klaviyo.
Las etiquetas de plantilla de Klaviyo se encuentran 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 etiquetas de plantilla y las variables de tu plantilla se indican con otros caracteres, Klaviyo no las admitirá.
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 en tu plantilla.
Cuando haces clic para importar tu plantilla, estas imágenes y recursos se añaden automáticamente a nuestra CDN y sus referencias se actualizan dentro de tu plantilla.
Añadir texto de vista previa oculto a una plantilla HTML personalizada
Si quieres configurar el texto de vista previa de una plantilla HTML personalizada (en lugar de permitir que las bandejas de entrada extraigan el texto de vista previa del contenido de tu mensaje), añade el bloque de código a continuación a tu plantilla. Este código debe añadirse inmediatamente después de la etiqueta <body> de apertura de tu 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 personalizadas de HTML
A partir de febrero de 2024, se admiten todos los emojis en todos los editores de email 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).