Configure a Widde na sua loja Vtex, em menos de 5 minutos!
➡️ Passo a passo para VTEX IO
➡️ Passo a passo para VTEX IO
IMPORTANTE: Para essa instalação é necessário o responsável (Dev) com acesso ao código.
➡️ 1. Para instalar na Widde diretamente no código da VTEX IO é simples: basta adicionar o script da Widde em todas as páginas.
Script da Widde
<script type="text/javascript" id="" async src="https://cdn.widde.io/widde.1.1.0.js?v=1.0"></script>
Exemplo: adicionando a Widde via footer
1) Criar componente TSX ou JSX com a tag <script>:
2) Faça o import dentro do componente de <footer> da loja:
🎉 Pronto, publique a atualização com o script da Widde!
➡️ 2. Nos chame no Whatsapp para finalizarmos
Clique no botão abaixo e mande uma mensagem por WhatsApp informando:
link do site da sua loja
plataforma de e-commerce que utiliza
seu e-mail para cadastro
Assim, logo você receberá seu acesso para a Widde.
➡️ Passo a passo para VTEX (versão mais antiga)
➡️ Passo a passo para VTEX (versão mais antiga)
Abaixo, estão as instruções de configuração para lojas VTEX, que acontece via Google Tag Manager. (Se tiver dúvidas sobre o GTM, pule para o item 5).
▶️ Se preferir ver por vídeo, clique aqui
➡️ 1. Verifique seu Google Tag Manager
Se não tem certeza da instalação do GTM no seu e-commerce, clique em “Visualizar”:
Adicione a URL de seu e-commerce e clique em “Connect”
Se der certo, podemos ir para a próxima etapa!
Se não, entre em contato com o suporte da sua plataforma e-commerce para configurar o GTM corretamente no seu site e depois volte aqui.
➡️ 2. Crie a Tag da Widde
Vá em Tags, no Menu
Clique no botão Nova
Selecione o card Configuração de Tag
Vá até "Personalizar" na aba e selecione HTML Personalizado
E cole o seguinte HTML:
<script type="text/javascript" id="" async src="https://cdn.widde.io/widde.1.1.0.js?v=1.0"></script>
Depois, clique em “Acionamento”, selecione “All Pages”
Em “Nome da Tag” escreva “Widde” para sua identificação interna
➡️ 3. Publique a Tag
Selecione o checkbox da tag da Widde
Clique em Publicar > Enviar > Continuar
🎉 Pronto, a Tag está publicada com sucesso!
🚨 ATENÇÃO: Por padrão, o ID HTML é bloqueado na Vtex, o que bloqueia automaticamente todas as tags, variáveis e acionadores do tipo customScripts.
A principal consequência dessa lista de bloqueio é que as tags HTML personalizadas não serão acionadas. A lista negra de HTML é um padrão do aplicativo VTEX Google Tag Manager. Se você deseja desativar essa restrição, acesse o aplicativo do Google Tag Manager na Vtex e verifique a alternância abaixo. Esta opção deve estar habilitada ☑️.
➡️ 4. Nos chame no Whatsapp para finalizarmos
Clique no botão abaixo e mande uma mensagem por WhatsApp informando:
link do site da sua loja
plataforma de e-commerce que utiliza
seu e-mail para cadastro
Assim, logo você receberá seu acesso para a Widde.
ATENÇÃO: Verifique as dicas abaixo, caso tenha qualquer dúvida sobre o Google Tag Manager que está instalado no seu e-commerce.
➡️ 5. Extra: não tenho certeza sobre o Google Tag Manager
Não sei se tenho o Google Tag Manager instalado no site.
Em algumas situações, o lojista recebe a loja pronta já com o GTM instalado. Você pode verificar essa informação com o profissional que auxiliou na criação/gerenciamento da loja, ou para o suporte da sua plataforma.
Para acessar a plataforma do Google Tag Manager, clique aqui.
Como identificar qual Google Tag Manager está instalado no site?
Em muitos casos, o lojista acaba criando mais de uma conta no GTM, mas apenas uma delas estará configurada no site e você precisará ter esta informação para instalar a Widde no lugar correto. Verifique com o profissional que auxiliou na criação/gerenciamento da loja, ou com o suporte da sua plataforma.
Dentro do seu acesso do GTM, você encontra o código ID dele (este deverá ser o mesmo que está cadastrado na sua loja):
Não tenho Google Tag Manager - como instalar no site?
Verifique a página de Central de Ajuda da sua plataforma para obter o passo a passo.
Não quero instalar a Widde pelo Google Tag Manager. Tem outra alternativa?
A outra alternativa seria instalar o script da Widde no código da sua página.
No entanto, sugerimos o Google Tag Manager, pois a finalidade dele é facilitar a inserção e gerenciamento de aplicativos externos no seu site.
Caso prefira seguir com esta segunda opção, solicite ao suporte da sua plataforma o passo a passo para inserir o script da Widde (o mesmo informado no início da página) de forma segura no código do seu site.
Esse artigo te ajudou?
Avalie nos emojis abaixo. Ajude a entender como estamos nos saindo!