Webflow

Use a página Canais → Incorporação no site → Widget de chat do seu agente para copiar o código de incorporação gerado completo. Ele contém o script de inicialização e do widget com o seu ID de agente e o URL atual do widget. Não use um URL de script copiado de um exemplo mais antigo.

O guia de código personalizado do Webflow indica que o código personalizado de site ou de página requer um Workspace Core, Growth, Agency ou Freelancer, ou um site com um plano Site ativo. Um Site manager ou Designer deve adicioná-lo. Verifique o plano e o acesso do seu site antes de começar.

Adicionar o widget em todo o site

1. No Agentkit, ative Widget de chat em Canais → Incorporação no site e copie as duas tags de script geradas.
2. No Webflow, abra Site settings → Custom code.
3. Cole o código completo em Footer code, antes da tag de fecho </body>. Não adicione uma segunda cópia em páginas individuais.
4. Guarde as alterações e depois publique no domínio que quer testar.
5. Abra uma página publicada e envie uma pergunta cuja resposta já tenha verificado numa fonte aprovada. Confirme que o widget carrega e que a resposta está correta.

Footer code aplica-se a todo o site. O Webflow também permite scripts em Head code, mas o seu guia recomenda colocar os scripts antes de </body> sempre que possível. Use o código gerado pelo Agentkit em vez de editar o seu URL ou ID. Para verificações gerais de incorporação, consulte o guia de incorporação em sites.

Adicionar o widget a uma única página

Se o widget deve aparecer apenas numa página, deixe-o fora das Site settings. No Designer do Webflow, abra Page settings → Custom code → Before </body> tag dessa página, cole as duas tags de script geradas, guarde e publique. O Webflow insere o código de página depois do código de todo o site, por isso adicionar o mesmo widget em ambos os lugares carregá-lo-ia duas vezes.

Testar o site publicado

O Webflow indica que o código personalizado pode ser executado na pré-visualização do Designer, mas as alterações não chegam aos visitantes até que publique. Teste primeiro o domínio de staging publicado *.webflow.io se o seu fluxo de trabalho o permitir, e depois o domínio personalizado que pretende usar. Se tiver restrições de domínio, permita cada domínio que testar de facto.

Se o widget não aparecer, verifique se Widget de chat está ativado no Agentkit, se o código completo aparece no código-fonte da página publicada, se o URL do script carrega no navegador e se publicou o domínio Webflow pretendido. Se o campo de código não estiver disponível, verifique o seu Workspace ou plano Site do Webflow e a sua função face às regras de acesso atuais do Webflow. Se o widget aparecer mas uma resposta falhar, verifique as fontes e as restrições de domínio do agente.

Para um painel de chat dentro de uma secção da página em vez de uma bolha flutuante, ative o canal Iframe separado e siga o guia de iframe.