Comprender la optimización de CSS
Objetivos del artículo
Descubre cómo la optimización de CSS ayuda a reducir el tamaño del correo electrónico y el riesgo de recorte, y cuándo desactivarla para garantizar la compatibilidad con las bandejas de entrada.
Por qué es importante la optimización de CSS
Cuando un correo electrónico se recorta, parte del mensaje se oculta hasta que el destinatario abre el mensaje completo. La optimización de CSS ayuda a reducir el código de estilo repetido y a mantener el correo electrónico más pequeño, pero no garantiza que el correo electrónico evite el recorte. Aprende cómo reducir el tamaño de un correo electrónico.
Acerca de la optimización de CSS en Klaviyo
Con la optimización de CSS habilitada, Klaviyo usa estilos integrados para aplicar la configuración de diseño que eliges para la plantilla de correo electrónico y sus bloques. Los estilos integrados permiten que varios elementos compartan reglas de CSS, lo que ayuda a reducir el código de estilo repetido.
¿Los proveedores de bandeja de entrada permiten estilos incrustados?
Los proveedores de bandeja de entrada más grandes (Gmail, Yahoo, Apple, Outlook, AOL) aceptan y muestran estilos incrustados.
Si descubres que una gran cantidad de tus clientes usan los proveedores de buzón de entrada que se muestran a continuación u otro proveedor que no renderiza estilos integrados, considera desmarcar la casilla Habilitar estilos integrados para que tus correos se vean como los diseñaste.
País/región | Proveedores de bandeja de entrada comunes que no admiten estilos incrustados |
Australia | telstra.com.au, telstra.com, bigpond.net.au, bigpond.com |
Rusia | mail.ru |
Alemania/UE | gmx.com, t-online.de |
Brasil | bol.com |
Desactiva la optimización de CSS
Desactivar la optimización de CSS cambia a CSS en línea, que aplica estilos directamente a elementos individuales. Esta configuración a nivel de cuenta afecta los envíos de correos, las exportaciones y las vistas previas de los mensajes actuales y futuros. Necesitas permiso para editar la configuración de la cuenta para cambiarlo.
El CSS en línea puede aumentar el tamaño del correo electrónico y el riesgo de recorte, por lo que prueba tus correos electrónicos antes de enviarlos. Después de guardar esta configuración, revisa tanto el formato como el recorte en los proveedores de bandeja de entrada que usan tus clientes.
- Selecciona el nombre de la organización en la esquina inferior izquierda.
- Haz clic en Configuración.
- Selecciona la pestaña Correo electrónico .
- Ve a Preferencias del remitente.
- En la sección de optimización de CSS, desmarca Habilitar estilos incrustados.
- Haz clic en Guardar.
Recursos adicionales
- ¿Por qué se recortó mi correo electrónico?
Descubre por qué se recortan los mensajes y qué puedes hacer para evitarlo.
- Cómo añadir una imagen de fondo a una plantilla de correo electrónico o sección
Descubre cómo superponer texto, imágenes y otro contenido del correo electrónico sobre imágenes de fondo. Puedes agregar una imagen de fondo a todo el correo electrónico o a una sola sección. Al usar estas funciones, puedes superponer una imagen sobre otra o agregar un botón o texto sobre una imagen.