Cómo insertar texto de vista previa en un email

Qué aprenderás

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

Acerca del texto de vista previa

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

Hay 2 formas principales de usar el texto de vista previa para mejorar tus emails:

1. Utiliza el texto de vista previa para resumir el email.
2. Usa el texto de vista previa para complementar tu 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 email (esto significa que el texto ALT, la barra de navegación, etc. podrían extraerse como texto de vista previa), por lo que es mejor especificar exactamente qué quieres que muestre el texto de vista previa. Para obtener más información sobre cómo usar estratégicamente el texto de vista previa, visita el blog de Klaviyo.

Añade texto de vista previa a un email de flujo

Para insertar texto de previsualización para un email de flujo en la pantalla de previsualización del email:

1. Abre el flujo que contiene el email que te gustaría editar.
2. Haz clic en el mensaje del flujo para abrir la barra lateral Detalles del Email.
   

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

Añade texto de vista previa a un email de campaña

Para insertar el texto de vista previa de una campaña en la pantalla de vista previa del email:

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

Vista previa del texto en la bandeja de entrada

El campo Texto de vista previa añade automáticamente separadores, por lo que solo se muestra el texto de vista previa que introduzcas en las bandejas de entrada de tus clientes.

Los distintos dispositivos y clientes de email tienen diferentes límites en cuanto al número de caracteres del texto de vista previa que se muestran, y las pantallas más pequeñas muestran menos caracteres de vista previa. Tenlo en cuenta y mantén el texto de vista previa breve. Estos son los límites de caracteres, desglosados por cliente de email:

Mostrar el texto de vista previa dentro de tus emails

En algunos casos, puede que quieras 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 email usando la siguiente etiqueta:

{% render_variable preview_text %}

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

Ocultar texto de vista previa

Si quieres ocultar completamente cualquier texto de vista previa y que solo 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 email. Este código desplaza el contenido del email más allá del área de visualización del texto de vista previa, por lo que aparecerá en blanco.

1. Añade un bloque HTML en la parte superior de tu email, por encima de todo el resto del contenido.
2. Añade 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 emails lleguen a la bandeja de entrada, los clientes solo verán tu asunto.

Recursos adicionales