Pular para o conteúdo principal
Login

Carrinho abandonado - Parte 1: como criar um modelo de e-mail de carrinho abandonado

Neste artigo, vamos explicar como criar e personalizar um modelo de e-mail de carrinho abandonado.

Criamos uma série de artigos para ajudar você a enviar automaticamente um e-mail de carrinho abandonado para seus clientes:

Antes de começar

⚙️ Etapa 1: crie seu modelo de e-mail de carrinho abandonado

💡 Dica
As configurações do seu modelo de e-mail (linha de assunto, texto prévio, e-mail de, etc.) serão aplicadas sempre que ele for enviado por meio do seu fluxo de trabalho Carrinho abandonado.

Para criar seu modelo de e-mail de carrinho abandonado:

  1. Acesse Campanhas > Modelos.
  2. Selecione se deseja criar um novo modelo de e-mail ou usar o modelo padrão de carrinho abandonado:
    • Clique em Novo modelo para criar um novo modelo de e-mail.
    • Selecione o modelo de e-mail Modelo padrão - Carrinho Abandonado Detalhado_# para atualizá-lo.
      ❗️ Importante
      Para que o Modelo padrão - Carrinho Abandonado Detalhado_# apareça no Página Modelos, primeiro você deve criar o fluxo Carrinho abandonado, conforme explicado em 🖱️ Selecione o fluxo Carrinho abandonado (Parte 2 da série de artigos Carrinho Abandonado).
      mceclip0.png
  3. Configure os ajustes como um modelo de e-mail regular.
    Observação: você pode personalizar a linha de assunto e o texto prévio usando atributos de contato.
    mceclip1.png
  4. Clique em Próxima etapa.

🎨 Etapa 2: projete seu modelo de e-mail de carrinho abandonado

Assim como qualquer e-mail de marketing, os e-mails de carrinho abandonado devem incluir um cabeçalho com o nome e logo da empresa e um rodapé com o endereço físico da empresa, informações de contato e de copyright, link para sua política de privacidade e, mais importante, uma opção de cancelamento de inscrição.

Para projetar seu modelo de e-mail:

  1. Se tiver criado um novo modelo, selecione o editor que deseja usar (Novo editor arraste e solte ou Editor arraste e solte clássico).
  2. Projete seu modelo arrastando e soltando blocos de conteúdo para dentro do seu modelo para adicionar e formatar texto, imagens, botões e outros elementos de design.
    2021-05-19_10-26-13.png

Para melhores práticas e exemplos de e-mails de carrinhos abandonados, você pode conferir este artigo do blog Brevo.

🖋️ Etapa 3: personalize seu modelo de e-mail de carrinho abandonado

Um ótimo design é importante, mas e-mails de carrinhos abandonados também devem ser personalizados de acordo com o comprador para quem você está enviando o e-mail, incluindo os produtos que foram deixados no carrinho, e comprador deve ser abordado pelo nome.

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

Placeholders para atributos de contato

Você pode personalizar seu modelo de carrinho abandonado usando atributos de contato armazenados dentro da sua lista de contato Brevo. Cada atributo descreve um tipo de informação salva por você 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 permitirá que os dados sejam substituídos pelo nome do seu cliente, cor favorita ou qualquer outra informação útil.

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

Novo editor arraste e solte Edtor arraste e solte clássico
mceclip1.png mceclip2.png

Para mais informações sobre como personalizar e-mails usando atributos de contato, leia Personalize seus e-mails com atributos de contato.

Placeholders para dados de carrinhos abandonados

Para inserir dados sobre produtos abandonados pelo comprador e carrinho (nome, tamanho, preço, etc.),  você deve inserir os placeholders correspondentes em seu modelo de e-mail. 

RAC_step_2_image_4.png

Os placeholders para dados de carrinho abandonado são pré-determinados com base no método usado para criar seu evento de rastreio:

  • Se o rastreio de eventos carrinho abandonado foi criado automaticamente usando um plug-in Brevo, os placeholders são padronizados.
  • Se seu desenvolvedor criou seus rastreios de eventos carrinhos abandonados 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 do rastreio do seu evento e nome da sua matriz. Por padrão, a matriz da Brevo tem como nome "itens".

Lista de placeholders padronizados para dados de carrinhos abandonados

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

Dado do item  Insira este placeholder
em seu modelo
Nome do item {{ item.name }}
SKU do item {{ item.sku }}
Categoria do item {{ item.category }}
ID do item {{ item.id }}
ID da variante do item {{ item.variant_id }}
Nome da variante do item {{ item.variant_name }}
Preço do item {{ item.price }}
Quantidade do item  {{ item.quantity }}
URL do item {{ item.url }}
Imagem do item {{ item.image }}
Dado do carrinho  Insira este placeholder
em seu modelo
Afiliação {{ params.affiliation }}
Data {{ params.date }}
Subtotal {{ params.subtotal }}
Desconto {{ params.discount }}
Envio {{ params.shipping }}
Total antes das taxas {{ params.total_before_tax }}
Taxas {{ params.tax }}
Total  {{ params.total }}
Nota: para WooCommerce, use {{ params.revenue }} em vez disso.
Moeda  {{ params.currency }}
URL para visualizar o carrinho {{ params.url }}

