Cómo mostrar u ocultar bloques y secciones de la plantilla en función de variables dinámicas

Hola: 13 minutos de lectura
|
Actualizado 13 nov 2024, 16:54 EST
Qué aprenderás

Qué aprenderás

Aprenda 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.  

Puede utilizarlo para mostrar contenidos diferentes, por ejemplo, a quienes pertenezcan a determinados niveles de fidelidad o hayan comprado un producto concreto. Esta función le permite orientar el contenido de su correo electrónico en función de la información sobre su suscriptor, de modo que cada destinatario tenga una experiencia de marketing altamente personalizada.  

Antes de empezar

Antes de empezar

Puede mostrar/ocultar el contenido en función de: 

  • Datos del perfil (es decir perfil o propiedades personalizadas)
  • Variables de evento, pero sólo para:
    • Flujo desencadenado por evento (también llamado desencadenado métrico)
    • Código personalizado para mostrar/ocultar bloque

Antes de elaborar su correo electrónico, debe tener los datos que necesita en su cuenta. En otras palabras, debe tener 1 evento o perfil con la propiedad que desea utilizar. 

Utilizar los datos del perfil

Si desea mostrar/ocultar condiciones basadas en datos del perfil (por ejemplo, ubicación, idioma, etc.), necesita al menos 1 perfil con esos datos. 

Las propiedades de perfil y personalizadas pueden añadirse de las siguientes maneras: 

Más información sobre las propiedades de perfil en Klaviyo. 

Uso de las propiedades de los eventos

Del mismo modo para las propiedades de eventos, debe haber 1 evento en su cuenta de Klaviyo. A continuación, puede mostrar/ocultar el bloque en función del evento desencadenante de ese flujo mediante un bloque codificado a medida. No puede 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, puede construir condiciones de mostrar/ocultar basadas en el valor de un carrito o en los artículos específicos que el cliente haya añadido. 

Elabore su mensaje

Elabore su mensaje

La lógica mostrar/ocultar del constructor de asistencia perfil datos formateados como texto, números y lista. No asiste a datos de eventos, fechas o booleanos. Si desea utilizar datos no admitidos en su condición mostrar/ocultar, utilice código personalizado para escribir la condición

  1. Añada un bloque o sección a una plantilla de correo electrónico. 
  2. Seleccione la pestaña Visualización.
    La pestaña de visualización de un bloque
  3. En Mostrar/ocultar lógica, seleccione Usar constructor de lógica
  4. Seleccione una condición. 
    1. Puede crear una condición simple con un único criterio, o una condición más compleja con varios criterios conectados por AND u OR. Más información sobre los conectores AND frente a los conectores OR
  5. Utilice el botón Añadir condición para añadir condiciones adicionales, si lo desea. 
  6. Seleccione Guardar

Si utiliza la lógica de mostrar/ocultar en una sección y en un bloque dentro de esa sección, los ajustes pueden interactuar y causar conflictos. Obtenga más información en nuestro artículo sobre opciones de visualización

AND vs. OR en condiciones de mostrar/ocultar 

AND vs. OR en condiciones de mostrar/ocultar 

Al evaluar la lógica mostrar/ocultar, las condiciones conectadas por AND se evalúan antes que las condiciones conectadas por OR. Tenga en cuenta el orden en que se evaluará su lógica cuando la escriba para asegurarse de que se interpreta como usted pretende. 

Como ejemplo, considere la siguiente condición: 

Una muestra de la condición del segmento

Siguiendo estos criterios, compruebe si el bloque es visible para algunos destinatarios de muestra: 

Receptor¿Aparece el bloque?¿Por qué?

Jane

puntos_fidelidad = 145

Color favorito = verde 

Fruta favorita = plátano 

NoJane podía calificar si su color favorito era el azul, o si su fruta preferida era el plátano

Alex
puntos_fidelidad = 73

Color favorito = azul

Fruta favorita = manzana

NoAlex podría calificarse con más puntos de fidelidad, o si su fruta favorita fuera el kiwi.

