Comprobador de preheader y texto de vista previa
Escribe tu asunto y tu texto de vista previa. Verás dónde los cortan Gmail, Apple Mail y Outlook y qué conviene cambiar. Después copia el código oculto del preheader. Gratis y sin registro; tu texto no sale de tu navegador.
El comprobador necesita JavaScript. Las reglas están más abajo.
¿Qué es el texto de vista previa?
El texto de vista previa, también llamado preheader, es la línea que muestra la bandeja de entrada después del asunto o debajo de él. Si no hay ninguno, las bandejas de entrada toman las primeras palabras del email, que a menudo son un enlace “Ver en el navegador” o el texto alternativo del logo.
Va en el HTML como texto oculto, al principio de todo. Los destinatarios lo ven en la bandeja de entrada, no en el email abierto.
Un buen texto de vista previa
- Completa el asunto con la fecha, el detalle o el motivo
- Dice lo importante en los primeros 40 caracteres
- Termina con relleno, para que no se cuele texto del cuerpo
- Repite el asunto o dice “Ver en el navegador”
Prueba un ejemplo preparado
Cada uno se carga en el comprobador de arriba.
- Ejemplo
Webinar: el scoring de Pardot en la práctica
Jueves, 14:00 CET, 45 minutos. Trae una regla de scoring que quieras que revisemos.
- Newsletter
Notas de octubre del equipo de marketing
Tres cambios en Marketing Cloud Next y el ajuste que conviene revisar primero.
- Demasiado corto
Tu guía está lista
Una vista previa de dos palabras deja hueco, y la bandeja de entrada lo llena con el principio del email.
- Repite el asunto
Checklist gratuita de Pardot
El lector ve las mismas palabras dos veces y no aprende nada nuevo.
- Primero el enlace “Ver en el navegador”
Sin preheader
Lo que muestran muchas bandejas de entrada cuando el template empieza con el enlace “Ver en el navegador”.
Añádelo a tu template de email
Tres pasos, en Account Engagement (Pardot), Marketing Cloud Next o cualquier editor que te permita modificar el HTML.
- 1
Escríbelo aquí
Revísalo en las simulaciones hasta que los primeros 40 caracteres transmitan el mensaje por sí solos.
- 2
Pega el código tras la etiqueta body
El texto oculto tiene que ser lo primero del email, antes del enlace “Ver en el navegador” y del logo.
- 3
Envíate una prueba
Míralo en la bandeja de entrada de tu teléfono y de tu equipo. Las bandejas de entrada cambian de diseño, y solo un envío real muestra el actual.
Dónde lo muestra cada bandeja
No hay un límite fijo de caracteres: el espacio depende del diseño.
| Bandeja de entrada | Dónde aparece | Qué determina la longitud |
|---|---|---|
| Gmail en la web | En la línea del asunto, tras un guion | Ancho de la ventana; un asunto largo deja menos espacio |
| App de Gmail | Una línea debajo del asunto | Ancho de la pantalla |
| Apple Mail en iPhone | Hasta dos líneas debajo del asunto (por defecto) | Ancho de la pantalla y configuración de vista previa del destinatario |
| Nuevo Outlook | Una línea debajo del asunto | Ancho de la lista de mensajes |
Cuatro errores de preheader
Cada uno desperdicia la línea que decide si se abre el email.
- Sin relleno. Un texto de vista previa corto seguido del inicio del email: “Descarga ahora Ver en el navegador Hola Lea”. Los caracteres de relleno del código mantienen vacío ese espacio.
- Preheader visible. Sin display:none y mso-hide:all, algunos clientes de correo muestran el texto en la parte superior del email.
- El mismo texto en todos los emails. Un texto de vista previa definido una sola vez en el template se repite en cada envío. Cámbialo junto con el asunto.
- Personalización sin valor por defecto. Un campo de combinación vacío para algunos destinatarios deja “Hola ,” en la vista previa. Dale un valor por defecto.
Más herramientas gratuitas
Preguntas frecuentes sobre el preheader
Respuestas breves a lo que más se pregunta sobre el texto de vista previa y el preheader.
¿Qué longitud debe tener el texto de vista previa de un email?
Pon el mensaje en los primeros 40 caracteres, porque en pantallas de teléfono estrechas no se ve mucho más. El comprobador indica cuánto muestra cada simulación de bandeja de entrada. A partir de unos 140 caracteres, las bandejas ocultan el resto de todos modos.
¿Qué diferencia hay entre preheader y texto de vista previa?
Normalmente, ninguna: los dos se refieren a la línea que muestra la bandeja de entrada junto al asunto. Algunos editores llaman también preheader a una línea visible en la parte superior del email.
¿Por qué mi email muestra “Ver en el navegador” como vista previa?
Porque es el primer texto del HTML. Añade un texto de vista previa oculto como primer elemento después de la etiqueta body, antes del enlace para verlo en el navegador.
¿Para qué sirven los caracteres ͏ y ‌?
Son relleno invisible. Después de un texto de vista previa corto, ocupan el resto de la línea de vista previa, para que la bandeja de entrada no tome texto del cuerpo del email.
¿Afecta el texto de vista previa a la entregabilidad?
No de un modo que se pueda medir solo con el texto. Influye en si la gente abre el email, y la interacción es una de las señales que usan los proveedores de correo.
¿Se guarda o se envía mi texto a alguna parte?
No. La comprobación se hace en tu navegador; nada de lo que escribes se envía, ni a nosotros ni a nadie más.
Hacemos que tu marketing en Salesforce trabaje para ti
Habla con un consultor certificado, no con un vendedor, y sal de la primera llamada sabiendo cuál es tu siguiente paso.