Cómo insertar texto de vista previa en un correo electrónico

Objetivos del artículo

Descubre qué es el texto de vista previa, dónde aparece en tus correos electrónicos de forma predeterminada y cómo insertarlo en el cuerpo de tus correos electrónicos.

Acerca del texto de vista previa

El texto de vista previa es una de las primeras cosas que los destinatarios ven cuando un correo electrónico llega a su bandeja de entrada. Se muestra en la bandeja de entrada después del asunto de un correo electrónico y, por lo general, se extrae de la primera línea de texto del cuerpo de un correo electrónico.

Hay 2 formas principales de usar el texto de vista previa para mejorar tus correos electrónicos:

1. Usa el texto de vista previa para resumir el correo electrónico.
2. Usa el texto de vista previa para complementar el asunto.

Si no insertas texto de vista previa de forma específica, las bandejas de entrada lo extraerán automáticamente de la primera línea de texto dentro de un correo electrónico. Esto significa que el texto ALT, la barra de navegación, etc. podrían extraerse como texto de vista previa, así que lo mejor es especificar qué quieres exactamente que muestre el texto de vista previa. Para obtener más información sobre cómo usar el texto de vista previa de forma estratégica, visita el blog de Klaviyo.

Agrega texto de vista previa a un correo electrónico del flujo

Para insertar texto de vista previa para un correo electrónico de un flujo en la pantalla de vista previa del correo electrónico:

1. Abre el flujo que contiene el correo electrónico que te gustaría editar.
2. Haz clic en el mensaje del flujo para abrir la barra lateral de Detalles del correo electrónico.
   

3. En Asunto y remitente, haz clic en Editar en la barra lateral de contenido.
4. En el campo Texto de vista previa, agrega el texto de vista previa que quieras.
   

Agrega texto de vista previa a un correo electrónico de campaña

Para insertar texto de vista previa para una campaña en la pantalla de vista previa del correo electrónico:

1. Abre la campaña que deseas editar.
2. Haz clic en Siguiente.
3. En el campo Texto de vista previa, agrega el texto de vista previa que quieras.
   

Texto de vista previa en la bandeja de entrada

El campo Texto de vista previa agrega automáticamente espaciadores, por lo que solo se muestra el texto de vista previa que ingresas en las bandejas de entrada de tus clientes.

Distintos dispositivos y clientes de correo electrónico tienen distintos límites en la cantidad de caracteres del texto de vista previa que se muestran; en las pantallas más pequeñas, se muestran menos caracteres de vista previa. Ten esto en cuenta y mantén el texto de vista previa conciso. Aquí se muestran los límites de caracteres desglosados por cliente de correo electrónico:

Muestra el texto de vista previa en tus correos electrónicos

En algunos casos, puede que desees mostrar el texto de vista previa dentro del cuerpo de la plantilla. Puedes hacer referencia a cualquier texto de vista previa que hayas establecido en la pantalla de vista previa del correo electrónico usando la siguiente etiqueta:

{% render_variable preview_text %}

Pega la etiqueta en cualquier bloque de texto de la plantilla.

Ocultar texto de vista previa

Si quieres ocultar por completo cualquier texto de vista previa y que solo aparezca el asunto en las bandejas de entrada de tus clientes, agrega el fragmento de código a continuación en la parte superior de tu correo electrónico. Este código empuja el contenido del correo electrónico más allá del área de visualización del texto de vista previa, por lo que aparecerá en blanco.

1. Agrega un bloque HTML al inicio del correo electrónico, por encima de todo el resto del contenido.
2. Agrega el siguiente fragmento de código:
   

<div style="display: none; max-height: 0px; overflow: hidden;">͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy;
</div>

1. Guarda el bloque HTML.

Cuando tus correos lleguen a la bandeja de entrada, los clientes solo verán el asunto.

Recursos adicionales