Cómo insertar texto de previsualización en un correo electrónico

Hola: 5 minutos de lectura
|
Actualizado 26 sept 2024, 15:59 EST
Qué aprenderás

Qué aprenderás

Aprenda qué es el texto de previsualización, dónde aparece por defecto en sus correos electrónicos y cómo insertarlo en el cuerpo de los mismos. 

Acerca del texto de previsualización

Acerca del texto de previsualización

El texto de previsualización 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 suele extraerse de la primera línea de texto dentro del cuerpo de un mensaje.

En una bandeja de entrada de Gmail, la parte de texto de vista previa de un correo electrónico aparece resaltada

Existen 2 formas principales de utilizar el texto de previsualización para mejorar sus correos electrónicos:

  1. Utilice el texto de vista previa para resumir el correo electrónico.
  2. Utilice el texto de previsualización para complementar su línea de asunto.

Si no inserta específicamente el texto de previsualización, 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, su barra de navegación, etc. podrían ser extraídos como el texto de previsualización, por lo que es mejor especificar qué es exactamente lo que desea que muestre su texto de previsualización. Para saber más sobre cómo utilizar estratégicamente el texto de previsualización, diríjase al Blog de Klaviyo.

Esta función sólo es compatible con las plantillas de arrastrar y soltar de Klaviyo. En el caso de las plantillas HTML personalizadas (incluidas las plantillas HTML personalizadas compatibles con la función de arrastrar y soltar), el diseñador de su correo electrónico deberá insertar el texto de vista previa que desee al principio del código del correo electrónico. Para los correos electrónicos de sólo texto, se utiliza como texto de previsualización el comienzo mismo de su correo electrónico. 
Añadir texto de previsualización a un correo electrónico de flujo 

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:

  1. Abra el flujo que contiene el correo electrónico que desea editar
  2. Haga clic en el mensaje de flujo para abrir la barra lateral Contenido
  3. Haga clic en Editar en la barra lateral de contenido
  4. En el campo Texto de previsualización, añada el texto de previsualización que desee
    En el editor de contenidos del flujo, el campo Texto previo aparece resaltado
Añadir texto de previsualización a un correo electrónico de campaña

Añadir texto de previsualización a un correo electrónico de campaña

Para insertar el texto de previsualización de una campaña en la pantalla de previsualización del correo electrónico:

  1. Abra la campaña que desea editar
  2. Haga clic en Continuar con el contenido
  3. En el campo Texto de previsualización, añada el texto de previsualización que desee
    En la pestaña Contenido de la campaña, el campo Texto previo aparece resaltado
Vista previa del texto en la bandeja de entrada

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 sus clientes sólo aparezca el texto de previsualización que usted introduzca. 

Una bandeja de entrada de Gmail con un mensaje con el asunto Cosas que tu jefe quiere que sepas y Texto de vista previa Dales los números

Los distintos dispositivos y clientes de correo electrónico tienen diferentes límites en la cantidad de caracteres de texto de previsualización que se muestran, y las pantallas más pequeñas muestran menos caracteres de previsualización. Tenga esto en cuenta y mantenga el texto de la vista previa conciso. He aquí los límites de caracteres desglosados por cliente de correo electrónico: 

Límites de caracteres del preencabezado según el cliente de correo electrónico, entre 34 para Gmail iOS y 236 para Outlook.com
Imagen vía Email on Acid 

Gmail puede eliminar las comas dentro de un conjunto de números de su texto de vista previa. Por ejemplo, 10.000 se convertirá en 10000 en la vista previa de Gmail.

Mostrar texto de previsualización dentro de sus correos electrónicos

Mostrar texto de previsualización dentro de sus correos electrónicos

En algunos casos, puede que desee mostrar su texto de previsualización dentro del cuerpo de su plantilla. Puede hacer referencia a cualquier texto de previsualización que establezca en la pantalla de previsualización del correo electrónico utilizando la siguiente etiqueta:

{% render_variable preview_text %}

Pegue la etiqueta en cualquier bloque de texto de su plantilla. 

Ocultar texto de previsualización

Ocultar texto de previsualización

Si desea ocultar por completo cualquier texto de previsualización y que en las bandejas de entrada de sus clientes sólo aparezca su línea de asunto, añada el fragmento de código siguiente en la parte superior de su correo electrónico. Este código empuja el contenido de su correo electrónico más allá del área de visualización del texto de previsualización, por lo que aparecerá en blanco. 

  1. Añada un bloque HTML en la parte superior de su correo electrónico, por encima del resto del contenido. 
  2. Añada el siguiente fragmento de código: 
    <div style="display: none; max-height: 0px; overflow: hidden;"> ͏ ‌
         &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; ‌   &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;
        ͏‌   &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;
    </div>
  3. Guarde el bloque HTML. 

Cuando sus correos lleguen a la bandeja de entrada, los clientes sólo verán su línea de asunto.

Una bandeja de entrada de Gmail muestra un correo electrónico con un asunto, pero sin texto de vista previa

Recursos adicionales

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más de Klaviyo

Comunidad
Conecta con compañeros, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Formación en directo
Únete a una sesión en directo con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan