Cómo insertar texto de previsualización en un correo electrónico
Objetivos de aprendizaje
Aprende qué es el texto de previsualización, dónde aparece por defecto en tu correo electrónico y cómo insertarlo en el cuerpo de tu correo electrónico.
Acerca del texto de previsualizaciónAcerca del texto de previsualización
El texto de vista previa es una de las primeras cosas que ven los destinatarios cuando un correo electrónico llega a su bandeja de entrada. Aparece en la bandeja de entrada después de la línea de asunto de un correo electrónico y normalmente se extrae de la primera línea de texto dentro del cuerpo de un correo electrónico.
Hay 2 formas principales de utilizar el texto de previsualización para mejorar tu correo electrónico:
- Utiliza el texto de previsualización para resumir el correo electrónico.
- Utiliza el texto de previsualización para complementar tu línea de asunto.
Si no insertas específicamente un texto de previsualización, las bandejas de entrada lo extraerán automáticamente de la primera línea de texto de un correo electrónico -- esto significa que el texto ALT, tu barra de navegación, etc. podrían ser extraídos como texto de previsualización, por lo que es mejor especificar qué es exactamente lo que quieres que muestre tu texto de previsualización. Para saber más sobre cómo utilizar estratégicamente el texto de previsualización, dirígete al Blog de Klaviyo.
Añadir texto de previsualización a un correo electrónico de flujo
Para insertar texto de previsualización de un correo electrónico de flujo en la pantalla de previsualización del correo electrónico:
- Abre el flujo que contiene el correo electrónico que quieres editar.
- Haz clic en el mensaje de flujo para abrir la barra lateral Detalles del correo electrónico.
- En Asunto y remitente, haz clic en Editar en la barra lateral de contenido.
- En el campo Texto de previsualización, añade el texto de previsualización que desees.
Añadir texto de previsualización a un correo electrónico de campaña
Para insertar texto de previsualización de una campaña en la pantalla de previsualización del correo electrónico:
- Abre la campaña que quieras editar.
- Haz clic en Siguiente.
- En el campo Texto de previsualización, añade el texto de previsualización que desees.
Vista previa del texto en la bandeja de entrada
La entrada Texto de previsualización añade espaciadores automáticamente, de modo que en las bandejas de entrada de tus clientes sólo aparezca el texto de previsualización que introduzcas.
Los distintos dispositivos y clientes de correo electrónico tienen diferentes límites en la cantidad de caracteres de texto de previsualización mostrados, y las pantallas más pequeñas muestran menos caracteres de previsualización. Ten esto en cuenta y mantén el texto de la vista previa conciso. Aquí tienes los límites de caracteres desglosados por cliente de correo electrónico:
Imagen vía correo electrónico en Acid
Gmail puede eliminar las comas dentro de un conjunto de números de tu texto de previsualización. Por ejemplo, 10.000 se convertirá en 10000 en la vista previa de Gmail.
Mostrar texto de vista previa dentro de tu correo electrónico
En algunos casos, puede que quieras mostrar tu texto de previsualización dentro del cuerpo de tu plantilla. Puedes hacer referencia a cualquier texto de previsualización que establezcas en la pantalla de previsualización del correo electrónico utilizando la siguiente etiqueta:
{% render_variable preview_text %}
Pega la etiqueta en cualquier bloque de texto de tu plantilla.
Ocultar texto de previsualizaciónOcultar texto de previsualización
Si quieres ocultar completamente cualquier texto de previsualización y que sólo aparezca tu asunto en las bandejas de entrada de tus clientes, añade el fragmento de código que aparece a continuación en la parte superior de tu correo electrónico. Este código de notificación empuja el contenido de tu correo electrónico más allá del área de visualización del texto de previsualización, por lo que aparecerá en blanco.
- Añade un bloque HTML en la parte superior de tu correo electrónico, por encima del resto del contenido.
- Añade el siguiente fragmento de código:
<div style="display: none; max-height: 0px; overflow: hidden;"> ͏ & nbsp; ͏ ͏ ͏ ͏ ͏ &tímido; ͏ &tímido; ͏ &tímido; &tímido; ͏ & tímido; ͏ tímido; ͏ &tímido; &tímido; ͏ &tímido; ͏ & nbsp; &tímido; ͏ &tímido; &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ nbsp; & tímido; &tímido; ͏ &tímido; &tímido; ͏ &tímido; ͏ & nbsp; &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; &tímido; ͏ &tímido; ͏ &tímido; ͏ tímido; ͏ &tímido; ͏ & tímido; ͏ &tímido; ͏ &tímido; &tímido; ͏ &tímido; ͏ & nbsp; &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ &tímido; ͏ shy; </div>
- Guarda el bloque HTML.
Cuando tu correo electrónico llegue a la bandeja de entrada, el cliente sólo verá tu asunto.