Usar el CSS Inliner

Para obtener mejores resultados cuando trabajes con CSS en correos electrónicos en HTML, mantén tu código simple y alinea tu CSS. La herramienta automática CSS Inliner de Mailchimp convierte los estilos del código que has pegado a alineado y te ahorra codificarlo a mano.

En este artículo, aprenderás cómo activar el CSS Inliner automático en una plantilla propia y qué selectores son compatibles.

Activa el alineador

Para activar el CSS inliner en una plantilla propia, sigue estos pasos.

1. En la sección Contenido de la lista de verificación de correo electrónico, haz clic en Diseñar correo electrónico.
2. En el paso de la plantilla, haz clic en la pestaña Programar tu propia plantilla y selecciona Pegar código. Si estás utilizando el nuevo creador, haz clic en Sí, continuar en el clásico en el modal emergente.
3. En el paso Código , pega tu código HTML.
4. Haz clic en la pestaña Settings (Opciones).
5. Marca la casilla junto a Automatic CSS Inliner (CSS Inliner automático).
   NO_ALT-automatic-css-inliner.png

Selectores admitidos por el CSS Inliner

Utiliza el CSS Inliner automático para incluir estilos CSS sofisticados en tu correo electrónico HTML, incluyendo atributos, pseudoclases, descendientes y mucho más. Estos son los selectores admitidos por el Inliner.

• nombre de la etiqueta
• clase
• tiene atributo
• valor del atributo igual a
• valor del atributo es uno de
• valor del atributo contiene
• atributo guion valor
• valor del atributo comienza con
• valor del atributo termina con
• pseudoclases primer elemento secundario
• último elemento secundario
• único elemento
• vacío
• no
• elemento n
• elemento secundario
• descendiente
• del mismo nivel

Después de haber activado el Inliner y el resto de tu código esté listo para continuar, sigue configurando tu correo electrónico.