Mostre ou oculte conteúdo com base em conteúdo repetível

💡 É bom saber
Nossa opção Repeat block (Repetir bloco)  agora se chama Repeatable content (Conteúdo repetível). A opção Repeatable content (Conteúdo repetível) pode ser usada somente em Sections (Seções).

A Brevo permite criar modelos de e-mail e campanhas que exibem elementos de conteúdo exclusivos para diferentes destinatários, dependendo das condições que você definir.

Dividimos este tópico em três artigos. Neste primeiro artigo, explicaremos como mostrar ou ocultar conteúdo com base em conteúdo repetível.

Antes de começar

Exiba conteúdo específico para diferentes destinatários com base em conteúdo repetível

A visibilidade de conteúdo com base em conteúdo repetível permite exibir um conteúdo específico (imagem, título, texto, seção etc.) com base nas condições definidas para um conteúdo repetível.

Ao usar a opção Repeatable content (Conteúdo repetível) em uma campanha ou modelo de e-mail, você pode optar por exibir o conteúdo quando as condições da seção forem atendidas. Isso é muito útil quando você deseja exibir um conteúdo repetível apenas se ele contiver os elementos desejáveis.

Vamos imaginar que queremos criar um e-mail confirmando quando os itens de um pedido foram enviados, incluindo a opção de listar separadamente todos os itens em espera. Este e-mail conteria:

  • Uma lista com os itens que foram enviados
  • Uma lista com os itens que estão em espera e serão enviados posteriormente

sample_email.png 

Personalize seu e-mail com base em conteúdo repetível

Para criar o e-mail acima:

  1. Na primeira seção, use o recurso Repeatable content (Conteúdo repetível) para os produtos enviados.
  2. Selecione a seção que deseja mostrar apenas para os destinatários cujo pedido foi enviado. No painel lateral, abra a seção Content visibility (Visibilidade do conteúdo) e clique em + Add condition (+ Adicionar condição).
    enable-block-visibility_EN-US.png
  3. No pop-up Add display conditions (Adicionar condições de exibição), escolha as condições nas quais a seção deve ser exibida:
    1. Para nosso exemplo, queremos mostrar a seção se todas as condições abaixo estiverem definidas como "verdadeiro".
    2. A visibilidade do conteúdo é baseada em parâmetros transacionais.No campo Key (Chave), insira o nome da chave na qual deseja exibir a seção. Em nosso caso, "shipped" ("enviada"). Quando o modelo detectar um valor “yes" ("sim") para essa chave, ele exibirá a lista de seções com todos os produtos enviados. O tipo de parâmetro transacional é booleano e deve ser equal Yes (igual a Sim) para exibir a seção.
    3. Clique em Add condition (Adicionar condição).
      block-visibility-transac_EN-US.png
  4. Em uma segunda seção, use o recurso Repeatable content (Conteúdo repetível) para os produtos pedidos em espera que serão enviados posteriormente.
  5. Selecione a seção que deseja mostrar apenas para os destinatários cujo pedido não foi enviado. No painel lateral, abra a seção Content visibility (Visibilidade do conteúdo) e clique em + Add condition (+ Adicionar condição).
    block-visibility-shipped-later_EN-US.png
  6. No pop-up Add display conditions (Adicionar condições de exibição), escolha as condições nas quais a seção deve ser exibida:
    1. Para nosso exemplo, queremos mostrar a seção se todas as condições abaixo estiverem definidas como "verdadeiro".
    2. A visibilidade do conteúdo é baseada em parâmetros transacionais.No campo Key (Chave), insira o nome da chave na qual deseja exibir a seção. Em nosso caso, "shipped" ("enviada"). Quando o modelo detectar um valor "no" ("não") para essa chave, ele exibirá a lista de seções com todos os produtos encomendados que serão enviados posteriormente. O tipo de parâmetro transacional é booleano e deve ser equal No (igual a Não) para exibir a seção.
    3. Clique em Add condition (Adicionar condição).
      block-visibility-no-boolean_EN-US.png
  7. Agora que você adicionou as condições a cada seção, é necessário substituir os parâmetros da  condição:
    1. Acesse o modo de desenvolvedor
    2. Pressione Ctrl ou ⌘ + F no teclado para exibir a barra de pesquisa e pesquisar a linha de código condition:.
    3. Substitua params por item para aplicar a condição ao nível correto de itens. 
      dvlp-mode_item_EN-US.png
    4. Repita as etapas 2 e 3 para cada linha de código condition:.
    5. Clique no ícone de cruz close-dvlp-mode.jpeg  para fechar o modo de desenvolvedor.

Parabéns! 🎉 Você aplicou a condição de exibição. Quando as condições são inseridas, a borda da seção torna-se verde e mostra um ícone de olho cortado. Clique no ícone se for necessário editar a condição.

Para criar o e-mail de exemplo mostrado acima, colamos o seguinte em nossa chamada API v3 para enviar um e-mail transacional:

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

⏩ O que vem a seguir?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 1 de 9