Personalize o conteúdo do seu e-mail com dados em tempo real (feed de dados)

Personalize seus e-mails usando dados em tempo real para obter conteúdo mais relevante e envolvente. O feed de dados do Brevo extrai as informações mais recentes de suas fontes externas ou API e entrega conteúdo personalizado no momento do envio. Use-o para atualizações de inventário, lembretes ou recomendações, por exemplo, para entregar mensagens oportunas e personalizadas.

Quais e-mails podem ser personalizados com feeds de dados? 

Feeds de dados podem ser usados em: 

  • E-mails promocionais e boletins informativos enviados pelas campanhas.
  • E-mails automatizados enviados por automação. 
  • E-mails transacionais acionados em um site por meio de um plug-in de comércio eletrônico ou API.

Antes de começar

  • Aprenda tudo sobre feeds de dados em nosso artigo dedicado Sobre feeds de dados no Brevo.
  • Crie o feed de dados que você usará para personalizar o conteúdo do seu e-mail. Para saber mais, consulte nosso artigo dedicado Criar um feed de dados.
  • Crie um modelo de e-mail ou campanha no qual você deseja inserir suas variáveis de feed de dados e acesse a etapa Design. Os feeds de dados podem ser inseridos nos e-mails projetados com o editor de e-mail de arrastar e soltar ou editor de HTML. 

Variáveis de feed de dados repetíveis x não repetíveis

datafeed_variable-replaced-repeat-not-repeat_en-us.gif

datafeed_structure-nextyogaclasses_en-us.png

Para inserir variáveis de feed de dados em seu e-mail, primeiro você precisa se perguntar se esses dados são: 

  1. Dados de objeto único (não repetíveis)
    Esses dados são um objeto único na raiz do feed de dados, diretamente acessível. São os dados que representam a entidade mais relevante, imediata ou contínua. No nosso exemplo acima, next_yoga_class é o objeto raiz que contém apenas um objeto, pois há apenas uma próxima classe imediata. Esses dados podem ser inseridos diretamente no seu e-mail.
    ➡️ Siga as etapas de Etapa 2: insira variáveis de feed de dados no conteúdo do seu e-mail.
  2. Dados de lista/matriz (repetíveis)
    Os dados armazenados em uma matriz representam diversas ocorrências passadas ou futuras de entidades semelhantes, todas armazenadas em um objeto separado. No nosso exemplo acima, following_classes é uma matriz que contém vários itens, todos armazenados como um objeto separado, já que pode haver várias classes futuras programadas. Para inserir esses dados, você precisa usar um bloco de conteúdo dinâmico para percorrer a lista e repetir cada item armazenado.
    ➡️ Siga as etapas da Etapa 1: insira um bloco de conteúdo dinâmico para repetir dados.

Etapa 1: insira um bloco de conteúdo dinâmico para repetir dados

Se você quiser inserir dados não repetíveis, siga diretamente a Etapa 2: insira variáveis de feed de dados no conteúdo do seu e-mail. Entretanto, se quiser fazer um loop dos seus dados para criar uma lista de itens no design do e-mail, primeiro você precisa inserir um bloco de conteúdo dinâmico.

No nosso exemplo, queremos uma seção no final do nosso e-mail para propor outras aulas de ioga futuras, caso o destinatário não esteja disponível para a primeira aula disponível:

  1. No editor de e-mail, arraste e solte o bloco de conteúdo dinâmico em sua tela. As configurações do bloco são abertas no painel esquerdo.
  2. No menu suspenso Data source (Fonte de dados), clique em Data feed (Feed de dados).
    💡 É bom saber
    Você poderá selecionar uma fonte de dados diferente para cada bloco de conteúdo dinâmico dentro do design do seu e-mail. 
  3. Escolha o feed de dados que você deseja usar para personalizar seu e-mail (por exemplo, yoga_classes).

  4. Escolha a matriz específica onde as variáveis de dados são armazenadas (por exemplo, following_classes).
    dde_choose-data-feed_en-us.gif

  5. Por padrão, limitamos o número de itens a serem repetidos a 3, mas você pode alterá-lo a qualquer momento. Em nosso exemplo, queremos limitar o número de próximas aulas de ioga exibidas para 4: 
    datafeed_limit-items_en-us.png
    1. Nas configurações do bloco de conteúdo dinâmico, no painel esquerdo, abra a seção Layout.
    2. A opção Limit number of items (Limitar número de itens) deve ser ativada por padrão. 
    3. Nos campos Number of items (Número de itens), clique em +/- ou digite o número máximo de vezes que o bloco de conteúdo dinâmico deve ser repetido. Em nosso exemplo, vamos inserir 4
    4. Opcional: por padrão, Index (Índice) é definido como 0. O índice determina a posição dos elementos na matriz e começa no índice 0 para o primeiro elemento, 1 para o segundo e assim por diante. Para iniciar sua lista a partir do segundo item, digite 1. 

