Ir al contenido principal

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.

Contrata a un profesional

Usar el CSS Inliner

Copiar la URL del artículo
Se copió

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.

Nota

  • Una vez hayas activado la opción Inliner, no verás un cambio inmediato en tu código. Es después de enviar el mensaje a la cola cuando convertimos los estilos y, a continuación, lo enviamos a tu público. Sin embargo, puedes previsualizar el correo electrónico en un visor en paralelo y verificar que nuestros cambios sean correctos antes de enviarlos.
  • El Inliner no "soluciona" todos los problemas de compatibilidad de CSS, sino solo aquellos que permiten el envío seguro de correo electrónico masivo. Por ejemplo, todavía no es recomendable usar etiquetas DIV para posicionar el contenido.

Soporte técnico

¿Tienes alguna pregunta?

Los usuarios de pago pueden acceder al soporte por correo electrónico y chat.

¿Te fue útil este artículo?

Relacionados

CSS en emails HTML

Este artículo ofrece sugerencias básicas de usar CSS en emails HTML.