O carrinho abandonado é a funcionalidade da VTEX que envia e-mails aos clientes para lembrá-los de finalizar a compra em um carrinho que foi montado, mas não finalizado.

A configuração do carrinho abandonado pode ser realizada de duas formas diferentes, de acordo com o ambiente de operação da loja:

• Portal CMS Legado: por meio de diversos módulos da plataforma VTEX (CMS, Master Data e Central de Mensagens) e também em seu servidor de host.
• VTEX IO: por meio da instalação do app “Abandoned Cart”, configuração do template de email na Central de Mensagens, e do Trigger no Master Data.

Nesta seção são apresentados os seguintes tópicos para configuração da funcionalidade carrinho abandonado nas lojas VTEX Legado:

• Configurar template de email no CMS
• Configurar modelo de email na Central de Mensagens
• Liberar SPF
• Configurar trigger

Você pode criar o seu próprio template de email customizado ou utilizar a opção padrão de template para carrinho abandonado. Para criar um novo template, siga os passos abaixo:

1. No Admin VTEX, acesse Storefront > Layout, ou digite Layout na barra de busca no topo da página.
2. Em CMS > HTML Templates, clique no ícone new template.
3. Adicione um nome no campo Template Name.
4. Preencha o campo Template XHTML com os códigos do template.
5. Clique em Save Template.

Recomendamos que a customização de template seja realizada por profissionais com experiência no módulo CMS, e preferencialmente, que já tenham realizado configurações de outros templates de página e prateleira.

Para utilizar uma opção padrão de template, siga os seguintes passos:

1. No Admin VTEX, acesse Storefront > Layout, ou digite Layout na barra de busca no topo da página.
2. Em CMS > HTML Templates, clique em CEM-Abandoned-Cart.
3. Verifique as informações dos códigos de template presentes no campo Template XHTML.

Uma vez criado o novo template de email ou utilizado os dados do template padrão, acesse a Central de Mensagens para configurar o modelo do email. Siga os passos abaixo:

1. No Admin VTEX, acesse Configurações da loja > Templates de email > Templates, ou digite Templates na barra de busca no topo da página.
2. Clique no botão Novo Template.
3. Clique sobre Novo template e digite o mesmo nome utilizado no template de email criado ou padrão no CMS (lojas Legado).
4. Selecione Ativar envio de email? e Usar o remetente padrão.
5. Preencha o campo Título do email conforme desejado.
6. Preencha o campo Destinatário (To) com {{email}}.
7. Em Html, insira as informações do template de email criado ou padrão.
8. Clique em Salvar.

O campo JSON Data não deve ser preenchido ou seus dados utilizados no template do email. Ele contém apenas informações para permitir uma pré-visualização do formato em que os dados que serão visualizados no email.

A liberação do SPF é fundamental para evitar problemas de entregabilidade do e-mail, e deve ser realizada conforme o artigo Configuração de SPF.

Como boa prática de configuração de DNS de um domínio genérico (não obrigatório), segue o exemplo abaixo:

Saiba mais em Configurar o apontamento de DNS para a VTEX.

Nesta etapa será necessário criar uma trigger no Master Data. O processo consiste em preencher alguns valores que determinarão o disparo da trigger. Entre eles, será necessário definir alguns filtros:

• Checkout: a trigger será acionada se o checkout não for finalizado e for diferente de nulo, ou seja, caso o cliente não conclua a compra.
• Carrinho: referente aos últimos produtos que o cliente incluiu no carrinho de compras. A trigger será acionada se o valor for diferente de nulo.
• Último carrinho: registro de data e hora em que o carrinho foi criado. A trigger será acionada se o valor for diferente de nulo.
• Recebe newsletter?: garante conformidade com os direitos de titulares de dados, já que somente clientes inscritos na newsletter receberão emails de carrinho abandonado. A inscrição na newsletter da sua loja pode ser gerenciada no momento do checkout ou na seção Minha Conta da sua loja. A trigger será acionada se o valor for verdadeiro.

Para que o disparo da trigger seja realizado, os filtros precisam estar obrigatoriamente preenchidos de acordo com as instruções abaixo:

1. No Admin VTEX, acesse Configurações da loja > Storefront > Master Data.

2. No Master Data, clique em Aplicações > Configurações avançadas > Estrutura de dados.

3. Clique na aba Ativação.

4. Clique no botão Adicionar.

5. Preencha os campos a seguir:

   • Nome: insira o nome da trigger.
   • Entidade de dados: selecione a entidade Cliente.
   • Status: marque a opção Ativo.

6. Na aba Regras, selecione O valor de um atributo é alterado*.

7. Em Campo, selecione Última sessão.

