Pular para o conteúdo principal

Confirmação de pedido - Parte 1: como criar um modelo de e-mail de confirmação de pedido

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 WooCommerce
Se estiver usando o plug-in Brevo para WooCommerce e quiser 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 - como criar 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

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

💡 Dica
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:

  1. Acesse Campanhas > Modelos.
  2. Clique em Novo modelo para criar um novo modelo de e-mail.
  3. Configure as configurações como um modelo de e-mail comum.
    Observação: você pode personalizar a linha de assunto e a pré-visualização do texto do e-mail usando atributos de contato.
  4. Clique em Próxima etapa.

🎨 Etapa 2: crie o design do 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 a 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.

Crie o design do seu modelo arrastando e soltando blocos de conteúdo no layout do seu modelo para adicionar e formatar textos, imagens, botões e outros elementos de design.

mceclip0.png

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

Um bom design é importante, mas e-mails de confirmação de pedido também devem ser personalizados para o cliente a quem eles se destinam. Você pode personalizar seu e-mail de confirmação de pedido dirigindo-se aos seus clientes pelo nome e incluindo detalhes do pedido, como os produtos comprados, o valor total do pedido e os endereços de envio e cobrança.

A fim de preencher os e-mails enviados com estes dados, você deve inserir placeholders para atributos de contato e dados do pedido em seu modelo.

Insira placeholders para atributos de contatos

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

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

mceclip5.png

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 (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 Quais plug-ins Brevo criam eventos de rastreio automaticamente?.
  • Se você ou um desenvolvedor tiver criado seus eventos de rastreio manualmente, você deve criar sua própria lista de placeholders disponíveis para uso em seu modelo de e-mail. Estes placeholders serão definidos pela estrutura de seus eventos de rastreio e pelo nome de sua matriz. Por padrão, o nome da matriz da Brevo é "items".

Lista de placeholders padronizadas para dados do pedido

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

Dado items

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 comprados, você deve adicionar os placeholders {{ item.name }} e {{ item.price }} em seu modelo de e-mail. Estes placeholders serão então substituídos por cada produto no momento do envio do e-mail.

Descrição Placeholders para dados de items
Nome {{ item.name }}
SKU {{ item.sku }}
Categoria {{ item.category }}
ID {{ item.id }}
Nome da variação do produto (valores sã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

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, desconto e preço total do pedido, você deve adicionar os placeholders {{ params.subtotal }}, {{ params.discount }}, e {{ params.revenue }} em seu modelo de e-mail. Estes placeholders serão então substituídos pelos dados do pedido no momento do envio do e-mail.

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 do imposto {{ 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

Placeholders de dados de envio e cobrança são usados para personalizar e-mails com os dados de envio e cobrança do cliente que fez o pedido. Por exemplo, se quiser adicionar o nome, sobrenome e endereço de envio, você deve adicionar os placeholders {{ params.shipping_address.firstname }}, {{ params.shipping_address.lastname }}, e {{ params.shipping_address.address1 }} em seu modelo de e-mail. Estes placeholders serão então substituídos pelos dados de envio e cobrança do cliente no momento de envio do e-mail.

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 do pedido:

mceclip0.png

Insira placeholders para imagens do produto

Para inserir imagens do produto em seu modelo de e-mail usando o Editor arraste e solte:

  1. Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
    mceclip6.png
  2. Clique no bloco de imagem para abrir as configurações da imagem.
  3. No campo Inserir de URL, insira o placeholder da imagem do produto.
    mceclip8.png

Insira placeholders para links do produto ou do carrinho

Adicione um link para uma imagem

Para adicionar um link para uma imagem usando o Editor arraste e solte:

  1. Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
    mceclip6.png
  2. Passe o mouse sobre o bloco de imagem.
  3. Clique no ícone link.
  4. No campo Link alvo, insira o placeholder da URL.
    2021-09-01_16-24-43__1_.png

Adicione um link para texto

Para adicionar um link para texto usando o Editor arraste e solte:

    1. Destaque o texto que quer transformar em uma URL.
    2. Clique no ícone link.
    3. No campo Link alvo, insira o placeholder da URL.
      2021-09-01_16-28-34__1_.png
❗️ Importante 
Se você adicionou marcadores de lugar para exibir vários produtos ou conteúdos em uma linha, você deve habilitar o recurso 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 em seu modelo de e-mail, você deve habilitar o recurso Repetir bloco para cada seção que contenha um placeholder para dados items, 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 exibir e interpretar seus dados items usando o Editor arraste e solte:

  1. Passe o mouse sobre o bloco que contenha placeholders para dados items.
  2. Clique no ícone Repetir bloco.
    mceclip1__1_.png
  3. Na janela pop-up Repetir bloco, insira as seguintes informações:
    • No campo Repetir para, insira a versão plural de sua variável, ex.: para a seção contendo o placeholder {{ item.name }} o parâmetro é items. Se tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, items.
    • No campo Variable alias, insira a primeira palavra em seu placeholder, ex.: para a seção contendo {{ item.name }} a variável é item. Se tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, item.
      mceclip4__2_.png
  4. Se necessário, ajuste um limite para o número de itens exibidos em seu e-mail no campo Limite.
  5. Clique em Adicionar Loop.

Se não estiver usando um plug-in Brevo ou se estiver usando outros parâmetros transacionais, você pode encontrar esta informação nos logs de seus eventos. Saiba como encontrar estes dados em nosso artigo Como personalizar seus e-mails usando parâmetros transacionais.

Para saber mais sobre o recurso Repetir bloco, leia Como repetir um bloco de itens em seus e-mails.

🧪 Etapa 5: teste seu e-mail

💡 Dica
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, aconselhamos usar uma lista de teste.

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

A única maneira de conferir se seus placeholders de dados do pedido funcionam corretamente é testando 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, assim, receber um e-mail de confirmação de pedido com os placeholders substituídos pelos dados do seu pedido.

Aqui está um exemplo de como seus placeholders de dados do pedido devem ser substituídos uma vez que seu e-mail de confirmação de pedido é enviado:

2021-09-02_17-04-06.png

✅ Etapa 6: ative o modelo de e-mail

Uma vez tendo terminado de criar seu modelo de e-mail de confirmação de pedido, clique em Salvar e ativar. Agora você será capaz de selecioná-lo em seu fluxo de trabalho de confirmação de pedido.

🔨 Etapa 7: construa 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 é construir 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 construir um fluxo de trabalho de conformação de pedido, confira 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.

💬 Este artigo foi útil?

Utilizadores que acharam útil: 0 de 2