Instale o widget de chat do ZapClaw em um site Webflow

Em resumo: no Webflow você cola o trecho de código do widget no código do rodapé das configurações de código personalizado do site e publica. Código personalizado no site inteiro exige um plano de site pago.

O que você precisa

• Um site Webflow em um plano de site pago. O código personalizado nas configurações do site não está disponível em um site gratuito.
• Acesso às configurações do site (o dono do workspace ou um administrador do site).
• 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 Webflow

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 Webflow, abra Site settings e vá para a aba Custom code.
3. Cole o trecho de código em Footer code, o campo que carrega antes da tag de fechamento </body>.
4. Clique em Save changes e depois em Publish no site.

O código personalizado roda no site publicado, não no Designer. Para mostrar o chat em uma página só, use o código personalizado das configurações dessa página.

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.
• Squarespace, no Code Injection.