Solución de problemas de CSS, JavaScript y HTML personalizados en Klaviyo
Objetivos del artículo
Aprende a solucionar problemas de código personalizado al importar una plantilla HTML personalizada o al crear tu propia plantilla con código personalizado.
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.
Elementos HTML y CSS personalizados
Ciertos elementos HTML y CSS utilizados para hacer interactivo el correo electrónico no son compatibles actualmente. Por ejemplo, si quieres que tu correo electrónico sea interactivo en Gmail utilizando determinados selectores de atributos CSS, tu plantilla puede provocar un error en Klaviyo.
Klaviyo actualmente no equipa de asistencia a ciertos operadores (como ~) en plantillas de correo electrónico. Esto puede limitar la medida en que se pueden utilizar determinados HTML y CSS personalizados. Si tu plantilla contiene HTML o CSS que no son totalmente compatibles, no podrás generar una vista previa de tu correo electrónico y, en su lugar, verás un mensaje de error.
Problemas comunes de HTML
Si te das cuenta de que tu correo electrónico HTML personalizado no tiene un aspecto correcto, aquí tienes algunos lugares comunes donde comprobar si hay problemas.
Comillas simples en la fuenteComillas simples en la fuente
Siempre que añadas un atributo font-family en CSS, busca comillas simples o innecesarias. Elimina todas las comillas cuando añadas tu fuente.
| Problema | Fijo |
| font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
consultas sobre contenido multimedia
Si las consultas de contenido multimedia no tienen el formato estándar, no se mostrarán correctamente. Sigue el formato estándar para todas las consultas de contenido multimedia.
| Standard contenido multimedia formato de consulta |
| @media only screen y (max-width: 460px) |
Etiqueta central innecesaria
Si tienes varios HTML <center> etiqueta a lo largo de tus plantillas de correo electrónico, es posible que no se muestren correctamente en Gmail. Para solucionar este problema, elimina todos los <center> etiqueta innecesarios. Sólo <center> se necesita una etiqueta en la parte superior de las plantillas de correo electrónico cerca del <body> etiqueta. Todos los <center> etiqueta adicionales son superfluos.
Klaviyo no equipo de asistencia JavaScript correo electrónico
La mayoría de los clientes de correo electrónico (Gmail, Hotmail, Yahoo, etc.) consideran que JavaScript en el correo electrónico es una amenaza para la seguridad. Esto se debe a que los scripts pueden ocultar contenido malicioso. Como resultado, estos grandes clientes de correo electrónico bloquean completamente los scripts en el correo electrónico. Dada la amenaza de seguridad inherente asociada a JavaScipt en el correo electrónico y la falta de equipo de asistencia para tales scripts por parte de la mayoría de los principales clientes de correo electrónico, cualquier script añadido se eliminará automáticamente.
Klaviyo no equipo de asistencia formularios o vídeos incrustadosKlaviyo no equipo de asistencia formularios o vídeos incrustados
Klaviyo no equipo de asistencia formularios incrustados, widget, o videos en plantilla. Esto se debe a que nuestras pruebas demuestran que este tipo de funciones/características no se muestran de forma fiable en los principales clientes de correo electrónico. Al igual que los fragmentos de JavaScript, la mayoría de los clientes de correo electrónico ven estos elementos como una amenaza para la seguridad y los eliminan por completo del correo electrónico.
Si estás interesado en aprender soluciones para esto, paga este artículo sobre cómo añadir un vídeo o GIF a un correo electrónico.
Otras etiquetas y atributos no compatiblesOtras etiquetas y atributos no compatibles
La etiqueta HTML y los atributos que aquí se tratan no son una lista exhaustiva de lo que Klaviyo equipo de asistencia. En general, los elementos HTML que son compatibles con los principales proveedores de bandejas de entrada también lo son con Klaviyo.
Si tu 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 tu HTML. Si partes de tu HTML parecen desaparecer después de añadirlas, significa que probablemente no son compatibles; prueba con una etiqueta o atributo HTML alternativo para conseguir un efecto similar.
Recursos adicionales