Como Adicionar o Chatbot de IA Asyntai ao Wix

Guia passo a passo para sites Wix

Plataforma:

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Painel do Asyntai e role para baixo até a seção "Código de incorporação". Copie seu código de incorporação exclusivo, que terá esta aparência:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Etapa 2: Adicionar o código usando Custom Code (Recomendado)

O Custom Code adiciona o chatbot a todas as páginas de uma vez. O Wix oferece esse recurso em sites publicados e com um domínio conectado, o que exige um plano Premium:

Faça login na sua conta Wix e vá para o Painel do seu site
Clique em Settings na barra lateral esquerda
Na seção Development & integrations, clique em Custom Code
Clique em "+ Add Custom Code" no canto superior direito
Cole o código de incorporação do Asyntai na caixa de texto
Digite um nome para o seu código (ex.: "Asyntai Chatbot")
Em "Add Code to Pages", selecione "All pages"
Em "Place Code in", selecione "Body - end"
Clique em "Apply" para salvar

Dica: Selecionar "Body - end" posiciona o script logo antes da tag de fechamento </body>, que é o posicionamento recomendado para widgets de chat.

Alternativa: Usando um elemento Embed HTML (Plano gratuito)

Sem um plano Premium, você pode adicionar o código a uma página com um elemento Embed HTML. O Wix exibe esse elemento como um iframe, então o widget de chat fica dentro da caixa do elemento e não flutua sobre a página. Deixe a caixa grande o suficiente para a janela de chat aberta.

Abra seu site no Editor Wix
Clique em "Add Elements" (o botão "+") na barra de ferramentas à esquerda
Selecione "Embed Code", depois "Popular Embeds" e depois "Embed HTML"
Clique em "Enter Code" e cole seu código de incorporação Asyntai
Clique em "Apply"
Arraste os cantos do elemento para deixá-lo grande o suficiente para a janela de chat aberta
Clique em "Publish" para salvar suas alterações

Importante: Com o método Embed HTML, você precisa adicionar o elemento a cada página onde quer que o chatbot apareça. Para adicioná-lo a todas as páginas de uma vez, use o método Custom Code acima.

Passo 3: Verifique a Instalação

Após adicionar o código, publique seu site e visite-o em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Certifique-se de que seu site está publicado (não apenas salvo). O Wix pode levar alguns minutos para aplicar alterações de código personalizado. Tente limpar o cache do navegador ou visualizar em uma janela anônima.

Adicionar a barra de pesquisa com IA

A barra de pesquisa com IA é um widget separado com o seu próprio código. Adicione-a a par do chat, ou sozinha. Requer o plano Standard ou superior: num plano inferior a barra aparece mas não devolve resultados.

Adicione o atributo data-replace à tag script e a barra substitui a que seu tema já tem. Adicione-o em Settings, Custom Code, o mesmo local do código do chat. O Wix só oferece o Custom Code em um plano Premium com um domínio conectado, então você precisa de um para instalar isto.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>