Bom saber: este plug-in foi desenvolvido pela NopCommerce. Há várias maneiras de obter suporte.
Visão geral
Neste tutorial, você aprenderá como criar um modelo de e-mail de confirmação de pedido e configurar um cenário para manter os compradores engajados. Você também aprenderá quais dados de pedidos do NopCommerce são compatíveis com a plataforma Brevo.
Antes de começar
Você precisará do seguinte:
- Credenciais da conta Brevo. Caso você não tenha uma, registre-se gratuitamente.
- Siga estas etapas para instalar o plug-in do NopCommerce.
1. Criar o modelo de e-mail de confirmação do pedido
Primeiro, entre na sua conta Brevo e vá até Marketing > Templates > Email (Marketing > Modelos > E-mail). Clique no botão New Template (Novo modelo) no canto superior direito.
O modelo de e-mail pode ser personalizado com vários tipos de dados:
Personalize seu e-mail com atributos de contato
Vamos começar personalizando com atributos de contato.
No exemplo abaixo, incluímos uma personalização do:
- nome do destinatário usando {{ contact.FIRSTNAME }}
- sobrenome do destinatário usando {{ contact.LASTNAME }}
Bom saber: FIRSTNAME e LASTNAME já devem ser atributos existentes na sua conta Brevo.
Personalize seu e-mail com os detalhes do pedido
As seguintes variáveis podem ser incluídas diretamente dentro do conteúdo do modelo do Brevo:
| Dados do pedido | Dados do endereço de entrega | Dados de endereço de cobrança |
| {{ params.affiliation }} | {{ params.shipping.firstname }} | {{ params.billing.firstname }} |
| {{ params.currency }} | {{ params.shipping.lastname }} | {{ params.billing.lastname }} |
| {{ params.date }} | {{ params.shipping.company }} | {{ params.billing.company }} |
| {{ params.discount }} | {{ params.shipping.phone }} | {{ params.billing.phone }} |
| {{ params.id }} | {{ params.shipping.address1 }} | {{ params.billing.address1 }} |
| {{ params.revenue }} | {{ params.shipping.address2 }} | {{ params.billing.address2 }} |
| {{ params.shipping }} | {{ params.shipping.city }} | {{ params.billing.city }} |
| {{ params.subtotal }} | {{ params.shipping.country }} | {{ params.billing.country }} |
| {{ params.tax }} | {{ params.shipping.state }} | {{ params.billing.state }} |
| {{ params.total_before_tax }} | {{ params.shipping.zipcode }} | {{ params.billing.zipcode }} |
| {{ params.url }} |
No editor de arrastar e soltar, selecione o bloco desejado que exibirá as informações do pedido e adicione suas variáveis.
Recomendamos formatar números usando floatformat. No exemplo abaixo, adicionamos:
- {{ params.currency | floatformat: 2 }} - A moeda do pedido
- {{ params.subtotal | floatformat: 2 }} - O subtotal do pedido
- {{ params.discount | floatformat: 2 }} - O desconto do pedido
- {{ params.total | floatformat: 2 }} - O total do pedido
Agora vamos personalizar o modelo de e-mail com os itens pedidos. Para isso, estamos usando a Nova Linguagem de Modelo para inserir uma lista dinâmica.
Personalize seu e-mail com os detalhes dos itens pedidos
| Dados de itens | Insira este placeholder no seu modelo |
| Nome | {{ item.name }} |
| SKU | {{ item.sku }} |
| Categoria | {{ item.category }} |
| ID | {{ item.id }} |
| ID da variação do item | {{ item.variant_id }} |
| Nome da variação do item | {{ item.variant_name }} |
| Preço | {{ item.price }} |
| Quantidade | {{ item.quantity }} |
| Link da vitrine do item comprado | {{ item.url }} |
| Imagem | {{ item.image }} |
No editor de arrastar e soltar, selecione o bloco desejado que exibirá os itens comprados.
- Clique no ícone do lápis para editar as configurações para o bloco de design.
- Habilite a opção dynamic list (lista dinâmica).
- No campo parameter (parâmetro), escreva
items. - No campo variable (variável), escreva
item. - Defina o limite para o número de itens que serão exibidos. Por exemplo, se houver 5 itens e você definir 3 como limite, apenas 3 itens serão exibidos no e-mail.
Agora, adicione as variáveis para seu modelo de e-mail. No exemplo acima, adicionamos:
- {{ item.name }} - O nome do item
- {{ item.quantity }} - A quantidade do item
- {{ item.price | floatformat: 2 }} - O preço do item.
Para adicionar o link do item, selecione o botão Call-To-Action (Chamada para ação) (CTA). Na barra lateral direita, em Link, digite {{ item.url }}.
Para adicionar a imagem do item, selecione a imagem. Na barra lateral direita, em Image source (Fonte da imagem), escolha "From URL" (Do URL) e digite {{ item.image }}.
Quando o design estiver concluído, clique no botão verde "Save & Quit" (Salvar e sair). Em seguida, clique no botão "Save & Activate" (Salvar e ativar).
2. Criação do cenário de confirmação do pedido
Bom saber: um cliente precisa ser identificado pelo endereço de e-mail para ativar o cenário, ou seja, um cliente que faz login na conta na sua loja do BigCommerce ou insere o endereço de e-mail durante a finalização da compra.
Navegue até a guia Automation (Automação) da sua conta Brevo.
Clique em + CREATE A NEW WORKFLOW (CRIAR UM NOVO CENÁRIO) e selecione "Product Purchase" (Compra de produto) e siga as etapas.
-
Etapa 1/3 - Um evento acontece
- Selecione "Custom Event (Track Event)" (Evento personalizado (Rastrear evento)).
- Digite order_completed.
- Clique em NEXT (Próximo).
-
Etapa 2/3 - Adicionar um atraso
- Escolha um atraso. Por exemplo, 5 segundos.
- Clique em NEXT (Próximo).
-
Etapa 3/3 - Enviar um e-mail
- Na lista suspensa, selecione o modelo de e-mail que você acabou de criar e ativar.
- Marque "Use my event data to customize the email" (Usar meus dados de evento para personalizar o e-mail).
- Selecione "The event data which triggered the workflow" (Os dados do evento que acionam o cenário).
- Clique em FINISH (CONCLUIR).
Quando seu cenário estiver pronto, clique em DONE (CONCLUÍDO) para salvá-lo e ativá-lo.
3. Exemplo
Digamos que o cliente John Smith john.smith@brevo.com comprou os 3 itens a seguir na sua loja.
Seu modelo ficará assim.
O e-mail recebido por John Smith john.smith@brevo.com ficará assim.
Leituras adicionais
- Aprenda a configurar o plug-in do NopCommerce.
- Aprenda como criar um e-mail de carrinho abandonado para clientes do NopCommerce.
Alguma dúvida?
Caso tenha dúvidas, faça o seguinte:
- Visite os fóruns do NopCommerce. Eles são gratuitos e fornecidos principalmente pela comunidade do NopCommerce (às vezes pela equipe do NopCommerce).
- Serviços de suporte premium do NopCommerce. Pagos, rápidos e fornecidos pela equipe do NopCommerce.
- Publique o problema no repositório de plug-ins do NopCommerce.
🤔 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.