Como colocar o agente no seu site
Nível: Iniciante
Tempo de leitura: 7 min
Os dois modos de instalar
A Wevi oferece dois jeitos de colocar o agente no seu site:
Botão flutuante: um balãozinho de chat fica no canto inferior do site. Quando o visitante clica, abre uma janela com o agente sobre a página, sem redirecionar. É a forma mais rápida e o jeito padrão. Bom para quase qualquer site.
Chat embutido: o chat aparece dentro de uma seção fixa da página, ocupando o lugar de uma div normal. Sem botão, sem flutuação. Bom para landing pages onde o agente é o foco principal da tela.
Os dois modos compartilham o mesmo agente, a mesma identidade visual e o mesmo histórico de conversas. A diferença é só onde o chat aparece visualmente. Você pode usar os dois ao mesmo tempo se fizer sentido.
Pré-requisitos
- Um agente criado e com status Ativo
- Acesso ao HTML do seu site (ou acesso ao Google Tag Manager)
Botão flutuante: instalação via código
Passo 1: Copie o código do widget
- No painel da Wevi, abra o agente desejado
- Vá até a aba Publicação (step 4 do editor)
- Na seção Link Público, clique em "Copiar código"
O código tem este formato:
<script src="https://app.wevi.chat/embed.js" data-agent="SEU_AGENT_ID" data-color="#SUA_COR"></script>
Passo 2: Cole antes do fechamento do </body>
No HTML do seu site, localize a tag </body> e cole o código imediatamente antes dela:
<!-- ... conteúdo do site ... -->
<script src="https://app.wevi.chat/embed.js" data-agent="SEU_AGENT_ID" data-color="#SUA_COR"></script>
</body>
</html>
Passo 3: Publique e verifique
Após publicar as alterações no seu site, abra uma aba anônima e verifique se o widget aparece no canto inferior direito.
Instalação via Google Tag Manager
Se você usa GTM, não precisa mexer no código do site:
- Acesse seu container no GTM
- Crie uma nova Tag do tipo "HTML personalizado"
- Cole o código do widget
- Configure o acionador como "All Pages" (ou as páginas que desejar)
- Salve e publique o container
Instalação em plataformas populares
WordPress
- Instale o plugin "Insert Headers and Footers" (gratuito)
- Acesse Configurações → Insert Headers and Footers
- Cole o código na seção "Scripts no rodapé"
- Salve
Shopify
- Acesse Loja online → Temas → Editar código
- Abra o arquivo
theme.liquid - Cole o código antes de
</body> - Salve
Webflow
- Acesse Configurações do projeto → Custom Code
- Cole o código na seção "Footer Code"
- Publique o site
Wix
- Acesse Configurações → Avançado → Código personalizado
- Clique em "Adicionar código"
- Cole o código, selecione "Antes de