Como adicionar um chatbot com IA ao Squarespace (em 5 minutos)

A Nexoply é um assistente com IA que você cria no painel dela e adiciona ao seu site Squarespace com uma linha de código. O Squarespace só guarda essa linha; todo o resto é configurado na Nexoply, sem programar e sem chave de IA, porque a Nexoply cuida da IA. Na prática:

• Ele conhece o seu negócio. Adicione seus serviços e preços, perguntas frequentes, políticas, horários e áreas de atendimento, ou importe tudo das páginas públicas do seu site Squarespace (15 por varredura no plano Free). Nada é adicionado sem a sua aprovação.
• Ele responde só com essas informações. É instruído a dizer quando não sabe, em vez de chutar, e todas as conversas ficam no seu painel para revisão.
• Ele combina com o seu site. Botão de mensagem ou aba lateral, cores, fontes e logo, modelos prontos, um visual próprio no celular e botões na tela inicial como Agendar, Ligar ou WhatsApp.
• Ele responde em 12 idiomas. Quem escreve em outro idioma disponível recebe a resposta nesse idioma.
• O que ele não é. Não é uma caixa de entrada de chat ao vivo para atendentes humanos e não faz agendamentos nem recebe pagamentos; os botões levam o visitante à sua página de agendamento, ao seu telefone ou ao seu WhatsApp.

O plano Free inclui 50 conversas por mês; os planos pagos começam em US$ 19 por mês na página de preços. Para ver todas as opções, confira os recursos do chatbot.

Confira antes estas três coisas:

• Uma conta na Nexoply. Cadastre-se grátis: o plano Free inclui 50 conversas por mês, sem cartão.
• As informações do seu negócio na Nexoply: serviços e preços, perguntas frequentes, políticas, horários e áreas de atendimento. O jeito mais rápido é digitar o endereço do seu site Squarespace e deixar a Nexoply importar as páginas públicas, inclusive as feitas com JavaScript. Você revisa as sugestões; nada é adicionado sem a sua aprovação.
• Um plano do Squarespace que inclua o Code Injection: o plano Business ou superior. Se não tiver certeza, abra as configurações do Squarespace descritas abaixo e veja se o Code Injection está disponível no seu site.

No painel da Nexoply, abra a página Chatbot (clique em Criar chatbot se ainda não criou) e copie o código de instalação. Ele é assim:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

No lugar de YOUR-KEY vai a chave do seu chatbot, que a página Chatbot já preenche para você. A chave é pública: não é uma senha e não dá acesso à sua conta. Quer ver o assistente antes de mexer no Squarespace? Use Abrir uma página de teste com o seu chatbot para testar em uma página de exemplo.

1. 1

   Abra as configurações do site

   Entre no Squarespace, abra o site desejado e clique em Settings. Se você usa o Squarespace em português, os nomes dos menus podem aparecer traduzidos.

2. 2

   Vá em Code Injection

   Abra Advanced e depois Code Injection. É a área do site inteiro, então o código colocado aqui roda em todas as páginas.

3. 3

   Cole no Footer

   Cole o código da Nexoply na caixa Footer. A área do footer fica logo antes do fim de cada página, que é onde o código deve ficar.

4. 4

   Salve

   Clique em Save. Não há nada para instalar nem mais nada para configurar no Squarespace.

Abra o seu site publicado em uma nova janela anônima, para vê-lo como um visitante. Um botão de chat aparece no canto inferior. Faça uma pergunta real, como "Vocês têm opções vegetarianas?" ou "Posso reservar uma mesa para oito pessoas?" (veja mais exemplos no guia de chatbot com IA para restaurantes). Em segundos, a conversa aparece em Conversas no seu painel da Nexoply. Daí em diante, as alterações feitas no painel chegam ao site em cerca de um minuto, sem precisar voltar ao Squarespace.

• Plano. Se o Code Injection não aparece ou está bloqueado, o plano do seu site não o inclui. É preciso o plano Business ou superior.
• Caixa errada. Abra o Code Injection de novo e confira se o código está na caixa Footer, completo e sem alterações, de <script até </script>.
• Não salvou, ou versão antiga. Confira se clicou em Save e recarregue o site publicado em uma janela anônima, em vez de olhar com a sessão do editor aberta.
• Domínios permitidos. Se você configurou Permitir apenas nestes sites na página Chatbot, confira se cada endereço que os visitantes usam está escrito exatamente (por exemplo meuestudio.com.br, ou *.meuestudio.com.br para subdomínios).
• Chatbot desligado ou bloqueadores de anúncios. Verifique se a chave Chatbot ativado está ligada. Raramente, uma extensão do navegador bloqueia widgets de chat; teste em outro navegador.

O visual é definido no painel da Nexoply, não no Squarespace. Em Chatbot → Personalizar você escolhe o ícone do botão de mensagem (ou uma imagem sua), um texto, o formato, o tamanho, as cores e a posição, ou usa no lugar uma aba lateral na borda da tela (como "Ajuda"). Dá para definir um visual diferente no celular e usar regras de página para mudá-lo em páginas específicas (por exemplo /cardapio/*). Combine a janela de chat com as fontes e cores do seu site Squarespace, adicione seu logo ou comece por um modelo pronto. Uma tela inicial pode mostrar seus próprios botões, como Agendar, Ligar ou WhatsApp. O widget usa um Shadow DOM, então os estilos do seu site não mudam o chat, nem o contrário.

Depois, revise as conversas com frequência: as perguntas que o assistente não conseguiu responder aparecem em uma lista e viram perguntas frequentes com um clique. Leia como a Nexoply funciona para ter a visão completa, ou veja como adicionar um chatbot com IA a qualquer site se você também tem um site em outra plataforma.