Placeholders para imagens do produto

No Novo editor arraste e solte

Para inserir imagens do produto em seu modelo de e-mail no Editor arraste e solte (Novo):

  1. Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
  2. Clique no bloco de imagem para abrir as configurações da imagem.
  3. No campo Inserir a partir da URL, insira o placeholder de carrinho abandonado adequado para a imagem do produto.
    2021-08-24_11-45-36.png

No Editor arraste e solte clássico

Para inserir imagens do produto em seu modelo de e-mail no Editor arraste e solte (Clássico):

  1. Arraste e solte um bloco de design que contenha espaço para um imagem em seu modelo de e-mail.
  2. Clique no espaço para imagem para abrir as configurações de imagem.
  3. Em Fonte da imagem, selecione De uma URL e insira o placeholder do carrinho abandonado adequado para a imagem do produto.
    2021-08-03_16-28-26.png

Placeholders para links de produtos ou carrinho

Você pode inserir o placeholder do carrinho abandonado para a URL dos produtos ou do carrinho como poderia fazer com qualquer outra URL em seu modelo de e-mail.

No Novo editor arraste e solte

Para adicionar um link a uma imagem usando o Editor arraste e solte (Novo):

  1. Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
  2. Clique no ícone de link abaixo da imagem.
  3. No campo Link-alvo, insira o placeholder URL adequado para o produto, para tornar a imagem clicável.
  4. Clique em Atualizar.
    mceclip0.png

Para adicionar um link para texto, usando o Editor arraste e solte (Novo):

    1. Destaque o texto que deseja transformar em uma URL.
    2. Clique no ícone link.
    3. No campo Link-alvo, insira o placeholder URL adequado para o produto, para tornar o texto clicável.
    4. Clique em Inserir.
      mceclip1.png

No Editor arraste e solte clássico

Para adicionar um link a uma imagem, usando no Editor arraste e solte (Clássico):

  1. Arraste e solte um bloco de design que contenha espaço para uma imagem em seu modelo de e-mail.
  2. Clique no espaço da imagem para abrir as configurações da imagem.
  3. No campo Link-alvo, insira o placeholder URL adequado para o produto, para tornar a imagem clicável.
    mceclip2.png

Para adicionar um link ao texto, usando no Editor arraste e solte (Clássico):

  1. Destaque o texto que você quer transformar em uma URL.
  2. Clique no ícone link.
  3. Selecione o protocolo que deseja usar para a URL.
  4. No campo URL, insira o placeholder URL adequado para o produto, para tornar o texto clicável.
  5. Clique em OK.2021-08-24_11-52-00.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 dados de carrinho abandonado.

🧐 Etapa 4: exiba e interprete dados de carrinho abandonado

💡 Dica
Nossa opção Lista dinâmica agora se chama Repetir bloco e está disponível em ambos os editores Arraste e solte.

Após adicionar suas placeholders em seu modelo de e-mail, você precisa habilitar o recurso Repetir bloco para cada seção que contenha um placeholder para garantir que seu modelo de e-mail possa exibir diversos produtos e interpretar os dados enviados por seu site para a Brevo.

No Novo editor arraste e solte

Para exibir e interpretar dados do seu carrinho abandonado:

  1. Passe o mouse sobre o bloco que contém placeholders para dados de carrinhos abandonados
  2. Clique no ícone Repetir bloco
    mceclip1.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 }} insira items. Se você tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é items por padrão.
    • No campo Alias da variável, insira a primeira palavra de seu placeholder. Ex.: para a seção contendo {{ item.name }} insira item. Se você tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é item por padrão.
      mceclip4.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 estas informações em seus logs de eventos. Saiba mais sobre 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 de carrinhos abandonados usando o Editor arraste e solte (Clássico):

  1. Selecione um bloco que contenha placeholders para dados de carrinhos abandonados
  2. Clique no recurso Repetir bloco na coluna configurações
  3. Abaixo do recurso Repetir bloco, nos campos Nomes das variáveis e Que parâmetro contém os atributos relacionados?, 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 você tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é item por padrão.
    • 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 você tiver conectado seu site à Brevo usando um de nossos plug-ins, o nome da matriz da variável é items por padrão.
      mceclip10.png
  4. 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 Brevo ou se estiver usando outro parâmetro transacional, 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: ative o modelo de e-mail

Depois que a criação do modelo de e-mail de carrinho abandonado tiver sido concluída, clique em Salvar e ativar.

Agora você está pronto para selecioná-lo em seu fluxo de trabalho Carrinho abandonado.

⏩ 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.