Cómo mostrar u ocultar plantilla bloque y secciones en función de variables dinámicas
Objetivos del artículo
Aprende a mostrar un bloque o sección concretos de un correo electrónico a determinados destinatarios utilizando el constructor lógico de mostrar/ocultar del editor de plantillas.
Puedes utilizarlo para mostrar contenidos diferentes, por ejemplo, a los que pertenecen a determinados niveles de fidelidad o a los que han comprado un producto concreto. Estas funciones/características te permiten orientar el contenido de tu correo electrónico en función de la información sobre tu suscriptor, para que cada destinatario tenga una experiencia de marketing altamente personalizada.
Antes de empezarAntes de empezar
Puedes mostrar/ocultar contenido en función de:
- datos del perfil (es decir perfil o propiedades personalizadas)
-
Variables de suceso, pero sólo para:
- Flujo desencadenado por eventos (también llamado flujo desencadenado métricamente)
- Código personalizado para mostrar/ocultar bloque
Antes de elaborar tu correo electrónico, debes tener los datos que necesitas en tu cuenta. En otras palabras, debes tener 1 evento o perfil con la propiedad que quieras utilizar.
Utilizar los datos del perfil
Si quieres mostrar/ocultar condiciones basadas en datos del perfil (por ejemplo, ubicación, idioma, etc.), necesitas al menos 1 perfil con esos datos.
Las propiedades de perfil y personalizadas pueden añadirse de las siguientes formas:
- Formularios de registro
- Cargas CSV
- integraciones ecommerce
- lista crecimiento y fidelización integraciones, como Typeform o Yotpo
Más información sobre las propiedades del perfil en Klaviyo.
Utilizar las propiedades de los eventos
Del mismo modo para las propiedades de eventos, debe haber 1 evento en tu cuenta de Klaviyo. A continuación, puedes mostrar/ocultar el bloque en función del evento desencadenante de ese flujo mediante un bloque codificado a medida. No puedes hacer referencia a datos de eventos utilizando el constructor lógico.
Así, en un flujo carrito abandonado con el disparador Página de pago iniciada, puedes crear condiciones de mostrar/ocultar basadas en el valor de un carrito o en los artículos concretos que el cliente haya añadido.
Elabora tu mensaje
El constructor lógico de mostrar/ocultar equipo de datos de asistencia del perfil formateado como texto, números y lista. No equipa de asistencia datos de eventos, fechas ni booleanos. Si quieres utilizar datos no admitidos en tu condición mostrar/ocultar, utiliza código personalizado para escribir la condición.
- Añade un bloque o sección a una plantilla de correo electrónico.
- Selecciona la pestaña Visualización.
- En Mostrar/ocultar lógica, selecciona Utilizar constructor de lógica.
- Selecciona una condición.
- Puedes crear una condición simple con un único criterio, o una condición más compleja con varios criterios conectados por Y u O. Más información sobre los conectores Y frente a los conectores O.
- Utiliza el botón Añadir condición para añadir condiciones adicionales, si lo deseas.
- Selecciona Guardar.
Si utilizas la lógica mostrar/ocultar en una sección y en un bloque dentro de esa sección, los ajustes pueden interactuar y causar conflictos. Obtén más información en nuestro artículo sobre opciones de visualización.
Y vs. O en las condiciones mostrar/ocultar
Al evaluar la lógica mostrar/ocultar, las condiciones conectadas por AND se evalúan antes que las condiciones conectadas por OR. Ten en cuenta el orden en que se evaluará tu lógica cuando la escribas para asegurarte de que se interpreta como pretendes.
Como ejemplo, considera la siguiente condición:
Siguiendo estos criterios, comprueba si el bloque es visible para algunos destinatarios de muestra:
destinatarios | ¿Aparece el bloque? | ¿Por qué? |
Jane puntos_fidelidad = 145 Color favorito = verde Fruta favorita = plátano | No | Jane podía calificar si su color favorito era el azul, o si su fruta preferida era el plátano. |
Alex Color favorito = azul Fruta favorita = manzana | No | Alex podría calificarse con más puntos de fidelidad, o si su fruta favorita fuera el kiwi. |
Amanda Color favorito = azul Fruta favorita = granada | Sí | Amanda cumple los requisitos porque tiene > 99 puntos de fidelidad y su color favorito es el azul. Su fruta favorita no se tiene en cuenta porque cumple ambos criterios en el lado opuesto del operador de quirófano. |
Stephanie Color favorito = naranja Fruta favorita = kiwi | Sí | Stephanie cumple los requisitos porque su fruta favorita es el kiwi. Las demás condiciones no se tienen en cuenta porque cumple los criterios de un lado del operador OR. |
Casos prácticos para mostrar/ocultar bloque
Casos prácticos para mostrar/ocultar bloque
Banner del programa de fidelizaciónBanner del programa de fidelización
Si tienes un programa de fidelización, muestra con actividad a los participantes cuántos puntos tienen actualmente. Ofrece a los contactos que aún no se han inscrito en el programa un incentivo para que se unan. Para configurarlo, necesitarás 2 banners.
Mostrar con actividad programa de fidelización participa en un banner con esta condición mostrar ocultar:
Puntos de fidelidad > es mayor que 0
Muestra a los clientes potenciales un banner con esta condición:
loyalty_points > no está configurado
Puede que tengas que ajustar los criterios en función de los datos disponibles en tu propia cuenta.
Imágenes personalizadasImágenes personalizadas
Si recopilas información sobre cómo utilizan tu producto tus suscriptores, muéstrales imágenes que se relacionen con ellos.
Por ejemplo, una marca que vende mochilas podría preguntar si el suscriptor las utiliza para ir al trabajo, de viaje o de excursión. En función de su respuesta, esta marca podría mostrar imágenes de sus productos en esos entornos.
Para configurarlo, necesitarás 3 bloques de imágenes que muestren tu producto en 3 configuraciones diferentes.
Muestra a los viajeros una foto de un motorista llevando la mochila durante un trayecto con esta condición:
Preferencia de bolsa = Desplazamientos
Muestra a los viajeros una foto de una de tus mochilas en un aeropuerto concurrido con esta condición:
Preferencia de bolsa = Viaje
Muestra a los demás una foto de una de tus mochilas en un paisaje al aire libre con esta condición:
La preferencia de bolsa > no es igual a > Viajes Y la preferencia de bolsa > no es igual a > Desplazamientos
Fíjate en que la última imagen no está dirigida sólo a los excursionistas; la verá cualquiera que no sea viajero o viajera. Es importante tener en cuenta a los destinatarios que no tengan configurada esta propiedad, para que tu correo electrónico se vea bien para todos.
Notas específicas del productoNotas específicas del producto
Hacer referencia a un elemento desde el evento desencadenante de un flujo requiere utilizar código personalizado.
Comunica información específica del producto a quienes abandonan el carrito, para darles información clave que pueda influir en su decisión de compra. Por ejemplo, si te estás quedando sin existencias de un producto, añade un bloque de texto con un aviso de pocas existencias que sólo aparezca para las personas que tengan ese artículo en su carrito con esta condición
NOMBRE_ARTÍCULO en evento.Artículos
Mensajería específica de la ubicación
Las condiciones específicas de ubicación sólo pueden evaluar texto; no pueden evaluar la distancia desde un código postal. Muestra un banner personalizado a los residentes que vivan en una zona determinada, como los de la misma ciudad que tu tienda pop up con esta condición:
Ciudad = Boston
Solución de problemas mostrar/ocultar bloque
Si tu bloque mostrar/ocultar no se muestra como esperabas, utiliza el botón Convertir en código para convertir la lógica del constructor en código. A partir de ahí, puedes inspeccionar y ajustar el código para que se represente como se espera.
Convertir la lógica en código no es reversible.
Cuando resuelvas el problema, confirma que el tipo de datos utilizado en el valor de tu condición es el mismo que el tipo de datos del perfil al que haces referencia. Por ejemplo, el número 22 es diferente del valor de texto "22". Si tu condición está establecida en Número pero tus valores son tienda, comercio como texto en el perfil, la condición no podrá evaluarse correctamente.
Convertir texto en números
Si tienes propiedades numéricas, pero están tienda, comercio como texto dentro de un perfil, puedes convertirlas en números dentro del campo de código personalizado utilizando el filtro |multiplicar. Para utilizarlo, añade el filtro directamente después del nombre de la variable:
persona.Cumpleaños|multiplicar:"1" > 21
Booleanos tienda, comercio como texto
Si tus datos verdadero/falso son tienda, comercio como texto, no como booleano, o si haces referencia a una propiedad que contiene tanto booleanos como texto, puedes utilizar estas estructuras para cubrir todos los escenarios. Incluye todas las grafías y mayúsculas presentes en tus datos.
Condición de la muestra | Muestra el bloque si... |
persona|lookup:'VIP' == 1 o persona|lookup:'VIP' == 'true' o persona|lookup:'VIP' == 'True' | La propiedad VIP se establece en el valor booleano true o en las cadenas true o True |
persona|lookup:'VIP' == 0 o persona|lookup:'VIP' == 'false' o persona|lookup:'VIP' == 'False' | La propiedad VIP tiene el valor booleano false o las cadenas false o False |
Caracteres no alfanuméricos en las propiedades
Si las propiedades o valores a los que hace referencia tu bloque mostrar/ocultar contienen caracteres no alfanuméricos (por ejemplo, símbolos como =, ), tu condición no será compatible y verás un mensaje de error. Para obtener los mejores resultados, utiliza sólo letras (mayúsculas o minúsculas, distingue mayúsculas de minúsculas), números, guiones bajos (_) o guiones (-).
Codificación personalizada mostrar/ocultar bloqueCodificación personalizada mostrar/ocultar bloque
Si prefieres más control, o si quieres construir una condición utilizando datos de eventos, fechas o booleanos, codifica de forma personalizada tu bloque mostrar/ocultar en lugar de utilizar el constructor lógico. Para empezar desde cero utilizando código, selecciona el botón Utilizar código en la configuración de mostrar/ocultar lógica.
Alternativamente, convierte una condición existente de mostrar/ocultar para utilizar código con el botón Convertir en código.
Convertir la lógica en código no es reversible.
Si optas por utilizar código, asegúrate de que conoces bien Django, la lógica de programación y los tipos de datos de Klaviyo. Klaviyono puede proporcionar directamente equipo de asistencia o solución de problemas para código personalizado.
Más información sobre las estructuras de condición soportada.
Mostrar/ocultar condiciones basadas en datos de eventosMostrar/ocultar condiciones basadas en datos de eventos
Si tu correo electrónico se envía como parte de un flujo desencadenado por un evento (por ejemplo, un carrito abandonado o un flujo de confirmación de pedido), puedes mostrar/ocultar el bloque en función de los detalles del evento desencadenante de ese flujo. Así, en un flujo carrito abandonado con el activador Página de pago iniciada, puedes codificar de forma personalizada condiciones de mostrar/ocultar basadas en el valor de un carrito o en los artículos concretos que el cliente haya añadido. Más información sobre las variables de evento.
Entender cómo los datos son tienda, comercioEntender cómo los datos son tienda, comercio
Antes de configurar tu condición de mostrar/ocultar, comprueba cómo están tus datos tienda, comercio. Hay 5 tipos de datos en Klaviyo:
- Texto
- Número
- Fecha
- Booleano
- Lista
La forma en que tus datos se tienda, comercio influirá en qué condiciones de mostrar/ocultar funcionarán para ti. Aprende a identificar los tipos de datos en tu propia cuenta.
Elabora tu mensajeElabora tu mensaje
El primer paso para añadir condiciones personalizadas de mostrar/ocultar en un mensaje es construir las plantillas de correo electrónico. En esta sección se mostrará un ejemplo concreto, pero puedes seguir los mismos pasos para configurar cualquier bloque para que se muestre en función de tus propios criterios.
Por ejemplo, si tu empresa vende bolsos de piel, puedes recoger las preferencias de los clientes sobre cómo utilizan sus bolsos con un formulario de registro, como el que se muestra a continuación.
Luego puedes mostrar una imagen diferente según la preferencia de bolsa de tu cliente. Por ejemplo, si la preferencia del cliente es "Trabajo", la bolsa aparecerá en una imagen junto a un ordenador portátil. Si la preferencia del cliente es "Aire libre", la bolsa aparecerá cerca de un mirador en una ruta de senderismo.
- Crea una campaña o mensaje de flujo.
- Añade un bloque de imagen.
- Sube la imagen relacionada con el trabajo al bloque.
- Haz clic en Mostrar en el menú de personalización del bloque de imagen.
- En Mostrar/ocultar lógica, selecciona Utilizar código.
- Añade esta condición: persona|lookup:'Preferencia de Bolsa' == 'Trabajo'.
- Haz clic en Guardar cambios.
- Pulsa Hecho en el bloque.
Este bloque sólo se mostrará a las personas que hayan seleccionado "Trabajo" como preferencia.
A continuación, añade la imagen relacionada con el viaje a un nuevo bloque bajo la imagen relacionada con el trabajo. Sigue los mismos pasos que antes, pero esta vez, utiliza la condición persona|lookup:'Preferencia de bolsa' == 'Al aire libre'.
Este bloque sólo se mostrará a las personas que hayan seleccionado "Al aire libre" como preferencia.
Por último, añade una imagen para que aparezca para cualquiera que no haya seleccionado "Trabajo" o "Al aire libre". Utiliza una imagen más genérica y esta condición: persona|buscar:'Preferencia de bolsa ' != 'Trabajo' y persona|buscar:'Preferencia de bolsa' != 'Al aire libre'.
Aquí, != significa que "no es igual a", por lo que esta condición busca personas que hayan elegido algo distinto a "Trabajo" o "Aire libre", o que nunca hayan seleccionado una preferencia.
Una vez que hayas configurado cada uno de los bloques, previsualiza tu mensaje utilizando 3 perfiles. Estos perfiles deben ser suscriptores que cumplan uno de cada uno de los criterios de la imagen:
- cliente que eligió "Al aire libre"
- cliente que eligió "Trabajo
- Y cliente sin preferencia/con otra preferencia
Puedes utilizar estos pasos para mostrar u ocultar bloques en función de cualquier dato de perfil o evento de tu cuenta.
Crear una condición mostrar/ocultar con datos del perfilCrear una condición mostrar/ocultar con datos del perfil
Si estás creando una condición de mostrar/ocultar con código personalizado basada en unas propiedades del perfil, sustituye la variable de ejemplo de las tablas de la referencia de lógica condicional (por ejemplo, persona|lookup:'Color favorito') por tus propiedades del perfil.
Para encontrar la variable correcta a utilizar:
- Haz clic en Personalización para abrir el menú de personalización.
- Elige una opción del menú para añadirla al bloque de texto.
- Copia el nombre de la variable dentro de la etiqueta. Para identificar el nombre de la variable, elimina las llaves que la rodean, así como |default :'' al final (si está presente), junto con cualquier otro filtro.
Por ejemplo, en la captura de pantalla siguiente, la etiqueta completa es {{ person|lookup:"Accepts Marketing"|default:"" }}. El nombre de la variable es persona|lookup:"Acepta Marketing", así que selecciona esa parte para utilizarla en tu condición mostrar/ocultar.
Crear una condición mostrar/ocultar con datos de eventos
Puedes utilizar datos de eventos para mostrar u ocultar un bloque si tu mensaje forma parte de un flujo activado por eventos. Sólo los datos dentro del evento desencadenante pueden utilizarse en una condición mostrar/ocultar.
Identificar las variables del acontecimiento:
- En el editor de plantilla, haz clic en Vista previa de la prueba & .
- En Previsualizar fuente de datos, haz clic en Evento.
- En el menú desplegable, selecciona el evento que activará el mensaje que estás construyendo.
- Desplázate por las propiedades del Evento para encontrar los datos que te gustaría incluir.
- Haz clic en el nombre de la propiedad para copiar la etiqueta.
- Pega la etiqueta en un bloque de texto o en un editor de texto.
- Elimina los corchetes (es decir, {{ y }}) de la etiqueta, así como cualquier filtro.
- Utiliza la variable que permanece en tu condición mostrar/ocultar.
En la captura de pantalla siguiente, verás la etiqueta {{ event|lookup:'Item Count' }}. Sólo necesitarás el texto event|lookup:'Recuento de elementos' para tu condición mostrar/ocultar. Ten en cuenta que tus datos pueden utilizar una estructura diferente, como {{ event.extra.line_items.0.title }} o {{ event.ShippingAddress.address1 }}. Utiliza la variable tal y como aparece en los datos de tu evento.
Personaliza tus condiciones de mostrar/ocultar
Aprende a crear condiciones personalizadas de mostrar/ocultar utilizando la referencia lógica condicional. Este recurso contiene condiciones de muestra, que puedes personalizar utilizando tu propio perfil y datos de eventos.