Instale o widget de chat do ZapClaw em um site Squarespace

Em resumo: no Squarespace você cola o trecho de código do widget no campo de rodapé do Code Injection, nas ferramentas de desenvolvedor do site. O Code Injection faz parte dos planos mais altos do Squarespace, então confira o seu antes.

O que você precisa

• Um plano do Squarespace que inclua o Code Injection. O Squarespace o lista a partir do plano Business; se a opção não aparece, o seu plano não a inclui.
• Acesso às configurações do site (o dono do site ou um administrador).
• O trecho de código do widget, na área Agents do painel do ZapClaw.
• Copie o snippet exato do seu widget na área Agents do painel. O id acima é um exemplo: o seu é diferente.
• Sites permitidos. No painel, inclua o endereço do seu site nos sites permitidos do widget, exatamente como os visitantes o veem. https://www.example.com e https://example.com são dois endereços diferentes. Um site que não está na lista não mostra o balão.

<script async src="https://chat.zapclaw.app/loader.js" data-widget-id="YOUR_WIDGET_ID"></script>

As plataformas mudam o nome dos menus de tempos em tempos. Se um rótulo abaixo for diferente na sua tela, procure nas configurações da plataforma o nome entre aspas.

Adicione o trecho de código no Squarespace

1. No painel do ZapClaw, abra o seu widget em Agents e copie o trecho de código com o botão de copiar.
2. No Squarespace, abra Settings, depois Developer Tools e Code Injection. Em algumas versões fica em Advanced.
3. Cole o trecho de código no campo Footer.
4. Clique em Save.

O código injetado nem sempre roda enquanto você está logado no editor. Confira o resultado no site publicado, em uma janela anônima.

Confira se funciona

Abra o seu site publicado em uma janela anônima e procure o balão no canto que você escolheu. Sem balão? Confira se o agente está publicado, se o widget está ativo, se o seu endereço está nos sites permitidos e se nenhum bloqueador de conteúdo ou Content Security Policy o está impedindo.

Se o seu site tem uma Content Security Policy

A maioria dos sites não precisa de nada aqui. Um site com Content Security Policy rígida acrescenta duas entradas à política, e nada mais:

script-src https://chat.zapclaw.app
frame-src https://chat.zapclaw.app

Só se a sua política também restringe connect-src (ou não tem connect-src mas restringe default-src), acrescente também connect-src https://chat.zapclaw.app. O loader lê dali o visual do seu balão antes de desenhá-lo.

Nenhuma entrada de style-src é necessária: o loader aplica os estilos pela API de estilos do navegador, nunca por uma tag de estilo inline.

Modo anônimo

Nesta plataforma o widget funciona no modo anônimo. Ele responde com as bases de conhecimento que você marcou como públicas, coleta um contato e passa o caso para uma pessoa. O que significa o modo anônimo.

Uma frase para a sua política de privacidade

O widget trata o que seus visitantes digitam, em seu nome, então a sua política de privacidade deve dizer isso. Você pode adaptar esta frase:

O assistente de chat deste site é fornecido pelo ZapClaw, que trata as mensagens digitadas pelos visitantes em nosso nome, como nosso operador. O chat não grava cookies neste site, e as conversas são mantidas por 90 dias.

Outros guias de instalação

• Visão geral, com as linhas da Content Security Policy e a frase de privacidade.
• WordPress, para um site hospedado por você.
• WordPress.com, nos planos que permitem plugins.
• Google Tag Manager, com uma tag de HTML personalizado.
• Wix, com o Custom Code em um plano pago.
• Shopify, no código do tema ou em um app embed.
• Webflow, no código personalizado das configurações do site.