Muestre u oculte bloques en función de bloques repetibles

💡 Información relevante
Nuestra opción Repeat block (Repetir bloque) ahora se llama Repeatable Content (Contenido repetible). La opción Repeatable content (Contenido repetible solo se puede utilizar en secciones.

Brevo le permite diseñar plantillas de email y campañas que muestren elementos de contenido únicos a diferentes destinatarios en función de las condiciones que establezca.

Hemos dividido este tema en 3 artículos. En este primer artículo, explicaremos cómo mostrar u ocultar contenido basado en contenido repetible.

Antes de empezar

Mostrar contenidos específicos a diferentes destinatarios basándose en contenidos repetibles

La visibilidad del contenido basada en contenido repetible le permite mostrar un contenido específico (imagen, título, texto, sección, etc.) en función de las condiciones que establezca para un contenido repetible.

Cuando utilice la opción de contenido repetible en una campaña de email o plantilla, puede elegir mostrar el contenido cuando se cumplan las condiciones de la sección. Esto es muy útil cuando únicamente desea mostrar un contenido repetible solo si contiene sus elementos deseables.

Imaginemos que queremos crear un email que confirme cuándo se han enviado los artículos de un pedido y que incluya la opción de listar por separado los artículos pendientes de envío. Este email contendría:

  • Una lista con los artículos enviados
  • Una lista con los artículos que están pendientes de pedido y se enviarán más tarde

sample_email.png 

Personalizar un email utilizando contenido repetible

Para crear el email anterior:

  1. En una primera sección, utilice la funcionalidad de contenido repetible  para los productos enviados.
  2. Seleccione la sección que desea mostrar solo a los destinatarios cuyo pedido se haya enviado. A continuación, en el panel lateral, abra la sección Content visibility (Visibilidad del contenido) y haga clic en + Add condition (Añadir condición).
    enable-block-visibility_EN-US.png
  3. En la ventana emergente Add display conditions (Añadir condiciones de visualización), elija las condiciones en las que se debe mostrar la sección:
    1. En nuestro ejemplo, queremos mostrar la sección si todas las condiciones que se indican a continuación se establecen como "true".
    2. La visibilidad del contenido se basa en parámetros transaccionales. En el campo Key (Clave), introduzca el nombre de la clave sobre la que desea mostrar la sección (en este caso, "shipped" ["enviado"]). Cuando la plantilla detecte el valor "sí" en esta clave, mostrará la lista de bloques con todos los productos enviados. El tipo de parámetro transaccional es booleano y debe ser igual a Sí para que aparezca la sección. 
    3. Haga clic en Add condition (Añadir condición).
      block-visibility-transac_EN-US.png
  4. En una segunda sección, utilice la funcionalidad de contenido repetible para los productos pendientes que se enviarán más adelante.
  5. Seleccione la sección que desea mostrar solo a los destinatarios cuyo pedido no se haya enviado. A continuación, en el panel lateral, abra la sección Content visibility (Visibilidad del contenido) y haga clic en + Add condition (Añadir condición).
    block-visibility-shipped-later_EN-US.png
  6. En la ventana emergente Add display conditions (Añadir condiciones de visualización), elija las condiciones en las que se debe mostrar la sección:
    1. En nuestro ejemplo, queremos mostrar la sección si todas las condiciones que se indican a continuación se establecen como "true".
    2. La visibilidad del contenido se basa en parámetros transaccionales. En el campo Key (Clave), introduzca el nombre de la clave sobre la que desea mostrar la sección (en este caso, "shipped" ["enviado"]). Cuando la plantilla detecte el valor "no" en esta clave, mostrará la lista de sección con todos los productos que están pendientes y se enviarán más adelante. El tipo de parámetro transaccional es booleano y debe ser igual a No para que aparezca la sección. 
    3. Haga clic en Add condition (Añadir condición).
      block-visibility-no-boolean_EN-US.png

¡Felicidades! 🎉 Ha aplicado condiciones de visualización. Cuando se insertan condiciones, el borde de la sección aparece de color verde y presenta un icono de ojo con barra diagonal. Haga clic en él si necesita editar su condición.

Para crear el email de ejemplo que se muestra arriba, hemos pegado lo siguiente en la llamada API v3 para enviar un email transaccional:

cond-display-dynamic-list-var_call-example.png

⏩ ¿Qué es lo siguiente?

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 1 de 7