Personaliza el CSS de los correos electrónicos de WooCommerce
Usa Settings → POM Tweaks → E-Commerce → Emails → Email CSS para añadir CSS a las plantillas de correo HTML de WooCommerce. WooCommerce debe estar activo. Este ajuste está pensado para administradores familiarizados con CSS.
- Activa Email CSS y haz clic en Save para abrir el editor de código.
- Introduce el CSS en Email CSS, sin etiquetas
<style>. - Haz clic en Save.
- Genera el correo HTML correspondiente en un sitio de pruebas e inspecciónalo en los clientes de correo que usan tus clientes.
- Comprueba el correo de texto plano correspondiente; su contenido debe permanecer sin cambios.
Por ejemplo:
#body_content p {
line-height: 1.6;
}El CSS se añade a los estilos de correo existentes de WooCommerce y pasa por su proceso normal de estilo HTML. Puede dar estilo a los correos estándar y adicionales de WooCommerce que usan ese proceso. No sustituye las plantillas ni afecta a los correos ordinarios de WordPress, al CSS del escaparate ni a los correos de texto plano.
Los selectores CSS dependen de la plantilla de correo activa. Algunos clientes de correo ignoran determinadas propiedades o consultas de medios, y un estilo en línea explícito de una plantilla puede tener prioridad. Verifica el mensaje final generado en lugar de fiarte únicamente de una vista previa de administración. Desactivar el módulo detiene la adición de su CSS, pero conserva el contenido guardado en el editor.
Relacionado: Coordina el contenido de los correos electrónicos de WooCommerce y Añade correos electrónicos personalizados de WooCommerce.