8. Clique em Adicionar filtro cinco vezes para visualizar os campos de filtros. Selecione-os e preencha as informações conforme a indicação abaixo:

   • Checkout - Diferente de - Finalizado - e
   • Checkout - Não é nulo - e
   • Carrinho - Não é nulo - e
   • Último Carrinho - Não é nulo - e
   • Recebe newsletter? - Igual a - True

9. Clique na aba Agendar e selecione se o envio do email deve ocorrer assim que possível, em uma data específica ou em uma data dinâmica.

10. Clique na aba Se positivo.

11. Preencha a aba conforme as instruções a seguir:

    • Ação: selecione Enviar um email.
    • Destinatário: para realizar um teste, digite o seu email e clique em Adicionar email estático.
    • Formato do corpo do email: selecione HTML.
    • Nome do remetente: insira o nome de sua loja da forma que você deseja que apareça no remetente do email.
    • Responder para: preencha com o endereço de email para o qual o cliente poderá enviar uma resposta.
    • Tipo de conteúdo: selecione Conteúdo da URL.
    • Assunto: preencha com o assunto do email.
    • URL: insira o endereço de sua loja com as pastas em que o layout do carrinho abandonado foi configurado, com a tag do carrinho {!carttag_SCORE} ao final. Exemplo: nomedaloja.com.br/CEM/Abandoned-Cart?refs={!carttag_SCORE}.
    • Adicionar utm_source em todos os links com valor: preencha com CEM, para facilitar a identificação de compras pelo carrinho abandonado.
    • Sobrescrever utm_source: marque esta opção.

12. Clique em Salvar.

13. Crie um carrinho e feche a página para testar a trigger.

A sessão de uma página expira em 30 minutos. Somente depois desse período o Master Data inicia a contagem do período agendado para o disparo da trigger de Carrinho Abandonado. Logo, o tempo até o email chegar corresponde ao tempo da sessão (30 minutos) mais o período agendado na trigger.

14. Uma vez que você houver recebido a mensagem do carrinho abandonado em seu email, no campo Destinatário (passo 12), selecione a opção CL:Email e clique em Adicionar email dinâmico.
15. Clique em Salvar.

Para realizar a configuração da funcionalidade carrinho abandonado nas lojas VTEX IO, siga os seguintes passos:

1. Instale o app Abandoned Cart Service em sua loja.
2. Configure o modelo de email na Central de Mensagens. As especificações do JSON estão disponíveis em Message Center Information.
3. Realize a liberação do SPF.
4. Configure a trigger da mesma forma que nas lojas Legado até o passo 10. A partir do passo 11 (aba Se positivo), siga as instruções disponíveis em Trigger configuration information.

Para garantir o fluxo correto dos disparos, devemos conferir dois detalhes:

1. A URL do template está funcionando?

Para garantir que a URL está funcionando, você deve testa-la diretamente no browser. Substitua o valor {!carttag_SCORE} pelo ID de algum SKU ativo e disponível no site. Se a URL retornar algum erro, os disparos não acontecerão de maneira correta.

2. O RC (Request Capture) está funcionando?

Para verificar se o RC está funcionando, atualize a home do site monitorando os requests pela ferramenta de desenvolvedor do browser (no chrome, o F12). Localize o request rc.js e verifique se o mesmo está retornando conteúdo. Se o retorno estiver vazio, entre em contato com a VTEX.

Para verificar, acesse o site da sua loja e coloque um produto no carrinho. Clique em finalizar compra, insira o e-mail e confirme. Feche o navegador em qualquer parte da finalização de compra (desde o preenchimento de dados pessoais até formas de pagamentos). Aguarde 30 minutos, acesse o módulo de Master Data e veja se o e-mail utilizado entrou como novo registro, com os campos de “Dados da última navegação” foram atualizados.

Caso já tenha registro na loja, basta se logar ao acessar o site, incluir um produto no carrinho e fechar um navegador. Aguarde os 30 minutos, acesse o módulo do Master Data e verifique se os campos de Dados da última navegação foram atualizados.

O cliente pode ter a quantidade de emails que achar necessária, só precisa que sejam informadas todas as URLs e a periodicidade de cada uma.

Sim, é possível oferecer um desconto para o cliente que retornar à loja através desse email. Para isso será necessário criar um cupom de desconto que será informado por email ao cliente ou a criação de uma promoção por UTM direto no template.

Por meio da sua ferramenta de Analytics, você conseguirá monitorar essas recuperações de vendas.

Para configurar a funcionalidade de carrinho abandonado é necessário que a sua loja esteja em produção para que os campos do Master Data sejam atualizados. Essa funcionalidade não está disponível para ambientes de desenvolvimento.