Amanda
puntos_fidelidad = 110

Color favorito = azul

Fruta favorita = granada

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
puntos_fidelidad = 42

Color favorito = naranja

Fruta favorita = kiwi

Stephanie cumple los requisitos porque su fruta favorita es el kiwi. Las otras condiciones no se tienen en cuenta, porque ella 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ón

Banner del programa de fidelización

Si tiene un programa de fidelización, muestre a los participantes activos cuántos puntos tienen actualmente. Ofrezca a los contactos que aún no se hayan inscrito en el programa un incentivo para que se unan. Para configurar esto, necesitará 2 banners. 

Muestre a los participantes activos del programa de fidelización un banner con esta condición de mostrar ocultar: 

Puntos de fidelidad > es mayor que 0 

Una condición para mostrar un bloque a quienes tengan más de 0 puntos de fidelidad 

Muestre a los prospectos un banner con esta condición: 

loyalty_points > no está configurado

Una condición para mostrar un bloque a los que no tienen una propiedad de puntos de fidelidad

Es posible que tenga que ajustar los criterios en función de los datos disponibles en su propia cuenta. 

Imágenes personalizadas

Imágenes personalizadas

Si recopila información sobre cómo utilizan su producto los suscriptores, muéstreles imágenes que se relacionen con ellos. 

Por ejemplo, una marca que vende mochilas podría preguntar si el suscriptor las utiliza para desplazarse, viajar o hacer senderismo. En función de su respuesta, esta marca podría mostrar imágenes de sus productos en esos entornos. 

Para configurarlo, necesitará 3 bloques de imágenes que muestren su producto en 3 escenarios diferentes. 

Muestre a los viajeros una foto de un motorista con la mochila puesta durante un trayecto con esta condición: 

Preferencia de bolsa = Desplazamientos

Una condición para los que utilizan su bolsa para desplazarse

Muestre a los viajeros una foto de una de sus mochilas en un aeropuerto concurrido con esta condición: 

Preferencia de bolsa = Viaje

Una condición para quienes utilizan su bolsa para viajar

Muestre a los demás una foto de una de sus 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

Una condición para los que utilizan su bolsa para cualquier otra cosa

Fíjese 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 su correo electrónico tenga un buen aspecto para todos. 

Notas específicas del producto

Notas específicas del producto

Hacer referencia a un elemento desde dentro del evento desencadenante de un flujo requiere utilizar código personalizado.

Comunique información específica del producto a las personas que han abandonado el carro, para darles información clave que pueda influir en su decisión de compra. Por ejemplo, si se está agotando un producto, añada un bloque de texto con un aviso de pocas existencias que sólo aparezca para las personas que tengan ese artículo en su cesta con esta condición:
ITEM_NAME in event.Items

Una condición para los que tienen un artículo específico en sus carritos

Mensajería específica de la ubicación 

Mensajería específica de la ubicación 

Las condiciones específicas de localización sólo pueden evaluar el texto; no pueden evaluar la distancia desde un Código postal. Muestre un banner personalizado a los residentes que vivan en una zona determinada, como los de la misma ciudad que su tienda pop up con esta condición:

Ciudad = Boston

Una condición para los residentes de Boston

Solución de problemas mostrar/ocultar bloque 

Solución de problemas mostrar/ocultar bloque 

Si su bloque mostrar/ocultar no se renderiza como se espera, utilice el botón Convertir a código para convertir la lógica del constructor a código. A partir de ahí, puede inspeccionar y ajustar el código para que se renderice como se espera. 

Convertir la lógica en código no es reversible. 

Cuando resuelva el problema, confirme que el tipo de datos utilizado en el valor de su condición es el mismo que el tipo de datos del perfil al que hace referencia. Por ejemplo, el número 22 es diferente del valor de texto "22". Si su condición está configurada como Número pero sus valores están tienda como texto en el perfil, la condición no podrá evaluarse correctamente. 

