Adicionar um chatbot da ChatLab ao seu website Webflow permite que os visitantes interajam diretamente com o seu assistente de IA no seu site. Este guia explica passo a passo como obter o código de incorporação da ChatLab e colá-lo no Webflow.
Passo 1 - Copiar o código de incorporação da ChatLab
- Inicie sessão na ChatLab e selecione o chatbot que pretende incorporar
- Clique no separador Deploy (Publicar) e, em seguida, selecione Webflow no painel de plataformas à direita
- Escolha entre Widget (janela de chat que abre ao clicar num ícone de chat) ou Iframe (chat sempre visível incorporado na página). Consulte Qual é a diferença entre widget e Iframe? para ver uma comparação
- Clique em Copy to clipboard (Copiar para a área de transferência)
Passo 2 - Adicionar o código ao Webflow
Adicionar o código em Site Settings (Definições do Site) coloca o chatbot em todas as páginas do seu site Webflow.
- Abra o seu projeto no Webflow Dashboard
- Aceda a Site Settings > Custom Code (Código Personalizado)
- Cole o código copiado na secção Head Code (Código do Cabeçalho)
- Clique em Save Changes (Guardar Alterações)
- Faça Publish (Publicar) do seu site para que as alterações entrem em vigor
Adicionar apenas a uma única página
Se pretender que o chatbot apareça numa página específica em vez de todo o site:
- Abra a página no Webflow Designer
- Clique no ícone de roda dentada para abrir as Page Settings (Definições da Página)
- Desça até à secção Custom Code
- Cole o código no campo Head Code
- Guarde e publique o seu site
Verificar a instalação
Após a publicação, abra o seu site Webflow num navegador. Deverá ver o ícone de chat surgir no canto da página (para o modo widget) ou a janela de chat incorporada na página (para o modo iframe). Clique no ícone para abrir o chat e envie uma mensagem de teste para confirmar que tudo está a funcionar corretamente.