Parabéns! 🎉 Agora todas as variáveis de feed de dados que você inserir no seu e-mail serão colocadas em loop para criar uma lista de itens, como uma lista de produtos, eventos e muito mais! Quando um bloco de conteúdo dinâmico é inserido, a seção e os blocos de conteúdo correspondentes apresentam um banco de dados e um ícone de chaves:

datafeed_repatable-data-text_en-us.png

Etapa 2: insira variáveis de feed de dados no conteúdo do seu e-mail

Escolha os dados a serem incluídos no seu e-mail adicionando variáveis de feed de dados a ele. Quando o e-mail for enviado, essas variáveis serão substituídas pelas informações relevantes de cada destinatário.

  1. Insira os blocos de conteúdo que você deseja usar para exibir os dados do seu feed de dados. Por exemplo, você pode usar:
    • Um bloco de imagem para mostrar uma imagem dos itens ou relacionada a eles.
    • Um bloco de texto para exibir detalhes, como nomes de aula, locais ou datas em nosso exemplo.
    • Um botão para redirecionar para um URL, como o formulário de inscrição ou a programação de eventos em nosso exemplo. 
      datafeed_insert-content-blocks_en-us.gif
  2. Adicione variáveis de evento dentro dos seus blocos de conteúdo. Expanda os itens a seguir para aprender como adicionar variáveis para cada tipo de conteúdo:

    🔠 Adicionar uma variável ao texto

    Adicione uma variável dentro de um bloco de conteúdo contendo texto para exibir detalhes específicos relacionados a um item, como nome, local ou data.

    1. Clique em um bloco de conteúdo contendo texto (blocos de Título, Texto ou Botão).
    2. Coloque o cursor onde você deseja adicionar uma variável.
    3. Clique no ícone Add variable (Adicionar variável) { } na barra de formatação.
      datafeed_text_variable_en-us.png
    4. No menu suspenso Which attribute would you like to insert? (Qual atributo você gostaria de inserir?),selecione a variável que deseja incluir no e-mail ("class_name", "studio_location" etc.).
      Para inserir uma variável de feed de dados não repetível, você precisa selecionar Data feeds > feed name > object name > variable (Feeds de dados > nome do feed > nome do objeto > variável) e então a variável, no nosso exemplo, seria Data feed (Feeds de dados) > yoga_classes > next_yoga_class > class_name.   
      datafeed_choose-attribute-text_en-us.png
    5. (Opcional) No campo Which value should be used if the attribute is empty? (Qual valor deve ser usado se o atributo estiver vazio?), insira o texto de fallback a ser usado caso o valor esteja faltando para uma variável de feed de dados.
    6. Clique em Insert (Inserir). A variável será inserida e uma etiqueta aparecerá no seu bloco de conteúdo.
    7. Repita as etapas para cada variável que você deseja adicionar ao texto.

    datafeed_repatable-data-text_en-us.png

    🖼️ Adicionar uma variável a uma imagem

    Adicione uma variável a um bloco de imagem para exibir a imagem associada a um item, como uma foto de evento.

    1. Clique em um bloco de imagem.
    2. Na barra lateral, vá para Image settings (Configurações de imagem).
    3. No campo Insert image from URL (Inserir imagem do URL), clique no ícone Add variable (Adicionar variável) { }.
    4. Selecione a variável que você deseja usar para exibir sua imagem.
      datafeed_repatable-data-image_en-us.png
    5. Para inserir uma variável de feed de dados não repetível, você precisa selecionar Data feeds > feed name > object name > variable (Feeds de dados > nome do feed > nome do objeto > variável) e então a variável, no nosso exemplo, seria Data feeds (Feeds de dados) > yoga_classes > next_yoga_class > image.
    🔗 Adicionar uma variável como um hiperlink no texto

    Adicione uma variável como um hiperlink no texto para direcionar os destinatários ao URL associado a um item, como um formulário de registro ou uma página de programação de eventos.

    1. Clique em um bloco de conteúdo contendo texto (blocos de título ou texto).
    2. Realce o texto onde você deseja adicionar o link.
    3. Clique no ícone Link 🔗 na barra de formatação.
      datafeed_highlight-text_en-us.png
    4. No campo Link target (Destino do link), clique no ícone Add variable (Adicionar variável) { }.
    5. Selecione a variável que você deseja usar para gerar seu link.
      Para inserir uma variável de feed de dados não repetível, você precisa selecionar Data feeds > feed name > object name > variable (Feeds de dados > nome do feed > nome do objeto > variável e então a variável, no nosso exemplo, seria Data feeds (Feeds de dados) > yoga_classes > next_yoga_class > url.   
    6. Clique em Insert (Inserir).
    🔗 Adicionar uma variável como um hiperlink em uma imagem

    Adicione uma variável como um hiperlink em uma imagem para direcionar os destinatários ao URL associado a um item, como uma página de evento.

    1. Clique em um bloco de imagem.
    2. Na barra lateral, vá para Link settings (Configurações de link).
      dde_add-variable-image_en-us.png
    3. No campo Link target (Destino do link), clique no ícone Add variable (Adicionar variável) { }.
    4. Selecione a variável que você deseja usar para gerar seu link.
      Para inserir uma variável feed de dados não repetível, você precisa selecionar Data feeds > feed name > object name > variable (Feeds de dados > nome do feed > nome do objeto > variável) e então a variável, no nosso exemplo, seria Data feeds (Feeds de dados) > yoga_classes > next_yoga_class > url
    5. Clique em Insert (Inserir).
    🔗 Adicionar uma variável como um hiperlink em um botão

    Adicione uma variável como um hiperlink em um botão para direcionar o destinatário ao URL associado a um item, como uma página de produto.

    1. Clique em um bloco de botão dentro de um bloco de conteúdo dinâmico.
    2. Na barra lateral, vá para Link settings (Configurações de link).
      dde_add-variable-button_en-us.png
    3. No campo Link target (Destino do link), clique no ícone Add variable (Adicionar variável) { }.
    4. Selecione a variável que você deseja usar para gerar seu link.
      Para inserir uma variável feed de dados não repetível, você precisa selecionar Data feeds > feed name > object name > variable (Feeds de dados > nome do feed > nome do objeto > variável) e então a variável, no nosso exemplo, seria Data feeds (Feeds de dados) > yoga_classes > next_yoga_class > url.   
    5. Clique em Insert (Inserir).

(Opcional) Etapa 3: mostrar ou ocultar conteúdo com base em condições específicas

Personalize ainda mais seu e-mail exibindo ou ocultando dinamicamente elementos de conteúdo com base em condições específicas. Isso garante que somente conteúdo relevante seja exibido para cada destinatário, com base em atributos, dados de evento ou tipo de dispositivo.

Expanda os itens a seguir para ver exemplos de como você pode controlar a visibilidade de conteúdo em seus e-mails:

👤 Atributos de contato

Mostre ou oculte conteúdo com base nas informações armazenadas no atributo de contato do destinatário.

➡️  Por exemplo
Se o atributo "LEVEL" de um contato for definido como "BEGINNER", exiba uma seção de produtos de ioga para iniciantes, enquanto oculta essa seção para um usuário com um nível diferente.

➡️ Para saber mais, confira nosso artigo dedicado Mostrar ou ocultar conteúdo com base em atributos de contato.

📱 Tipo de dispositivo

Mostre ou oculte conteúdo com base no tipo de dispositivo do destinatário (celular ou desktop).

➡️  Por exemplo
Mostre um banner compatível com dispositivos móveis para usuários de smartphones e exiba uma imagem mais ampla para usuários de desktop.

➡️ Para saber mais, confira nosso artigo dedicado Mostrar ou ocultar conteúdo com base no tipo de dispositivo.

Etapa 4: pré-visualização e teste de seu e-mail personalizado com variáveis de feed de dados

Para garantir que o conteúdo do seu e-mail seja exibido corretamente na caixa de entrada do destinatário, é altamente recomendável pré-visualizar e testar seu e-mail antes de enviá-lo.

Clique na guia abaixo correspondente ao método com o qual você deseja testar seu e-mail:

Pré-visualização Enviar um teste
  1. Quando o design do e-mail estiver pronto, clique em Preview & test (Pré-visualizar e testar) na barra superior do editor de e-mail.
  2. Permaneça na guia Preview (Pré-visualização).
  3. No campo Who would you like to preview this email as? (Como você gostaria de visualizar este e-mail?), comece a digitar um dos endereços de e-mail do seu contato e selecione-o. 
    dde_preview-datafeed-email_en-us.png
  4. A pré-visualização para esse contato é gerada automaticamente à esquerda da tela. Se você criou um feed de dados personalizado, insira outro endereço de e-mail para verificar como o e-mail será exibido para cada contato de acordo com o atributo de contato. 

Parabéns! 🎉 Agora você pode usar seu e-mail em suas automações ou enviar campanhas de e-mail contendo dados ao vivo de seu feed de dados.

Modelo de e-mail E-mail na caixa de entrada dos destinatários
emailfeed2.png emailfeed1.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 à agência parceira da Brevo certa.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 1 de 7