Convertir texto en números 

Si tiene propiedades numéricas, pero están tienda como texto dentro de un perfil, puede convertirlas en números dentro del campo de código personalizado utilizando el filtro |multiplicar. Para utilizarlo, añada el filtro directamente después del nombre de la variable: 

persona.Cumpleaños|multiplicar:"1" > 21

Booleanos tienda como texto 

Si sus datos verdadero/falso son tienda como texto, no como booleano, o si está haciendo referencia a una propiedad que contiene tanto booleanos como texto, puede utilizar estas estructuras para cubrir todos los escenarios. Incluya todas las grafías y mayúsculas presentes en sus datos. 

Condición de la muestraMuestre 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 se establece en el valor booleano false o en las cadenas false o False

Caracteres no alfanuméricos en las propiedades

Si las propiedades o valores a los que hace referencia su bloque mostrar/ocultar contienen caracteres no alfanuméricos (por ejemplo, símbolos como =, <, o >), es posible que su condición no se evalúe correctamente. Para obtener los mejores resultados, utilice 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 bloque

Codificación personalizada mostrar/ocultar bloque

Si prefiere un mayor control, o si desea construir una condición utilizando datos de eventos, fechas o booleanos, codifique de forma personalizada su bloque mostrar/ocultar en lugar de utilizar el constructor lógico. Para empezar desde cero utilizando código, seleccione el botón Utilizar código en la configuración de mostrar/ocultar lógica. 

La opción de código personalizado

Alternativamente, convierta 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 opta por utilizar código, asegúrese de que conoce bien Django, la lógica de programación y los tipos de datos de Klaviyo. Klaviyo's equipo de asistencia no es capaz de proporcionar asistencia directa o solución de problemas para el código personalizado. 

Obtenga más información sobre las estructuras de condición soportada. 

Mostrar/ocultar condiciones en función de los datos del evento

Mostrar/ocultar condiciones en función de los datos del evento

Si su correo electrónico se envía como parte de un flujo desencadenado por un evento (por ejemplo, un flujo de carrito abandonado o de confirmación de pedido), puede mostrar/ocultar el bloque en función de los detalles del evento desencadenante de ese flujo. Así, en un flujo carrito abandonado con el desencadenante Página de pago iniciada, puede 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.

Comprender cómo se almacenan los datos

Comprender cómo se almacenan los datos

Antes de configurar su condición de mostrar/ocultar, compruebe cómo están sus datos en la tienda. Existen 5 tipos de datos en Klaviyo: 

  • Texto
  • Número
  • Fecha
  • Booleano
  • Lista

La forma en que se almacenen sus datos influirá en las condiciones de mostrar/ocultar que funcionen para usted. Aprenda a identificar los tipos de datos en su propia cuenta.

Elabore su mensaje

Elabore su mensaje

El primer paso para añadir condiciones de mostrar/ocultar codificadas a medida en un mensaje es crear la plantilla de correo electrónico. Esta sección le mostrará un ejemplo concreto, pero puede seguir los mismos pasos para configurar cualquier bloque para que se muestre en función de sus propios criterios.

Por ejemplo, si su empresa vende bolsos de piel, puede recopilar las preferencias de los clientes sobre cómo utilizan sus bolsos con un formulario de registro, como el que se muestra a continuación. 

A formulario de registro

A continuación, puede mostrar una imagen diferente en función de la preferencia de bolsa de su 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. 

  1. Cree una campaña o un mensaje de flujo.
  2. Añada un bloque de imagen.
  3. Cargue la imagen relacionada con el trabajo en el bloque.
  4. Haga clic en Mostrar en el menú de personalización del bloque de imagen.
  5. En Mostrar/ocultar lógica, seleccione Utilizar código
  6. Añada esta condición: persona|lookup:'Preferencia de bolsa' == 'Trabajo'
  7. Pulse Guardar cambios
  8. Pulse Hecho en el bloque.

Este bloque sólo se mostrará a las personas que hayan seleccionado "Trabajo" como preferencia. 

