Solución de problemas de CSS, JavaScript y HTML personalizados en Klaviyo

Hola: 4 minutos de lectura
|
Actualizado 26 sept 2024, 6:08 EST
Aprenderá

Aprenderá

Aprenda a solucionar problemas de código personalizado al importar una plantilla HTML personalizada o al crear su propia plantilla con código personalizado.

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. 

Elementos HTML y CSS personalizados

Elementos HTML y CSS personalizados

Si está creando una plantilla HTML personalizada, no puede utilizar feeds de productos dentro de su correo electrónico.

Algunos elementos HTML y CSS utilizados para hacer interactivos los mensajes de correo electrónico no son compatibles actualmente. Por ejemplo, si quiere que su correo electrónico sea interactivo en Gmail utilizando ciertos selectores de atributos CSS, su plantilla puede provocar un error en Klaviyo.

Klaviyo no admite actualmente ciertos operadores (como ~) en las plantillas de correo electrónico. Esto puede limitar la medida en que se pueden utilizar determinados HTML y CSS personalizados. Si su plantilla contiene HTML o CSS que no es totalmente compatible, no podrá generar una vista previa de su correo electrónico y verá en su lugar un mensaje de error. 

Problemas comunes de HTML

Problemas comunes de HTML

Si se da cuenta de que su correo electrónico HTML personalizado no tiene un aspecto correcto, he aquí algunos lugares comunes en los que puede comprobar si hay problemas.

Comillas simples en la fuente

Comillas simples en la fuente

Siempre que añada un atributo font-family en CSS, busque comillas simples o innecesarias. Elimine todas las comillas cuando añada su fuente.

ProblemaFijo
font-family:'Helvetica Neue', Helvetica, Arialfont-family:Helvetica Neue, Helvetica, Arial
Consultas a los medios 

Consultas a los medios 

Si las consultas de medios no están en el formato estándar, no se renderizará correctamente. Siga el formato estándar para todas las consultas de medios.

Formato estándar de consulta de medios
@media only screen y (max-width: 460px)
Etiquetas centrales innecesarias 

Etiquetas centrales innecesarias 

Si tiene varias etiquetas HTML <center> en toda la plantilla de su correo electrónico, es posible que éste no se muestre correctamente en Gmail. Para solucionar este problema, elimine todas las <center> etiquetas innecesarias del centro <> . Sólo se necesita una etiqueta <center> en la parte superior de la plantilla de correo electrónico, cerca de la etiqueta <body>. Todas las <center> etiquetas adicionales del centro <> son superfluas.

Klaviyo no soporta emails JavaScript

Klaviyo no soporta emails JavaScript

La mayoría de los clientes de correo electrónico (Gmail, Hotmail, Yahoo, etc.) consideran que JavaScript en los correos electrónicos es una amenaza para la seguridad. Esto se debe a que los scripts pueden ocultar contenido malicioso. Como resultado, estos principales clientes de correo electrónico bloquean completamente los scripts en los correos electrónicos. Dada la amenaza de seguridad inherente asociada a JavaScipt en los correos electrónicos y la falta de compatibilidad con este tipo de scripts por parte de la mayoría de los principales clientes de correo electrónico, cualquier script añadido será eliminado automáticamente.

Klaviyo no admite formularios ni vídeos incrustados

Klaviyo no admite formularios ni vídeos incrustados

Klaviyo no admite formularios incrustados, widgets o vídeos en las plantillas. Esto se debe a que nuestras pruebas muestran que este tipo de funciones no se renderizan de forma fiable en todos los principales clientes de correo electrónico. Al igual que los fragmentos de JavaScript, la mayoría de los clientes de correo electrónico consideran estos elementos una amenaza para la seguridad y los eliminan por completo de los mensajes.

Si está interesado en aprender soluciones para esto, consulte este artículo sobre cómo añadir un vídeo o GIF a un correo electrónico.

Otras etiquetas y atributos no compatibles 

Otras etiquetas y atributos no compatibles 

La etiqueta HTML y los atributos que aquí se tratan no son una lista exhaustiva de lo que Klaviyo asistencia. En general, los elementos HTML que son compatibles con los principales proveedores de bandejas de entrada también lo son con Klaviyo. 

Si su plantilla tiene HTML no admitido, Klaviyo intentará sustituir el elemento no admitido por una alternativa admitida (es decir, un span etiqueta). Si no hay un sustituto claro, se eliminará esa parte de su HTML. Si partes de su HTML parecen desaparecer después de añadirlas, significa que probablemente no son compatibles; pruebe con una etiqueta o atributo HTML alternativo para conseguir un efecto similar. 

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