Visão geral
Neste tutorial, você vai aprender a criar um e-mail de carrinho abandonado e configurar um cenário para recuperar vendas perdidas. 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 um modelo de e-mail de carrinho abandonado
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:
- atributos de contato salvos em sua lista do Brevo
- detalhes do item abandonado
- detalhes de carrinhos abandonados
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 devem ser atributos existentes na sua conta Brevo.
Agora vamos personalizar o modelo de e-mail com variáveis de pedido, como o nome dos itens deixados para trás, as imagens, o preço etc. Para isso, usaremos a Nova Linguagem de Modelo para inserir uma lista dinâmica.
Personalize seu e-mail com detalhes do carrinho abandonado
| 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 (Clássico), selecione o bloco desejado que exibirá os itens abandonados.
- 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 restantes no carrinho e você definir 3 como limite, apenas 3 itens serão exibidos no e-mail.
Agora, adicione as variáveis ao seu modelo de e-mail. No exemplo acima, adicionamos:
- {{ item.name }} - O nome do item
- {{ item.quantity }} - A quantidade do item
- {{ item.price }} - 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 }}.
Personalize seu e-mail com detalhes do carrinho abandonado
As seguintes variáveis podem ser incluídas diretamente dentro do conteúdo do modelo do Brevo:
| Detalhes do carrinho | Insira este placeholder |
| Afiliação | {{ params.affiliation }} |
| Moeda | {{ params.currency }} |
| Desconto | {{ params.discount }} |
| Envio | {{ params.shipping }} |
| Subtotal | {{ params.subtotal }} |
| Imposto | {{ params.tax }} |
| Total antes de impostos | {{ params.tax }} |
| Total | {{ params.total_before_tax }} |
| Link para o carrinho | {{ params.url }} |
Bom saber: os itens mostrados na página de link para o carrinho serão diferentes dependendo de onde a sessão for aberta. Por exemplo, digamos que um cliente esteja navegando no laptop. Se ele clicar no e-mail do carrinho abandonado do telefone, não aparecerá o carrinho abandonado.
No Editor de arrastar e soltar (Clássico), selecione o bloco desejado que exibirá as informações do carrinho abandonado e adicione as variáveis do pedido que desejar.
No Editor de arrastar e soltar (Clássico), selecione o bloco desejado que exibirá as informações do carrinho abandonado e adicione as variáveis do pedido que desejar.
Recomendamos formatar números usando floatformat. No exemplo abaixo, adicionamos:
- {{ params.currency }} - A moeda do carrinho abandonado
- {{ params.subtotal | floatformat: 2 }} - O subtotal do carrinho abandonado
- {{ params.discount | floatformat: 2 }} - O desconto do carrinho abandonado
- {{ params.total | floatformat: 2 }} - O total do carrinho abandonado
Para adicionar o link do carrinho abandonado, selecione o botão Call-To-Action (Chamada para ação) (CTA). Na barra lateral direita, em Link, digite {{ params.url }}.
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 carrinho abandonado
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), selecione "Detailed Abandoned Cart" (Carrinho abandonado detalhado) e siga as etapas.
Na etapa "Send an email" (Enviar um e-mail), selecione o modelo de e-mail que você acabou de criar e ativar na lista suspensa.
Quando seu cenário estiver pronto, clique em DONE (CONCLUÍDO) para salvá-lo e ativá-lo.
Leia este tutorial para saber como criar o cenário: Recuperação de carrinhos abandonados: envio automático dos e-mails (etapa 3).
3. Exemplo
Digamos que o cliente Jean Blue jean.blue@brevo.com tenha visitado sua loja, mas os 3 itens a seguir foram deixados no carrinho.
Seu modelo ficará assim.
O e-mail recebido por Jean Blue jean.blue@brevo.com ficará assim.
Leituras adicionais
- Aprenda a configurar o plug-in do NopCommerce.
- Aprenda a criar um e-mail de confirmação de pedido 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.