Configure o widget de chat para o site
Com o widget de chat do site, seus clientes podem tirar dúvidas rapidamente direto no seu site, sem precisar procurar informações de contato.
Última atualização
Com o widget de chat do site, seus clientes podem tirar dúvidas rapidamente direto no seu site, sem precisar procurar informações de contato. Eles simplesmente abrem o chat e começam a conversar.
A configuração envolve algumas etapas principais:
- Configurar as opções básicas do widget
- Adicionar o código do widget ao seu site
- Ativar a IA no widget
Instalar o código do widget é uma das poucas etapas que o AI Co-Worker não pode concluir por você — colar o trecho de código no HTML do seu site acontece fora do Chatfuel. O Co-Worker pode levar você direto à página certa: basta pedir.
Configurando seu widget
Primeiro, você precisa definir as configurações básicas.
- Acesse
Settings> selecioneWebsite. - Configure a aparência (nome da empresa, cor de destaque e logo).
- Adicione os domínios do seu site.
- Copie o código de instalação.
Adicionando o widget ao seu site
Em seguida, adicione o trecho de código de Settings ao HTML do seu site para que o widget de chat apareça nele.
Coloque o trecho de código:
- Antes da tag
</body> - Dentro da tag
<head>
Se você não se sente à vontade para editar o HTML do seu site, o melhor é pedir ajuda ao seu desenvolvedor web.
Configure em Automations
A IA no widget é controlada pela automação Website widget. Ative-a e seu assistente de IA conversa com os clientes por você com base no conhecimento que você fornece sobre o seu negócio.
- Acesse Fuely AI → Automations.
- Em Website, abra a automação Website widget e ative-a. Como toda base automation, ela começa desligada.
- Adicione informações sobre o seu negócio à Knowledge Base — isso funciona da mesma forma que configurar a IA para Instagram, Facebook ou WhatsApp.
- Ajuste as configurações da automação se quiser um comportamento específico para o widget — por exemplo, follow-ups, agendamento automático ou Additional instructions sobre como a IA fala ali.
- Teste no Test chat para ver como a IA responde.
Quando um cliente precisar de atendimento humano, um atendente pode assumir a conversa a qualquer momento.
Ou peça ao AI Co-Worker
Diga o que você quer no chat:
"Ative o widget de chat no meu site e faça a IA responder por lá."
Ele ativa a automação Website widget, configura o que a IA responde ali e confirma o que configurou.
Ativando o widget de chat
Quando tudo estiver pronto, ative seu widget de chat.
- Abra
Settings>Website. - Ative ou desative o widget.
Widget de chat para site
Instale o widget de chat do Chatfuel no seu site e personalize o ícone e a mensagem de boas-vindas.
Como alterar o ícone do widget
Você pode personalizar o ícone (logo) que aparece dentro do chat aberto, mas o botão do widget fechado sempre usa o ícone padrão do Chatfuel — isso não muda.