Cómo importar una plantilla HTML personalizada

Hola: 3 minutos de lectura
|
Actualizado 29 ago 2024, 16:58 EST
Qué aprenderás

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

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.  

  1. Navegue hasta Contenido > Plantillas.
  2. Haga clic en Importar plantilla.
  3. Introduzca un nombre y cargue el archivo HTML de su plantilla.
  4. Cargue cualquier imagen o activo referenciado en su HTML.
  5. 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).

Una plantilla con etiquetas no compatibles

El HTML de una plantilla que incluye etiquetas no compatibles

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)

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

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>
Emoji y plantillas HTML personalizadas

Emoji y plantillas HTML personalizadas

A partir de febrero de 2024, todos los emoji 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

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más de Klaviyo

Comunidad
Conecta con compañeros, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Formación en directo
Únete a una sesión en directo con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan