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.
Antes de começar
- Certifique-se de ter instalado o rastreador Sendinblue em seu site, adicionado a função Identificação ao script e criado os eventos de rastreio.
- A fim de criar um modelo de e-mail de confirmação de pedido, você deve habilitar nossa Nova linguagem de modelo em sua conta. Se tiver criado sua conta Sendinblue depois de 1º de outubro de 2018, você já está usando nosso recurso mais atualizado.
⚙️ Etapa 1: crie seu modelo de e-mail de confirmação de pedido
Para criar seu modelo de e-mail de confirmação de pedido:
- Acesse Campanhas > Modelos.
- Clique em Novo modelo para criar um novo modelo de e-mail.
- 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. - 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.
Para criar o design de seu modelo de e-mail:
- Selecione o editor que deseja usar (Novo editor arraste e solte ou Editor arraste e solte clássico).
- 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
🖋️ 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 Sendinblue. 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.
Em nossos exemplos abaixo, incluímos uma personalização do nome do contato, usando o placeholder {{ contact.FIRSTNAME }}.
| Novo editor arraste e solte | Editor arraste e solte clássico |
 |
 |
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 Sendinblue, os placeholders são padronizados. Para saber se seu plug-in cria eventos de rastreio automaticamente, confira nosso artigo dedicado Quais plug-ins Sendinblue 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 Sendinblue é "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 Sendinblue.
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:
Insira placeholders para imagens do produto
No Novo editor arraste e solte
Para inserir imagens do produto em seu modelo de e-mail usando o Editor arraste e solte (Novo):
- 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 Inserir de URL, insira o placeholder da imagem do produto.
No Editor arraste e solte clássico
Para inserir imagens do produto em seu modelo de e-mail usando o Editor arraste e solte (Clássico):
- 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 de imagem.
- No campo Da URL, insira o placeholder da imagem do produto.
Insira placeholders para links do produto ou do carrinho
No Novo editor arraste e solte
Adicione um link para uma imagem
Para adicionar um link para uma imagem usando o Editor arraste e solte (Novo):
- Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
- Passe o mouse sobre o bloco de imagem.
- Clique no ícone link.
- No campo Link alvo, insira o placeholder da URL.
Adicione um link para texto
Para adicionar um link para texto usando o Editor arraste e solte (Clássico):
-
- Destaque o texto que quer transformar em uma URL.
- Clique no ícone link.
- No campo Link alvo, insira o placeholder da URL.
No Editor arraste e solte clássico
Adicione um link para uma imagem
Para adicionar um link para uma imagem usando o Editor arraste e solte (Clássico):
- Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
- Clique no espaço da imagem para abrir as configurações da imagem.
- No campo Link das configurações da imagem, insira o placeholder da URL.
Adicione um link para texto
Para adicionar um link para texto usando o Editor arraste e solte (Clássico):
- Destaque o texto que deseja transformar em uma URL.
- Clique no ícone link.
- No campo URL das configurações da imagem, insira o placeholder da URL.
🧐 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 Sendinblue.
No Novo editor arraste e solte
Para exibir e interpretar seus dados items usando o Editor arraste e solte (Novo):
- Passe o mouse sobre o bloco que contenha placeholders para dados items.
- Clique no ícone Repetir bloco.
- 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 à Sendinblue 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 à Sendinblue 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 Limite.
- Clique em Adicionar Loop.
Se não estiver usando um plug-in Sendinblue 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.
No Editor arraste e solte clássico
Para exibir e interpretar seus dados items usando o Editor arraste e solte (Clássico):
- Selecione um bloco que contenha placeholders para dados items
- Clique no recurso Repetir bloco na coluna configurações
- Debaixo do recurso Repetir bloco, nos campos Nomes da variável e Que parâmetros contêm os atributos envolvidos?, insira as seguintes informações:
- variável: a primeira palavra em seu placeholder, ex.: para a seção contendo {{ item.name }} a variável é item. Se tiver conectado seu site à Sendinblue usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, item.
- parâmetro: 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 à Sendinblue usando um de nossos plug-ins, o nome da matriz da variável é, por padrão, items.
- Se necessário, ajuste um limite para o número de itens exibidos em seu e-mail no campo Limite.
Se não estiver usando um plug-in Sendinblue ou se estiver usando outros parâmetros transacionais, você pode encontrar estas informações em seus logs 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 Repetir bloco, leia Como repetir um bloco de itens em seus e-mails.
🧪 Etapa 5: teste seu e-mail
É 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:
✅ 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?
- Confirmação de pedido - Parte 2: como configurar um fluxo de trabalho de confirmação de pedido
- Plug-in WordPress - Instalação e configuração
🤔 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.