Como Adicionar o Chatbot IA Asyntai ao Squarespace

Guia passo a passo para sites Squarespace

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 Code Injection

Se o seu site estiver em um plano Squarespace Core, Plus ou Advanced (ou em um plano Business ou Commerce mais antigo), você pode adicionar o chatbot a todas as páginas de uma vez usando o Code Injection:

Faça login na sua conta Squarespace e abra seu site
Clique em Pages no painel à esquerda
Clique em Custom Code na parte inferior do painel
Clique em Code Injection
Role até a seção Footer
Cole seu código de incorporação Asyntai na caixa de texto Footer
Clique em "Save"

Nota: No Squarespace 7.0, o Code Injection fica em Pages → Website Tools.

Dica: Adicionar o código na seção Footer o coloca logo antes da tag de fechamento </body>, que é o posicionamento recomendado para widgets de chat e não vai deixar o carregamento da sua página mais lento.

Alternativa: Usando blocos de código

Para adicionar o chatbot apenas a páginas específicas, você pode usar blocos de código. Um bloco de código só executa JavaScript em um plano Core, Plus ou Advanced (ou em um plano Business ou Commerce mais antigo).

Abra seu site no Editor do Squarespace
Navegue até a página onde deseja adicionar o chatbot
Clique em "Edit" na página
Passe o mouse sobre uma seção e clique em "+ Add Block"
Role para baixo e selecione "Code"
Clique no ícone de lápis para editar o bloco de código
Cole seu código de incorporação Asyntai
Certifique-se de que o menu Mode do bloco esteja definido como HTML
Clique fora do bloco para fechar o editor
Clique em "Save"

Importante: Ao usar blocos de código, você precisará adicionar o código a cada página onde quer que o chatbot apareça. Para instalar em todo o site, use o método Code Injection acima.

Passo 3: Verifique a Instalação

Após salvar suas alterações, abra seu site 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 salvou e publicou suas alterações. Tente limpar o cache do navegador ou visualizar seu site em uma janela anônima. O Squarespace pode levar alguns minutos para aplicar as alterações de código. Às vezes, o código não é executado enquanto você está conectado ao Squarespace, então verifique o site 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 Pages, Custom Code, Code Injection, Footer, o mesmo local do código do chat. O Squarespace só oferece o Code Injection em um plano Core, Plus ou Advanced (ou em um plano Business ou Commerce mais antigo), 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>