Vtex

Publicando seu bot na loja Vtex

A maneira mais simples de incluir o SapiosBot em uma loja Vtex é utilizando o Google Tag Manager.

O que é o Google Tag Manager

O Google Tag Manager é um sistema de gerenciamento de tags criado pela Google para gerenciar tags JavaScript e HTML usadas para tracking e analytics de sites da web.

Na VTEX, a integração com o Google Tag Manager é nativa e simplifica bastante a integração da loja com os parceiros.

Como começar a integração

Primeiro, crie uma conta no Google Tag Manager (http://www.google.com/tagmanager)

Defina onde quer que a janela de chat seja apresentada aos usuários em sua loja. Existem duas opções:

Configurando o Tag Manager para o SapiosBot

1. Acesse o painel do tag manager;

2. Clique em Criar Conta;

   
3. Para sua nova conta informe:

   1. Um nome para a conta que remeta ao seu site;

   2. Um nome para o container, tipicamente a url do site em que vai publicar o chatbot;

   3. Em plataforma, selecione Web e qualquer outra plataforma em que deseje publicar o chatbot usando o recurso Tag Manager;

   4. Clique em Criar.

      

      No menu,
4. No menu lateral esquerdo selecione Tags, e na tela seguinte escolha Nova;

   
5. Na tela de Configurações:

   1. Preencha o nome da tag no canto superior esquerdo da janela, substituindo o texto Tag sem título por SapiosChat;

   2. Clicando no Lapis da janela Configuração da Tag escolha HTML personalizado;

   3. Na janela do editor logo abaixo, cole o conteúdo do widget do SapiosBot

      
   4. No box Acionamento, clique sobre o lápis e escolha All Pages;

      
   5. Clique em Salvar.

6. De volta ao menu escolha Acionamentos a sua esquerda;

   1. Clique em Novo;

   2. Na janela de Acionamentos, renomeie o acionamento de Acionador sem título para SapiosChat;

   3. No elemento Configuração do acionador, clique no lapis e escolha Janela Carregada;

      
   4. Clique Salvar;

7. No canto superior esquerdo da tela do Tag Manager escolha Espaço de trabalho;

   
8. Copie o código de sua TAG (no centro da tela iniciado por GTM- e guarde a informação;

9. Clique em Enviar;

10. Na tela Enviar Alterações clique Publicar;

Para publicar o Chatbot nas páginas da loja:

1. No painel de administração VTEX, vá até a opção Aplicativos > Loja de aplicativos no menu:

   
2. Na página da loja de aplicativos, na caixa de busca ao lado de todos os aplicativos procurar por Google Tag Manager;

3. Clique no botão Instalar e siga as instruções até a sua conclusão;

4. Ao final do processo, clique novamente na loja de aplicativos -> meus aplicativos;

5. Use a caixa de busca para localizar o Google Tag Manager e clique em configurações;

6. Na tela de configurações, entre o código GTM que anotou acima;

   
7. Clique Salvar;

8. Teste seu site! 😄

Publicar o SapiosBot no carrinho de checkout

1. No módulo Portal: Selecione o site que deseja configurar (geralmente, é o "Default");

2. No menu lateral escolha Checkout;

3. Na tela Checkout, escolha o site em que deseja publicar o chatbot e clique na engrenagem de configuração;

4. No menu superior clique em Checkout procure por Tag Manager e informe o código de sua Tag iniciando pot GTM-;

   
5. Clique Salvar;