Adicionar um chatbot da ChatLab ao seu site Wix permite que os visitantes interajam com o seu assistente de IA diretamente no seu site. Este guia explica os passos para obter o código de incorporação da ChatLab e colá-lo no Wix.
Antes de começar
Antes de começar, crie o seu chatbot e certifique-se de que o seu site Wix está publicado com um domínio associado. O Wix documenta estes requisitos em Incorporar código personalizado no seu site. Também precisa de permissões para editar e publicar o website.
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 Wix no painel de plataformas à direita
- Escolha Widget para seguir os passos de código personalizado abaixo. Para um chat sempre visível, escolha Iframe e utilize as instruções de incorporação em página separada apresentadas mais abaixo. 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 Wix
- No seu painel de controlo do Wix, aceda a Settings (Definições)
- Em Development & integrations (Desenvolvimento e integrações), clique em Custom Code (Código personalizado). Os painéis mais antigos do Wix podem agrupar esta opção em Advanced (Avançadas).
- Clique em + Add Custom Code (+ Adicionar código personalizado) no canto superior direito
- Cole o código copiado na caixa de texto
- Introduza um nome para o seu código (por exemplo, "ChatLab")
- Em Add Code to Pages (Adicionar código a páginas), selecione em que páginas o chatbot deve ser apresentado - selecione All pages (Todas as páginas) para o apresentar em todo o site
- Em Place Code in (Colocar código em), selecione Head
- Clique em Apply (Aplicar)
Adicionar um iframe sempre visível
No Wix Editor, adicione um elemento HTML iframe/incorporado à página, cole o fragmento Iframe da ChatLab e redimensione o elemento para que o chat seja fácil de utilizar tanto no computador como no telemóvel. Publique a página. Um iframe tem de ser posicionado no esquema visível da página, e não no código personalizado em Head. Consulte o guia do Wix sobre conteúdo incorporado visível.
Verificar a instalação
Depois de guardar, abra o seu site Wix num browser. Deverá ver o ícone do chat surgir no canto da página (no modo widget) ou a janela de chat incorporada na página (no modo iframe). Clique no ícone para abrir o chat e envie uma mensagem de teste para confirmar que tudo está a funcionar corretamente.