Neste artigo, explicamos como criar e personalizar um e-mail de confirmação de pedido que será enviado a partir de um fluxo de trabalho.

❗️ Nota importante para usuários do WooCommerce

Se você usa o plug-in Brevo para WooCommerce e deseja enviar seu e-mail de confirmação de pedido diretamente via WooCommerce (e não por meio de um fluxo de trabalho), confira nosso artigo dedicado: Plug-in WooCommerce - Crie um e-mail de confirmação de pedido para enviar via WooCommerce. Os placeholders usados para personalizar o modelo de e-mail não são os mesmos indicados neste artigo.

Antes de começar

Certifique-se de ter instalado o rastreador Brevo em seu site, adicionado a função Identify (Identificar) ao script e criado os eventos de rastreamento.
Observe que se seus clientes bloquearem cookies de terceiros ou usarem bloqueadores de anúncios/scripts, eles não serão identificados pelo rastreador Brevo. Isso significa que eles não receberão seus e-mails de confirmação de pedido quando fizerem compras em seu site.

⚙️ Etapa 1: crie o modelo de e-mail de confirmação do pedido

💡 É bom saber

As configurações do seu modelo de e-mail (linha de assunto, pré-visualização do texto, E-mail de, etc.) serão aplicadas todas as vezes que ele for enviado via seu fluxo de trabalho de confirmação de pedido.

Para criar seu modelo de e-mail de confirmação de pedido:

Vá para Campaigns > Templates (Campanhas > Modelos).
Clique em New Template (Novo modelo) para criar um novo modelo de e-mail.
Defina as configurações da mesma forma que um modelo de e-mail comum.
Nota: você pode personalizar a linha de assunto e a pré-visualização do texto do e-mail usando atributos de contato.
Clique em Next Step (Próxima etapa).

🎨 Etapa 2: crie seu modelo de e-mail de confirmação de pedido

Um e-mail de confirmação de pedido deve incluir um cabeçalho com o nome e logo da empresa, um rodapé com o endereço físico da empresa, informações de contato e de copyright e um link para sua política de privacidade.

Projete seu modelo arrastando e soltando blocos de conteúdo no layout do modelo para adicionar eformatar texto, imagens, botões e outros elementos de design.

🖋️ Etapa 3: personalize o modelo de e-mail de confirmação do pedido

Um ótimo design de e-mail é importante, mas os e-mails de confirmação de pedido também devem ser personalizados para o cliente para quem você está enviando o e-mail. Você pode personalizar seu e-mail de confirmação de pedido dirigindo-se aos clientes pelo nome e incluindo os detalhes do pedido, como os produtos adquiridos, o total do pedido e o endereço de entrega e cobrança.

Para preencher os e-mails enviados com esses dados, você deve inserir placeholders para atributos de contato e dados do pedido no seu modelo.

Insira placeholders para atributos de contato

Você pode personalizar seu modelo de e-mail de confirmação de pedido usando atributos de contato armazenados em sua lista de contatos do Brevo. Cada atributo descreve um tipo de informação que você salva sobre seus contatos, como nome, endereço de e-mail, número de telefone, sexo etc. Personalizar seu modelo de e-mail inserindo espaços reservados para atributos de contato permitirá que os dados sejam substituídos pelo nome do seu comprador, cor favorita ou qualquer outra informação útil.

No nosso exemplo abaixo, incluímos uma personalização do primeiro nome do contato usando o espaço reservado {{ contact.FIRSTNAME }}.

Para mais informações sobre a personalização de e-mails usando atributos de contato, leia Personalize seu e-mail com atributos de contato.

Insira placeholders para dados do pedido

Para inserir dados sobre o pedido do cliente (preço, endereço de envio, produtos comprados etc.), você deve inserir os placeholders correspondentes em seu modelo de e-mail.

O método usado para criar seus eventos de rastreio pré-determina os placeholders para dados do pedido:

Se seus eventos de rastreio foram criados automaticamente usando um plug-in Brevo, os placeholders são padronizados. Para saber se seu plug-in cria eventos de rastreio automaticamente, confira nosso artigo dedicado Que plug-ins Brevo criam automaticamente eventos de rastreio?.
Se você ou um desenvolvedor tiverem criado seus eventos de rastreio manualmente, você deverá criar sua própria lista de placeholders disponíveis para uso em seu modelo de e-mail. Esses placeholders serão definidos pela estrutura do seu evento de trilha e pelo nome do seu array. Por padrão, o nome da matriz da Brevo é "items".

