HTML Academy · Lección

Pruebas con Litmus y Email on Acid

Obtenga una vista previa y depure correos en distintos clientes con herramientas de prueba

Lección 4 de 413 pasos

Pruebas con Litmus y Email on Acid es una lección gratuita de HTML Academy en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML Academy incluye 4 lecciones en total.

¿Por qué usar herramientas especializadas?

La representación del correo HTML varía enormemente entre más de 50 combinaciones de cliente, versión y sistema operativo. Probar manualmente cada una es imposible. Litmus y Email on Acid ejecutan su correo en motores de clientes reales y devuelven capturas de pantalla, lo que le permite detectar problemas antes de enviarlo.

Descripción general de Litmus

Litmus es el servicio comercial de pruebas de correo con más trayectoria. Pegue su HTML o envíelo a una dirección semilla única, y Litmus generará vistas previas en Outlook 2007-2021, Apple Mail, iOS, Gmail (web y aplicación), Yahoo, Office 365, Thunderbird y muchos otros clientes.

Descripción general de Email on Acid

Email on Acid ofrece vistas previas similares con comprobaciones automatizadas más completas: pruebas de puntuación de spam, auditorías de representación en modo oscuro, comprobaciones de accesibilidad (contraste de color, texto alternativo) y validación de enlaces. El precio es comparable al de Litmus; elija según el conjunto de funciones que más utilice su equipo.

Pruebe pronto y con frecuencia

Pruebe después de cada cambio importante, no solo antes del envío final. Descubrir un error de Yahoo el día del envío implica horas de trabajo de última hora. Detecte los problemas durante el desarrollo, cuando el costo de corregirlos es menor.

Outlook es el objetivo más difícil

Si tiene poco tiempo, dedique la mayor parte de las pruebas a Outlook 2010, 2013, 2016 y 365; cada versión se representa de forma ligeramente diferente debido a las particularidades del motor de Word. Apple Mail e iOS Mail casi siempre funcionan; Gmail web funciona después de resolver algunos inconvenientes de @media.

Vistas previas del modo oscuro

Ambos servicios ofrecen vistas previas del modo oscuro para Apple Mail, iOS, Outlook y Gmail. Compruebe que los logotipos sean visibles sobre fondos oscuros, que se mantenga el contraste del texto y que cualquier elemento de interfaz codificado por colores (indicadores de estado, badges) siga siendo distinguible.

Puntuación de spam y entregabilidad

Las herramientas simulan SpamAssassin y varios filtros habituales, y señalan palabras desencadenantes, encabezados list-unsubscribe ausentes y patrones de enlaces sospechosos. Una puntuación baja de spam no garantiza que el mensaje llegue a la bandeja de entrada, pero las puntuaciones altas casi siempre terminan en la carpeta de correo no deseado.

Auditorías de enlaces e imágenes

Ambos servicios analizan cada enlace e imagen e informan sobre URL rotas, textos alternativos ausentes y tamaños de imagen grandes. Ejecute esta comprobación antes del envío final; recuperar una CTA rota en una campaña para un millón de destinatarios resulta difícil.

Linting a nivel de código

Use stylelint con las recetas de stylelint-email o htmlemail.io para detectar CSS no compatible durante la compilación. Combínelo con Litmus/EOA para la confirmación visual; el linting estático detecta los problemas antes y con menor costo que las diferencias visuales.

Alternativas gratuitas

Mailtrap, putsmail.com y el buzón real de una cuenta de Gmail, Outlook o iCloud que controle ofrecen vistas previas gratuitas limitadas. Úselos para comprobaciones rápidas durante el desarrollo; confíe en servicios de pago para obtener la matriz completa antes del envío.

Herramientas de envío en producción

SendGrid, Mailgun, Postmark y otros integran vistas previas de Litmus o EOA en su editor. Siempre que sea posible, pruebe en la misma herramienta que enviará el correo; la representación refleja exactamente lo que verán los destinatarios.

Comprobación de conocimientos

¿Por qué probar con Litmus o Email on Acid es más fiable que representar el correo en un navegador?

Resumen

Litmus y Email on Acid representan los correos en motores de clientes reales y devuelven capturas de pantalla, vistas previas del modo oscuro, puntuaciones de spam y auditorías de accesibilidad. Concéntrese en las variantes de Outlook, ejecute linting estático en CI e integre las vistas previas en la herramienta de envío para que lo que pruebe sea lo que reciban los destinatarios.

Gratis para empezar

Aprende HTML con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
40
Lecciones
159

Preguntas frecuentes

¿La lección «Pruebas con Litmus y Email on Acid» es gratis?

Sí — el texto completo de «Pruebas con Litmus y Email on Acid» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML Academy, actualiza a CoddyKit PRO. El curso de HTML Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Pruebas con Litmus y Email on Acid»?

Obtenga una vista previa y depure correos en distintos clientes con herramientas de prueba Practicas HTML Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar HTML Academy?

No se requiere experiencia previa. HTML Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.

¿Cuánto tiempo toma la lección «Pruebas con Litmus y Email on Acid»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de HTML Academy?

Sí. Cada lección de HTML Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. El enfoque de diseño basado en tablas
  2. Estilos en línea para correo electrónico
  3. Gestión de imágenes en clientes de correo
  4. Pruebas con Litmus y Email on Acid
← Volver a HTML Academy