Menú de la documentación

Vista previa y pruebas

MailInApp construye cada correo en varias versiones, y el estudio te deja revisarlas todas antes de enviar: en un teléfono, después de que alguien responda y tal como lo muestra una app de correo concreta.

Escritorio y teléfono

El selector Dispositivo sobre el lienzo muestra el correo con ancho de escritorio o en un teléfono de 375 px, con sus ajustes para teléfonos aplicados. En Vista previa, Lado a lado muestra ambos a la vez. Los niveles enviados dibujan la vista de teléfono en un marco real de 375 px, así que las reglas de teléfono del correo se aplican exactamente como en una bandeja de entrada.

Niveles de vista previa

En Vista previa, el selector de nivel elige lo que ves:

  • Vista en vivo: la versión web alojada que los destinatarios abren desde un enlace.
  • Enviado: el HTML que se envía, tal como lo lee una app de correo moderna.
  • Outlook: el HTML enviado con las ramas propias de Outlook clásico forzadas, para ver su versión sin tener una copia.
  • Clientes: el HTML enviado tal como lo muestra una app de correo concreta (consulta más abajo).

El interruptor de modo oscuro junto a ellos muestra el correo en modo oscuro, como lo dibujaría el nivel o la app elegidos.

Estados de vista previa

Los bloques interactivos muestran un menú Estado de vista previa en el lienzo. Elige un estado para ver el bloque como lo vería un destinatario después de actuar. Los estados son Respondido (con la respuesta que elijas), Enviado, Reservado, Cerrado, Revelado, Premio ganado (con el premio que elijas), la Página del asistente de un formulario, Agotado, Guardado para después, Terminado y Antes de abrir. Una insignia en el bloque indica qué estado estás previsualizando.

En los bloques que muestran resultados, Resultados simulados te deja escribir números (votos por opción, valoraciones y un promedio, un NPS, pulgares arriba, asistentes) y ver la barra o la imagen de resultados con ellos.

Los estados y los números simulados son solo una vista previa: nunca se guardan con el correo ni se envían.

Cada app de correo

El nivel Clientes muestra el correo tal como lo muestra una App de correo elegida: Mail en iOS, iCloud Mail, Thunderbird, cada app de Gmail, Outlook.com y las apps de Outlook, y Yahoo Mail. Es una simulación construida con mediciones en bandejas de entrada reales, no una captura de pantalla, y debajo del correo enumera qué bloques funcionan ahí, cuáles muestran su alternativa, qué hacen los formularios en esa app y qué hace en modo oscuro. Cada app tiene sus propios controles de ancho de teléfono y modo oscuro.

Capturas reales. Desde el plan Pro, conecta Mailgun Inspect en Configuración › Integraciones y pulsa Hacer capturas reales para ver el correo en bandejas de entrada reales, junto a la simulación. Las capturas usan las vistas previas incluidas en tu plan de Mailgun.

Dónde funciona cada bloque

Cada bloque interactivo muestra una línea Dónde funciona en el Inspector, y la misma línea como descripción emergente en el panel Insertar: qué apps lo ejecutan en el correo, cuáles muestran su alternativa y cuáles aún no se han medido. Un bloque de un toque (encuesta, valoración, RSVP, reserva) indica que funciona en todas las apps, ya que cada opción es un enlace que se confirma en una página web. Las líneas salen de las mismas mediciones que Soporte de clientes de correo.

Para escribir texto solo para una versión, como «Vota en la web» bajo una encuesta en las apps que muestran la alternativa, usa el ajuste Mostrar en de un bloque.

Comprobación previa al envío

🔍 Comprobación previa al envío revisa el correo antes de que salga, ordenado en pestañas:

  • Accesibilidad: contraste de color en modo claro y oscuro, orden de los títulos, texto alternativo (obligatorio en una imagen con enlace), textos de enlace como «haz clic aquí», el idioma del correo y zonas táctiles demasiado pequeñas.
  • Enlaces: cada enlace se comprueba en vivo, con su código de estado y redirecciones; se marcan los enlaces que no son https y los enlaces con seguimiento sin etiquetas UTM.
  • Entregabilidad: el tamaño de recorte de Gmail, demasiadas imágenes para el texto, frases de spam, mayúsculas sostenidas, acortadores de enlaces y textos de enlace que nombran un sitio distinto del que abre el enlace.
  • Apps de correo: bloques sin una alternativa que funcione, esquinas o fondos que Outlook clásico no dibuja y fuentes web que usan la de respaldo.
  • Contenido: bloques vacíos o incompletos, como una pestaña sin título o un cupón sin código.

Muchos problemas tienen un botón Corregir que aplica la corrección por ti (añadir texto alternativo, cambiar un color por otro con suficiente contraste). El medidor Recorte de Gmail bajo el lienzo muestra el tamaño del correo mientras trabajas: Gmail recorta un correo de más de 102 KB y oculta el resto, enlace de baja incluido.

Asunto, texto de vista previa y envíos de prueba

El encabezado del estudio contiene el Asunto y el Texto de vista previa del correo, la línea que las bandejas de entrada muestran tras el asunto. Son los mismos campos que en la página de envío.

Enviar prueba envía el correo a un máximo de 5 direcciones. Vista previa como elige una fila de destinatario, para que las etiquetas de combinación y las condiciones de visualización se resuelvan como lo harán para esa persona. En la página de una plantilla de la galería, Enviarme este ejemplo envía la plantilla a tu propia dirección.