Introducción
Quality Check es una herramienta integrada en el Editor de plantillas de WoowUp que revisa automáticamente tu diseño en busca de errores comunes antes de enviar una campaña. Un panel lateral muestra cada problema detectado, clasificado por severidad, y te permite navegar directamente al elemento a corregir con un solo clic.
Ya no necesitas revisar cada imagen, botón o texto manualmente: Quality Check lo hace por ti en segundos.
Ubicar la herramienta dentro de WoowUp
Quality Check se encuentra dentro del Editor de plantillas, disponible cada vez que creas o editas una campaña de Email.
Para acceder:
Ingresa a Campañas desde el menú principal.
Crea una nueva campaña o edita una existente.
Avanza hasta el paso Editor.
Busca el ícono de Quality Check (un escudo con un checkmark).
Pasos a seguir
Usar Quality Check es muy sencillo:
Dentro del editor de tu campaña, haz clic en el ícono de Quality Check en la barra de herramientas.
Se abrirá un panel lateral con el resultado del análisis de tu plantilla.
Los resultados se organizan en tres secciones:
Advertencias (Warnings): problemas críticos que deberías corregir antes de enviar.
Sugerencias (Suggestions): mejoras recomendadas que no son bloqueantes.
Aprobados (Passed): validaciones que tu plantilla ya cumple correctamente.
Haz clic en cualquier problema listado. El editor te llevará automáticamente al elemento afectado: lo selecciona, lo resalta visualmente y abre el campo que necesitas editar en el panel de propiedades.
Realiza la corrección directamente.
El panel de Quality Check se actualiza en tiempo real conforme corriges cada problema.
¿Qué revisa Quality Check?
Quality Check ejecuta las siguientes validaciones sobre el contenido de tu plantilla:
Revisión | ¿Qué detecta? |
Texto alternativo faltante | Imágenes que no tienen el atributo alt. El texto alternativo es esencial para accesibilidad y para mostrar un texto descriptivo cuando la imagen no carga en el cliente de correo. |
Links faltantes en imágenes | Imágenes configuradas como clickeables pero que no tienen un enlace asignado. |
Links faltantes en botones y textos | Botones (CTA) y elementos de texto con formato de enlace que no tienen un link válido. |
Imágenes demasiado pesadas | Imágenes que superan los 500 KB de peso. Imágenes pesadas ralentizan la carga del email y perjudican la experiencia del destinatario. |
Contraste de color insuficiente | Combinaciones de color de texto y fondo que no cumplen con el estándar de accesibilidad WCAG 2.0 AA, dificultando la lectura. |
Encabezados faltantes | Plantillas que no incluyen ningún encabezado (heading). Los encabezados mejoran la estructura y navegación del contenido. |
Encabezados H1 duplicados o faltantes | Verifica que exista exactamente un encabezado H1 en la plantilla. Tener más de uno o ninguno afecta la jerarquía del contenido. |
Tamaño de fuente insuficiente | Textos con un tamaño de fuente demasiado pequeño, que dificultan la lectura especialmente en dispositivos móviles. |
A tener en cuenta
❗ Quality Check revisa únicamente el contenido del cuerpo del email (el diseño dentro del editor). No valida datos de configuración de la campaña como el asunto, preheader o idioma, ya que esos campos se completan en el paso de Configuración.
Peso del HTML: Quality Check no revisa el peso total del HTML exportado. Si tu campaña tiene muchos elementos, ten en cuenta que Gmail recorta emails que superan aproximadamente 102 KB de HTML. Mantén tus diseños lo más livianos posible.
Dos niveles de severidad: las Advertencias son problemas que deberías corregir antes de enviar (por ejemplo, un botón sin link). Las Sugerencias son mejoras opcionales pero recomendadas (por ejemplo, mejorar el contraste de colores).
Navegación directa: al hacer clic en un problema del panel, el editor selecciona y resalta el elemento afectado, y abre el campo correspondiente en el panel de propiedades para que puedas corregirlo de inmediato.
Idioma: el panel de Quality Check se muestra completamente en español.
Casos de uso
1. Campaña con catálogo de productos
Estás armando un email con muchas imágenes de productos. Quality Check te ayuda a verificar que todas las imágenes tengan su link de destino (para que el cliente pueda hacer clic y llegar a la ficha del producto) y texto alternativo (para que se muestre el nombre del producto si la imagen no carga).
2. Emails accesibles para toda tu audiencia
Si tu marca prioriza la accesibilidad, Quality Check te alerta cuando hay combinaciones de colores con bajo contraste o textos demasiado pequeños, asegurando que todos tus destinatarios puedan leer el contenido sin dificultad.
3. Optimización de velocidad de carga
Tu campaña incluye imágenes de alta resolución que pesan más de 500 KB. Quality Check las señala para que puedas comprimirlas o reemplazarlas antes de enviar, evitando tiempos de carga lentos en el inbox del destinatario.
Preguntas frecuentes
¿Quality Check es obligatorio antes de enviar una campaña?
¿Quality Check es obligatorio antes de enviar una campaña?
No. Quality Check es una herramienta de asistencia que te ayuda a detectar problemas, pero no bloquea el envío de la campaña. Puedes enviar aunque haya advertencias pendientes. Sin embargo, te recomendamos revisar al menos las Advertencias antes de enviar.
¿Por qué no veo la revisión del asunto o preheader?
¿Por qué no veo la revisión del asunto o preheader?
Quality Check revisa exclusivamente el contenido visual del editor (el body del email). El asunto y el preheader se configuran en el paso de Configuración de la campaña, por lo que no aparecen en este panel.
¿Puedo saber si Gmail va a recortar mi email?
¿Puedo saber si Gmail va a recortar mi email?
Quality Check no incluye actualmente la revisión del peso total del HTML. Como regla general, Gmail recorta emails que superan aproximadamente 102 KB de HTML. Si tu campaña es extensa, procura optimizar imágenes y evitar bloques de contenido innecesarios.
¿Qué significa el límite de 500 KB en imágenes?
¿Qué significa el límite de 500 KB en imágenes?
Cuando una imagen supera los 500 KB, Quality Check la señala como una advertencia. Imágenes muy pesadas pueden hacer que el email cargue lento, especialmente en conexiones móviles. Te recomendamos comprimir las imágenes o reducir su resolución antes de subirlas al editor.
¿Qué es el contraste WCAG 2.0 AA?
¿Qué es el contraste WCAG 2.0 AA?
Es un estándar internacional de accesibilidad web que define la relación mínima de contraste entre el color del texto y el color de fondo. Si Quality Check detecta un contraste insuficiente, significa que algunas personas podrían tener dificultades para leer ese texto. Ajustar los colores para cumplir con este estándar mejora la legibilidad para todos.
¿El panel de Quality Check está disponible en español?
¿El panel de Quality Check está disponible en español?
Sí. El panel se muestra completamente en español, incluyendo los nombres de las validaciones, descripciones y estados.
Próximos pasos
Quality Check te permite detectar y corregir errores comunes en tus plantillas de email en segundos, sin salir del editor. Incorporar esta revisión como parte de tu flujo de trabajo antes de cada envío te ayudará a mejorar la experiencia de tus destinatarios, la accesibilidad de tus campañas y la efectividad de tus comunicaciones.
💡 Artículos relacionados: