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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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.

Passo 2: Adicionar Código Usando Injeção de Código (Planos Business & Commerce)

Se você tem um plano Squarespace Business ou Commerce, pode adicionar o chatbot a todas as páginas de uma vez usando Injeção de Código:

Faça login na sua conta Squarespace e abra seu site
Clique em Settings na barra lateral esquerda
Clique em Advanced
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" no canto superior esquerdo

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 (Todos os Planos)

Se você está no plano Personal ou prefere adicionar o chatbot apenas a páginas específicas, pode usar Blocos de Código:

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
Clique fora do bloco para fechar o editor
Clique em "Save" no canto superior esquerdo

Importante: Ao usar Blocos de Código, você precisará adicionar o código a cada página onde deseja que o chatbot apareça. Para instalação em todo o site, use o método de Injeção de Código acima (requer plano Business ou Commerce).

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.

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 à etiqueta script e a barra ocupa o lugar da que o seu tema já tem. Adicione-o em Settings, Code Injection, Footer, o mesmo sítio do código do chat. O Squarespace só oferece Code Injection num plano Business ou Commerce, por isso precisa de um para instalar.

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