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 Default template - Detailed Abandoned Cart_# para atualizá-lo.
      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 Sendinblue.

🖋️ 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 Sendinblue. 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 Sendinblue, 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 Sendinblue 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 Sendinblue:

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 }}
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:

  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 das configurações da imagem, insira o placeholder de carrinho abandonado adequado para tornar a imagem clicável.
  4. Clique em Atualizar.
    2021-08-24_11-25-45a.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 URL das configurações da imagem, insira a placeholder da URL do produto aquadada.
    4. Clique em Inserir.
      mceclip9.png

No Editor arraste e solte clássico

Para adicionar um link a uma imagem:

  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 das configurações da imagem, insira o placeholder adequado para o carrinho abandonado para tornar a imagem clicável.
    2021-08-24_11-56-58.png

Para adicionar um link ao texto:

  1. Destaque o texto que você quer transformar em uma URL.
  2. Clique no ícone link.
  3. Insira o placeholder URL do produto.
    2021-08-24_11-52-00.png

🧐 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 Sendinblue.

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 à Sendinblue 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 à Sendinblue 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 Sendinblue 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 à Sendinblue 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 à Sendinblue 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 Sendinblue 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?