Usar el CSS Inliner
El CSS Inliner de Mailchimp convierte los estilos pegados en CSS alienada. Este proceso te puede ahorrar el tiempo. Aprende activar el CSS Inliner y los seleccionadores CSS que soportamos.
Consigue a un experto que te haga el trabajo
Desde formación hasta servicio completo de marketing, nuestra comunidad de Partners puede ayudarte a conseguir lo que quieras.
CSS en emails HTML
Copiar la URL del artículo
Se copió
Nota
La información de este artículo se aplica solo al creador clásico. Para aprender a utilizar el nuevo creador, consulta Diseñar un correo electrónico con el nuevo creador.
CSS trabajará con emails HTML, pero tiene sus limitaciones. En general, lo mejor a la hora de codificar emails suele ser un CSS muy simple.
A continuación tienes algunas recomendaciones sobre cómo usar CSS en correos electrónicos HTML y algo de información que te puede ayudar a solventar problemas relacionados con CSS.
Consejos y solución de problemas generales sobre CSS
A continuación tienes algunos consejos generales que te ayudarán a conseguir los mejores resultados cuando codificas CSS para tus campañas. Recuerda que al trabajar con emails HTML, CSS tiene un mayor nivel de imprevisibilidad.
- Mantén el código lo más simple posible.
Codificar para emails HTML no es lo mismo que codificar para una página web. Cuanto menos compliques el código, menos errores te dará. - Usa CSS para elementos de estilo generales únicamente.
Lo mejor es que utilices CSS solo para elementos generales, como fuentes o colores. - Usar CSS alineado
Aplicaciones de email basadas en el explorador, tal como Gmail, quitan la etiquetas y . Por eso, es necesario usar siempre CSS alineada en lugar de CSS integrada.
Alinea el CSS insertada
Te recomendamos que aproveches nuestra herramienta de Alineación de CSS para alinear automáticamente el CSS insertado.
If you choose to manually inline your CSS, any background colors or <body> settings should be handled with a 100% wide <table> alrededor de tu correo electrónico.
Tu CSS debería parecerse al ejemplo siguiente.
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB;">
tu contenido aquí....
</span>
Nota
De vez en cuando, el servicio de correo electrónico del suscriptor eliminará líneas de código que empiecen por puntos, lo cual puede echar a perder tu CSS. Si estás alineando manualmente tu CSS, añade un espacio enfrente de cualquier línea que empiece por un punto como mostramos a continuación
Soporte técnico
¿Tienes alguna pregunta?
Los usuarios de pago pueden acceder al soporte por correo electrónico y chat.
Relacionados
Limitaciones del correo electrónico HTML
Antes de diseñar una campaña en Mailchimp, hay algunas limitaciones generales al correo electrónico HTML que debes tener en cuenta. En este artículo se explica cuáles son y se muestra cómo trabajar con ellas.