Las campañas de email y las plantillas que se crean con Brevo están diseñadas para que se vean correctamente en todos los clientes de email. Sin embargo, es posible que el contenido no aparezca exactamente igual que en el editor. Los clientes de email tienen sus propias reglas de representación, lo que genera ligeras diferencias a la hora de mostrar los emails. Estas variaciones no tienen que ver con su trabajo de diseño, sino con los motores de representación que se utilizan en los diferentes clientes de email.
Información relevante
- Si utiliza Outlook para enviar emails a los destinatarios, le recomendamos que consulte también el artículo Mi email tiene un aspecto diferente en Outlook. Allí, encontrará una explicación más detallada sobre los problemas de representación de Outlook.
Problemas más frecuentes con la representación del contenido
Para ayudarle, hemos creado una lista en la que se indican las funcionalidades compatibles y no compatibles con los clientes de email más conocidos para equipos de escritorio, dispositivos móviles y web. Le ayudará a conocer los matices de cada uno y a tomar decisiones de diseño fundamentadas.
Bordes | Botones | Imágenes de fondo | Filas de ancho completo | Altura de línea pequeña | Espaciado de las letras | Radio del borde | Forma del divisor (discontinuo, punteado, doble) | Fuentes | Iconos de redes sociales | |||
Fuentes web estándar | Fuentes de Google | Fuentes personalizadas | ||||||||||
Correo web de Outlook 365 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2019 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2016 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2013 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2011 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Outlook 2010 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2007 | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook 2003 | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Thunderbird | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ✅ |
Thunderbird 60 | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ❌ | ✅ |
IBM Notes 10 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
IBM Notes 9 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Apple Mail 10 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Apple Mail 12 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Apple Mail 13 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Bordes | Botones | Imágenes de fondo | Filas de ancho completo | Altura de línea pequeña | Espaciado de las letras | Radio del borde | Forma del divisor (discontinuo, punteado, doble) | Fuentes | Iconos de redes sociales | |||
Fuentes web estándar | Fuentes de Google | Fuentes personalizadas | ||||||||||
Aplicación Gmail | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
Aplicación Gmail para IOS | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
IOS 10 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
IOS 11 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
iPad Pro | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Ipad mini | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Microsoft Outlook | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
iPad Pro (12,9 pulgadas) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
iPhone X | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
iPhone 7 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
iPhone 8 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ✅ | ✅ | ✅ |
Pixel Gmail | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
Aplicación Samsung | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ❌ | ❌ | ❌ | ✅ |
Bordes | Botones | Imágenes de fondo | Filas de ancho completo | Altura de línea pequeña | Espaciado de las letras | Radio del borde | Forma del divisor (discontinuo, punteado, doble) | Fuentes | Iconos de redes sociales | |||
Fuentes web estándar | Fuentes de Google | Fuentes personalizadas | ||||||||||
Correo AOL | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Freenet.de | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Comcast | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Gmail | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
GMX.de | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
GSuite | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Outlook.com | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
t-online.de | ✅ | ✅ | ❌ | ✅ | ❌ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Yahoo! Mail | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
Web.de | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ | ❌ | ❌ | ✅ |
¿Cómo resolver los problemas de representación?
↩️ Incluya opciones alternativas
Incluya un color de fondo alternativo detrás de la imagen original por si esta no se muestra correctamente y emplee fuentes alternativas cuando use fuentes de Google y fuentes personalizadas en sus emails. De ese modo, podrá controlar lo que verán los destinatarios si se produce algún problema.
🔗 Incluya el enlace "Ver en el navegador" en los emails
Incluya siempre el enlace "Ver en el navegador" en las campañas de email. Con este enlace, los lectores podrán ver la campaña de email en un navegador web si no se muestra correctamente en la Bandeja de entrada.
🧪 Pruebe los emails
La mejor manera de determinar si los dispositivos y los clientes de email de preferencia por parte de los clientes son compatibles con el contenido de su email es usar una herramienta como Litmus o Email on Acid, a fin de obtener una vista previa de los emails y ver cómo aparecen representados en todos los entornos. De este modo, podrá realizar cambios en el diseño y resolver los problemas antes de enviarlos.
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.
Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.