Lista de placeholders padronizadas para dados de pedidos

Aqui está a lista dos principais placeholders padronizados que você poderá inserir em seu modelo de e-mail caso seus eventos de rastreio tenham sido criados automaticamente usando um plug-in Brevo.

Dados de itens

Placeholders de dados de items são usados para personalizar e-mails com os dados dos produtos comprados por um cliente. Por exemplo, se quiser adicionar o nome e o preço dos produtos que foram comprados, você deverá adicionar os placeholders {{ item.name }} e {{ item.price }} em seu modelo de e-mail. Esses placeholders serão então substituídos pelos dados de cada produto no momento em que o e-mail for enviado.

Descrição	Placeholders para dados de itens
Nome	{{ item.name }}
SKU	{{ item.sku }}
Categoria	{{ item.category }}
ID	{{ item.id }}
Nome da variação do produto (os valores serão separados por vírgulas se houver vários)	{{ item.variant_name }}
ID da variação do produto	{{ item.variant_id }}
Preço	{{ item.price }}
Quantidade	{{ item.quantity }}
Link da vitrine do item comprado	{{ item.url }}
Imagem	{{ item.image }}

Dados de detalhes do pedido

Os placeholders de dados de detalhes do pedido são usados para personalizar e-mails com os dados do pedido feito por um cliente. Por exemplo, se quiser adicionar o subtotal, o desconto e o preço total do pedido, você deve adicionar os placeholders {{ params.subtotal }}, {{ params.discount }} e {{ params.revenue }} no modelo de e-mail. Esses placeholders serão substituídos pelos dados do pedido no momento que o e-mail for enviado.

Descrição	Placeholders para dados de detalhes do pedido
ID do pedido	{{ params.id }}
Data	{{ params.date }}
Subtotal	{{ params.subtotal }}
Desconto	{{ params.discount }}
Taxas de envio	{{ params.shipping }}
Total antes de impostos	{{ params.total_before_tax }}
Imposto	{{ params.tax }}
Total do pedido	{{ params.revenue }}
Moeda	{{ params.currency }}
URL do resumo do pedido	{{ params.url }}

Dados de envio e cobrança

Os placeholders de dados de remessa e faturamento são usados para personalizar e-mails com os dados de remessa e faturamento do cliente que fez um pedido. Por exemplo, se quiser adicionar o nome, o sobrenome e o endereço de entrega do cliente, você deve adicionar os placeholders {{ params.shipping_address.firstname }}, {{ params.shipping_address.lastname }} e {{ params.shipping_address.address1 }} no modelo de e-mail. Esses placeholders serão substituídos pelos dados de remessa e faturamento do cliente no momento em que o e-mail for enviado.

Descrição	Placeholders para dados de cobrança	Placeholders para dados de envio
Nome	{{ params.billing_address.firstname }}	{{ params.shipping_address.firstname }}
Sobrenome	{{ params.billing_address.lastname }}	{{ params.shipping_address.lastname }}
Empresa	{{ params.billing_address.company }}	{{ params.shipping_address.company }}
Número de telefone	{{ params.billing_address.phone }}	{{ params.shipping_address.phone }}
Endereço 1	{{ params.billing_address.address1 }}	{{ params.shipping_address.address1 }}
Endereço 2	{{ params.billing_address.address2 }}	{{ params.shipping_address.address2 }}
Cidade	{{ params.billing_address.city }}	{{ params.shipping_address.city }}
País	{{ params.billing_address.country }}	{{ params.shipping_address.country }}
Estado	{{ params.billing_address.state }}	{{ params.shipping_address.state }}
CEP	{{ params.billing_address.zipcode }}	{{ params.shipping_address.zipcode }}

Recomendamos a formatação de números usando o filtro floatformat.

Aqui está um exemplo de como você pode usar placeholders de dados do pedido em seu modelo de e-mail de confirmação de pedido:

Insira placeholders para imagens do produto

Para inserir imagens do produto em seu modelo de e-mail usando o editor de arrastar e soltar:

Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
Clique no bloco de imagem para abrir as configurações da imagem.
No campo Insert from URL (Inserir de URL), insira o placeholder da imagem do produto.