A continuación, añada la imagen relacionada con el viaje a un nuevo bloque bajo la imagen relacionada con el trabajo. Siga los mismos pasos que antes, pero esta vez, utilice la condición persona|lookup:'Preferencia de bolsa' == 'Al aire libre'

Este bloque sólo se mostrará a las personas que hayan seleccionado "Exterior" como su preferencia. 

Preferencia de bolsa = al aire libre

Por último, añada una imagen para que aparezca para cualquiera que no haya seleccionado ni "Trabajo" ni "Aire libre". Utilice una imagen más genérica y esta condición: person|lookup :'Bag Preference' != 'Work' y person|lookup:'Bag Preference' != 'Outdoors'.

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. 

Preferencia de bolsa = cualquier otra cosa

Una vez que haya configurado cada uno de los bloques, previsualice su mensaje utilizando 3 perfiles. Estos perfiles deben ser suscriptores que cumplan uno de cada uno de los criterios de la imagen:

  • Cliente que eligió "Aire libre 
  • Cliente que eligió "Trabajo
  • Y los clientes sin preferencia/con otra preferencia

Puede utilizar estos pasos para mostrar u ocultar bloques en función de cualquier dato de perfil o evento de su cuenta. 

Crear una condición de mostrar/ocultar con los datos del perfil

Crear una condición de mostrar/ocultar con los datos del perfil

Si está creando una condición de mostrar/ocultar con código personalizado basada en una propiedad de perfil, sustituya la variable de ejemplo de las tablas en la referencia de lógica condicional (por ejemplo, persona|lookup:'Color favorito') por su propiedad de perfil. 

Para encontrar la variable correcta a utilizar:

  1. Haga clic en Personalización para abrir el menú de personalización.
  2. Elija una opción del menú para añadirla al bloque de texto.
  3. Copie el nombre de la variable desde dentro de la etiqueta. Para identificar el nombre de la variable, elimine las llaves alrededor de la variable, 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 seleccione esa parte para utilizarla en su condición mostrar/ocultar. 

Una variable para la lógica de mostrar/ocultar

Crear una condición de mostrar/ocultar con datos de eventos

Crear una condición de mostrar/ocultar con datos de eventos

Puede utilizar datos de eventos para mostrar u ocultar un bloque si su mensaje forma parte de un flujo activado por eventos. Sólo los datos dentro del evento desencadenante pueden utilizarse en una condición de mostrar/ocultar. 

Identificar las variables del evento:

  1. En el editor de plantillas, haga clic en Vista previa & test.
  2. En Vista previa de la fuente de datos, haga clic en Evento.
  3. En el menú desplegable, seleccione el evento que activará el mensaje que está construyendo. 
  4. Desplácese por las propiedades del evento hasta encontrar los datos que desea incluir. 
  5. Haga clic en el nombre de la propiedad para copiar la etiqueta. 
  6. Pegue la etiqueta en un bloque de texto o en un editor de texto. 
  7. Elimine las llaves (es decir, {{ and }}) de la etiqueta, así como cualquier filtro.
  8. Utilice la variable que permanece en su condición mostrar/ocultar.

En la captura de pantalla siguiente, verá la etiqueta {{ event|lookup:'Item Count' }}. Sólo necesitará el texto event|lookup:'Recuento de artículos' para su condición mostrar/ocultar. Tenga en cuenta que sus datos pueden utilizar una estructura diferente, como {{ event.extra.line_items.0.title }} o {{ event.ShippingAddress.address1 }}. Utilice la variable tal y como aparece en los datos de su evento. 

Previsualizar datos para encontrar variables de eventos

Personalice sus condiciones de mostrar/ocultar

Personalice sus condiciones de mostrar/ocultar

Aprenda a crear condiciones personalizadas de mostrar/ocultar utilizando la referencia lógica condicional. Este recurso contiene condiciones de muestra, que puede personalizar utilizando su propio perfil y datos de eventos. 

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