Adicione um botão aos seus conteúdos web do Connectif, permitindo que seus contatos adicionem um produto ao carrinho diretamente, sem precisar visitar a página do produto, facilitando assim a realização de compras no eCommerce.
Neste artigo, você aprenderá como adicionar um botão de “Adicionar ao carrinho” aos seus conteúdos web do Connectif.
Para inserir um botão de “Adicionar ao carrinho” no seu site, será necessário contar com um especialista com conhecimentos em programação para ajudar em alguns passos.
Tempo de implementação: Variável de acordo com a equipe técnica.
Dificuldade: Difícil
Quando utilizar?: Quando quiser inserir um botão de "Adicionar ao carrinho" nos seus conteúdos web.
Antes de começar: requisitos prévios
- Sua equipe de TI deverá criar uma URL (de chamada ao seu backoffice) com a função de inserir o produto no carrinho.
- Essa URL deve incluir o fragmento {{idproducto}}.
O fragmento {{idproducto}}, no formato de Variável no Connectif, refere-se ao produto que deve ser inserido no carrinho, identificado por seu ID. Assim, a URL enviará ao seu backoffice uma solicitação para adicionar um produto ao carrinho com base no seu ID.
- Uma vez criada, a URL terá um aspecto semelhante a este: https://www.exemplo.com/add-product/{{idproducto}}
PASSO 1: Criação do Conteúdo Web
1. Na sua Loja do Connectif, vá para “Conteúdos > Conteúdo Web” e clique em Criar novo conteúdo web.
2. Selecione o tipo de Conteúdo Web adequado para sua estratégia.
3. Crie seu conteúdo e adicione os elementos desejados.
Se precisar de mais informações sobre como editar seu Conteúdo Web, você pode encontrá-las neste artigo.
4. Adicione ao seu conteúdo um elemento Produtos.
5. Acesse a configuração do elemento Produtos.
6. Selecione o modelo “Produto com preço”.
7. Na seção Personalizar o modelo para este conteúdo, clique em “{{buttonText}}”. Uma vez neste item, clique em “Mais opções > Inserir/Editar link”.
8. Na área URL insira a URL criada e clique em Salvar.
9. Uma vez configurado seu Conteúdo Web, clique em ✔ Salvar.
PASSO 2: Criação do workflow que exibirá o Conteúdo Web
10. Vá para Workflows e clique em Criar novo workflow.
11. Clique na configuração do nó "Início" e em Seleção da fonte de dados, selecione como público os contatos existentes e novos da sua lista.
12. Clique em Aplicar.
13. Procure o nó do tipo Gatilho adequado à sua estratégia, que indique ao Connectif quando o conteúdo deve ser exibido.
14. Adicione-o ao seu workflow e configure-o.
No nosso exemplo, adicionaremos um nó “Ao visitar página web”, e o configuraremos para que o conteúdo seja exibido a todos os usuários que visitarem nossa página web.
15. Na aba Limitações, desative a limitação Desativar após ser disparado.
16. Clique em Aplicar.
17. Conecte ao nó “Ao visitar página web”, o nó “Obter produtos”.
18. Na configuração do nó, selecione o Caso de uso para configurar quais produtos o Connectif deve obter e que depois serão exibidos no conteúdo.
No nosso exemplo usaremos o caso de uso “Produtos mais visitados”.
19. Conecte ao nó “Obter produtos”, um nó do tipo Ação “Enviar conteúdo web”.
20. Acesse a configuração do nó “Enviar conteúdo web” e selecione o conteúdo que você acabou de criar.
21. Dentro da configuração do nó, atribua cada campo do produto (coluna esquerda) à variável correspondente (coluna direita), como mostrado na imagem.
22. Na aba Limitações, desmarque a caixa marcada por padrão Limite por contato, para que o conteúdo com o botão "Adicionar ao carrinho" possa ser exibido aos contatos mais de uma vez.
Ao associar o valor ID externa do produto à variável {{idproducto}}, a URL de cada botão "Adicionar ao carrinho" redirecionará para o item correspondente no carrinho.
23. Clique em Aplicar.
24. Salve e ative o workflow.
Sucesso!
O botão “Adicionar ao carrinho” no seu Conteúdo Web já está pronto.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos:
- Recomendador de produtos para clientes indecisos, para mostrar produtos relacionados aos produtos visitados.
- Recuperação do carrinho antes do abandono para anônimos, para exibir um popup de carrinho antes que o usuário abandone o site.
- Funil de recuperação de carrinho abandonado, para enviar uma sequência de e-mails após o abandono de um carrinho.
- Criar bloco de produtos personalizados em um conteúdo web, para exibir aos seus clientes produtos de seu interesse.