Insira placeholders para links do produto ou do carrinho

Adicionar um link a uma imagem

Para adicionar um link para uma imagem usando o editor de arrastar e soltar:

Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
Mova o cursor do mouse sobre o bloco de imagem.
Clique no ícone do link.
No campo Link target (Destino do link), insira o placeholder do URL.

Adicione um link para texto

Para adicionar um link para texto usando o editor de arrastar e soltar:

1. Destaque o texto que quer transformar em URL.
2. Clique no ícone do link.
3. No campo Link target (Destino do link), insira o placeholder do URL.

❗️ Importante

Se você adicionou marcadores de lugar para exibir vários produtos ou conteúdos em uma linha, você deve habilitar o recurso de Repetir bloco para garantir que seu modelo de e-mail possa exibir vários produtos e interpretar os dados enviados por seu site para a Brevo. Para isso, siga as instruções na seção abaixo Etapa 4: exiba e interprete os dados do pedido.

🧐 Etapa 4: exiba e interprete os dados do pedido

Depois de adicionar seus placeholders ao seu modelo de e-mail, habilite o recurso Repeatable content (Conteúdo repetível) para cada seção que contém um placeholder para dados de itens para garantir que seu modelo de e-mail possa exibir vários produtos e interpretar os dados enviados pelo seu site para a Brevo.

Para exibir e interpretar os dados dos items usando o editor de arrastar e soltar:

No seu modelo de e-mail, clique na seção que contém espaços reservados para dados de itens.
No painel lateral, abra a seção Repeatable content (Conteúdo repetível).
Na janela pop-up Repeat block (Repetir bloco), insira as seguintes informações:
- No campo Repeat for (Repetir por), insira a versão plural de sua variável, por exemplo, para a seção que contém o placeholder {{ item.name }}, o parâmetro é items. Se você conectou seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, items.
- No campo Variable alias (Alias da variável), insira a primeira palavra no placeholder, por exemplo, para a seção que contém {{ item.name }}, a variável é item. Se você conectou seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, item.
Se necessário, ajuste um limite para o número de itens exibidos em seu e-mail no campo Limit (Limite).
Clique em Add conditions (Adicionar condições).

Se você não estiver usando um plug-in da Brevo ou se estiver usando outros parâmetros transacionais, poderá encontrar essas informações no seu log de eventos. Saiba como encontrar estes dados em nosso artigo Como personalizar seus e-mails usando parâmetros transacionais.

Para saber mais sobre o recurso Repeatable content (Conteúdo repetível), leia Repita um bloco de itens em seus e-mails.

🧪 Etapa 5: teste seu e-mail

💡 É bom saber

Certifique-se de ter adicionado o endereço de e-mail que está usando para testar seu e-mail como um contato em sua conta Brevo. Seus atributos de contato serão usados para preencher os dados de cada placeholder. Em geral, recomendamos o uso de uma lista de teste.

É uma boa prática enviar um e-mail de teste para garantir que todos os placeholders em seu modelo de e-mail estejam sendo preenchidos corretamente. Mas observe que apenas os atributos de contato serão substituídos com esse teste.

A única maneira de conferir se seus placeholders de dados do pedido funcionam corretamente é testar em um cenário real: salve e ative o modelo de e-mail. Use-o em seu fluxo de trabalho de confirmação de pedido e compre alguns produtos. Você deve receber o e-mail de confirmação do pedido com os placeholders substituídos pelos dados do pedido.

Aqui está um exemplo de como seus placeholders de dados de pedido devem ser substituídos quando seu e-mail de confirmação de pedido for enviado:

✅ Etapa 6: ative o modelo de e-mail

Quando terminar de criar o modelo de e-mail de confirmação do pedido, clique em Save & Activate (Salvar e ativar). Agora você será capaz de selecioná-lo em seu fluxo de trabalho de confirmação de pedido.

🔨 Etapa 7: crie seu fluxo de trabalho de confirmação de pedido

Agora que você criou seu modelo de e-mail de confirmação de pedido, a próxima etapa é criar seu fluxo de trabalho de confirmação de pedido para enviar automaticamente um e-mail quando um contato fizer uma compra em seu site!

Para saber como criar um fluxo de trabalho de conformação de pedido, consulte Confirmação de pedido - Parte 2: como configurar um fluxo de trabalho de confirmação de pedido.

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