Cómo usar el panel de vista previa para la personalización de mensajes

Qué aprenderás

Descubre cómo usar el panel de vista previa para entender los datos de personalización disponibles para tus mensajes y cómo acceder a las etiquetas de plantilla. Usa el modal de vista previa como tu fuente de información fiable para las opciones de personalización.

Panel de vista previa para plantillas, campañas y flujos

Abre el panel de vista previa de cualquier mensaje haciendo clic en Previsualizar y probar. Aquí tienes la opción de elegir tu fuente de datos. Según dónde esté el mensaje, tendrás opciones ligeramente diferentes.

Plantillas

Si editas una plantilla y vas a Contenido > Plantillas, puedes alternar entre los datos del perfil y los datos del evento. Para los datos del perfil, puedes seleccionar un perfil específico. Para los datos del evento, puedes seleccionar un evento específico.

Campañas

Si editas un mensaje de campaña, solo tendrás acceso a la personalización de perfil, no a la personalización de eventos. Los datos de eventos no se admiten para las campañas, porque las campañas no se pueden asociar a un evento específico.

Flujos

Si editas un mensaje que forma parte de un flujo activado por una métrica, una bajada de precio, un inventario bajo o una reposición de stock, el panel de vista previa incluirá etiquetas de personalización tanto de perfil como de evento. La personalización del perfil se admite en todos los flujos; usa el botón Añadir personalización en un bloque de texto para añadir estas etiquetas.

Elegir un perfil para la vista previa

Al revisar las opciones de personalización de perfil en el modal de vista previa, el perfil predeterminado es el perfil de usuario asociado a tu inicio de sesión de Klaviyo. Ten en cuenta que esto es diferente del perfil de tu email en tu propia cuenta de Klaviyo, y tiene un conjunto muy limitado de opciones de etiqueta de personalización, como el nombre y el apellido.

Para ver todos los datos disponibles en una cuenta real de cliente, selecciona otro perfil.

Descubre cómo cambiar el perfil de vista previa para diferentes mensajes:

• Plantillas, campañas y mensajes de flujo (no activados por eventos)
  Usa el campo Buscar perfiles en el modal de vista previa.
  

• Mensajes de flujo activados por eventos
  Los datos del perfil en los mensajes de flujo activados por eventos provienen de los perfiles que realizaron más recientemente la acción de activación. Usa las flechas para alternar entre hasta 10 eventos recientes y seleccionar el perfil asociado.
  

Elige un evento para obtener una vista previa

Cuando editas un Email navegando a Contenido > Plantilla, tienes la opción de seleccionar un evento para previsualizar. Cuando editas un mensaje de flujo activado por un evento, el evento se selecciona automáticamente.

En ambos escenarios, puedes alternar entre las últimas 10 instancias del evento para elegir una como vista previa. Usa las flechas para navegar por ellas hasta que encuentres una que quieras previsualizar.

Etiquetas básicas de personalización

Una vez que hayas seleccionado un perfil o un evento para previsualizar, pasa el cursor por encima de cualquier dato para ver la etiqueta de personalización. Haz clic para copiarla en tu portapapeles y, después, pégala en tu mensaje.

Estas etiqueta se pueden usar tal cual, o puedes usar filtros para ajustar cómo se muestran. Cada variable que copies del modal de vista previa incluye el filtro predeterminado, |default:''. Puedes eliminar este filtro, dejarlo tal cual o rellenarlo para establecer un valor predeterminado. Los valores predeterminados aparecen cuando no hay datos disponibles para un destinatario en concreto. Si no estableces un valor predeterminado, la variable no se mostrará si no hay datos disponibles.

Etiquetas de personalización avanzadas

Si estás viendo datos de eventos, puede que haya una cantidad abrumadora para revisar. Los eventos suelen contener una gran cantidad de metadatos, que son información sobre la acción que alguien realizó para activar el evento.

En general, algunos de estos datos están “anidados”, lo que significa que se almacenan dentro de otra variable. Los datos anidados se utilizan para organizar la información relacionada.

El evento Pedido realizado es un evento que utiliza datos anidados. Los metadatos del evento probablemente incluyan detalles sobre la persona que ha hecho el pedido, así como sobre los artículos que ha pedido. Este es un ejemplo de algunos de los datos que podrías ver:

• Dirección
  Los detalles de la dirección del cliente están anidados en el encabezado shipping_address, que contiene su dirección, ciudad, estado y país.
  

• Productos comprados
  Los artículos que ha comprado se enumeran bajo el encabezado line_items. Justo debajo del encabezado line_items hay otro encabezado, 0. Dentro del encabezado 0 hay detalles sobre el primer producto del pedido. Si te desplazas más hacia abajo, podrías ver un segundo encabezado, 1, que representa el segundo artículo del pedido. En datos numerados como estos, la estructura de cada entrada suele ser la misma, pero cada entrada contendrá detalles sobre un artículo diferente (p. ej., un producto del pedido).
  

Los datos anidados se indican con un pequeño icono de flecha. Haz clic en este icono para contraer una entrada y ocultar su contenido, para que los datos sean más fáciles de navegar.

La etiqueta de personalización siempre representa la ruta que utilizas para encontrarla dentro de los datos. Por ejemplo, una variable de evento no anidada seguirá una estructura como esta: {{ event.source }}. Sin embargo, una variable anidada que se encuentra al navegar a extra > customer > default_address > address1 se vería así: {{ event.extra.customer.default_address.address1 }}.

Iterar en variables anidadas

Si seleccionas una variable que contiene un número, como {{ event.extra.line_items.0.product.title }}, significa que es posible iterar por cada artículo de la lista. Puedes iterar por los artículos de una lista con un bucle for, una repetición de contenido o un bloque de tabla dinámica.

Si decides no usar una de estas herramientas de iteración, asegúrate de usar siempre el primer elemento de una lista, ya que algunos destinatarios podrían tener solo un elemento. Puedes saber si una variable hace referencia al primer elemento de la lista revisando el número en la propia variable:

• {{ event.extra.line_items.0.product.title }} es la variable del título del primer artículo de un pedido.
• {{ event.extra.line_items.1.product.title }} es la variable del título del segundo artículo de un pedido.
• {{ event.extra.line_items.2.product.title }} es la variable del título del tercer artículo de un pedido.

Resultado

Después de leer este artículo y probar estos pasos en tu propia cuenta, deberías entender cómo navegar por la ventana modal de vista previa y encontrar los datos de personalización que necesitas para tus mensajes.

Recursos adicionales