Baixar o plug-in

Visão geral

Neste artigo, você vai aprender como criar um modelo de e-mail de carrinho abandonado para recuperar vendas perdidas. Vai aprender também quais dados de pedido OpenCart são compatíveis com a plataforma Brevo.

Depois de criado, seu modelo poderá ser enviado automaticamente por meio de um cenário de automação. 

Antes de começar

• Se você ainda não tem uma conta Brevo, crie uma aqui.
• Certifique-se de que a Nova Linguagem de Modelo da Brevo para e-mails esteja habilitada em sua conta.
• Siga estas etapas para instalar o plug-in OpenCart.

1. Crie o modelo de e-mail

Em primeiro lugar, conecte-se à sua conta Brevo e acesse a plataforma de Automações > Email Templates (Modelos de e-mail). Clique no botão New Template (Novo modelo) no canto superior direito.

Configuração

Nesta etapa, decida as configurações do seu modelo de e-mail:

• Nome do modelo
• Assunto
• E-mail de remetente
• Nome do remetente

Clique no botão Next Step (Próxima etapa) no canto superior direito.

Design

A Brevo oferece três ferramentas fáceis para a criação de modelos de e-mail:

1. Editor arrastar e soltar - Crie modelos responsivos e ajustáveis para dispositivos móveis, botões e outros elementos de design para criar um belo e-mail. A Brevo recomenda esta opção para a maioria dos usuários.
2. Editor simples - Use um editor de texto simples do tipo WYSIWYG (O que você vê é o que você tem) para projetar seu e-mail. 
3. Editor Cole o seu código - Cole seu próprio código HTML. Esta opção deve ser usada apenas por usuários com boa compreensão técnica de HTML e criação de e-mail.

Neste exemplo, vamos criar um modelo de e-mail com o Editor arrastar e soltar (Clássico).

2. Personalize o modelo de e-mail 

O modelo de e-mail pode ser personalizado com vários tipos de dados: 

• atributos de contato salvos em sua lista Brevo 
• detalhes de produtos abandonados
• 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:

• primeiro nome do destinatário, usando {{ contact.FIRSTNAME }}
• último nome do destinatário, usando {{ contact.LASTNAME }}

Dica: FIRSTNAME e LASTNAME devem ser atributos existentes em sua conta Brevo.

Agora, vamos personalizar o modelo de e-mail com variáveis de pedidos, tais como o nome dos produtos deixados para trás, suas imagens, preço, etc. Para isso, estamos usando a Nova Linguagem do Modelo, para inserir uma lista dinâmica.

Personalize seu e-mail com detalhes dos produtos abandonados

No Editor Arraste e Solte (Clássico), selecione seu bloco desejado que exibirá os produtos abandonados. 

1. Clique no ícone do lápis para editar as configurações para o bloco de design.
2. Habilite a opção dynamic list (lista dinâmica).
3. No campo parâmetro, escreva products.
4. No campo variável, escreva product.
5. Configure o número limite de produtos que serão exibidos. Por exemplo, se houver 5 produtos deixados no carrinho e você tiver configurado 3 como limite, apenas 3 produtos serão mostrados no e-mail.

Agora, adicione as variáveis para seu modelo de e-mail. No exemplo acima, adicionamos:

• {{ product.name }} - O nome do produto
• {{ product.quantity }} - A quantidade do produto
• {{ product.price }} - O preço do produto

Para adicionar o link do produto, selecione o botão CTA. Na barra lateral direita, sob Link, digite {{ product.price }}.

Para adicionar a imagem do produto, selecione a imagem. Na barra lateral direita, em fonte da imagem, escolha "Da URL" e então digite {{ product.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 Brevo:  

No editor Arraste e solte (Clássico), selecione o bloco desejado que exibirá as informações do carrinho abandonado e então adicione as variáveis do pedido que desejar.

No exemplo abaixo, adicionamos:

• {{ params.currency }} - A moeda do carrinho abandonado
• {{ params.subtotal }} - O subtotal do carrinho abandonado
• {{ params.tax }} - As taxas aplicadas ao carrinho abandonado
• {{ params.shipping }} - O frete do carrinho abandonado
• {{ params.total }} - O total do carrinho abandonado

Para adicionar o link do carrinho abandonado, selecione o botão CTA. Na barra lateral direita, sob Link, digite {{ params.url }}.

3. Salve e ative seu modelo de e-mail

Uma vez concluído o seu design, clique no botão verde “Salvar e Sair”.

É uma boa prática enviar um e-mail de teste para si mesmo, para garantir que todos os elementos personalizados no modelo estejam funcionando corretamente.

Dica: certifique-se de que qualquer e-mail usado para teste seja um contato na conta cujos atributos usados para personalização já tenham sido preenchidos na conta deste contato, ou a personalização não aparecerá. Normalmente aconselhamos o uso de uma lista de teste. 

Use o botão Save & Activate (Salvar e ativar) para salvar o modelo e torná-lo acessível a partir do cenário de automação.

Próximas etapas

Em seguida, siga o tutorial Recuperar carrinhos abandonados com a OpenCart: envie o e-mail de recuperação para enviar automaticamente seu modelo via Brevo Automações. Leva apenas 2 minutos para ativar!

Leituras adicionais

• Usando a nova linguagem de modelo para criar modelos e campanhas de e-mail [NOVO]
• Usando condições de saída e reinício na automação | Cenários de carrinho abandonado e mais

🤔 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 o parceiro especialista certificado em Brevo.