Resolvendo problemas de Content Security Policy (CSP) que bloqueiam o widget, imagens e artigos da Base de Conhecimento
As instruções abaixo são apenas para desktops e laptops.
Se as imagens não estiverem aparecendo na sua Ferramenta do chat tawk.to ou os artigos da sua Base de Conhecimento aparecerem quebrados, carregarem parcialmente ou só exibirem após atualizar, a Content Security Policy (CSP) do seu site pode estar causando o problema.
O CSP é um recurso de segurança dos navegadores que controla quais recursos (imagens, scripts, estilos) podem ser carregados. Embora melhore a segurança, configurações excessivamente restritivas podem bloquear conteúdos legítimos, incluindo recursos do tawk.to.
Você pode estar enfrentando problemas de CSP se notar:
O widget aparece brevemente e depois desaparece.
As imagens dentro do widget não carregam.
O widget se comporta de forma imprevisível ou apresenta mau funcionamento.
Os artigos da Base de Conhecimento carregam incompletos ou apenas após atualizar a página.
As configurações de CSP permitem especificar quais fontes são confiáveis para carregar conteúdo no seu site. Se o CSP for muito restritivo, ele pode bloquear imagens, scripts e estilos necessários para que o widget do tawk.to funcione corretamente.
Para resolver isso, você precisa colocar os recursos do tawk.to na lista de permissões (whitelist) nas configurações do CSP.
Para permitir que o widget carregue corretamente, adicione as seguintes diretivas nos cabeçalhos de resposta do seu servidor:
Content-Security-Policy: style-src *.tawk.to fonts.googleapis.com cdn.jsdelivr.net
Content-Security-Policy: script-src *.tawk.to cdn.jsdelivr.net
Content-Security-Policy: frame-src *.tawk.to
Content-Security-Policy: font-src *.tawk.to fonts.gstatic.com
Content-Security-Policy: img-src *.tawk.to cdn.jsdelivr.net tawk.link s3.amazonaws.com
Content-Security-Policy: connect-src .tawk.to wss://.tawk.to
Content-Security-Policy: form-action *.tawk.to
Exemplo:
Se você não tiver certeza de como modificar a configuração do seu servidor, consulte o administrador do seu site ou o provedor de hospedagem. Para saber mais, consulte este guia sobre como adicionar cabeçalhos em servidores web comuns.
Se os artigos da Base de Conhecimento não carregarem corretamente, adicione isto à diretiva connect-src:
Isso garante que seus artigos carreguem corretamente na primeira vez que um visitante abrir a página.
Exemplo: Atualizando o CSP no Cloudflare
Para usuários do Cloudflare:
Vá para Cloudflare > Rules > Custom Rules > Content Security Policy
Aplique o conjunto completo de diretivas às páginas que exibem o widget ou os artigos da Base de Conhecimento. Isso garante que todos os recursos necessários sejam carregados sem precisar atualizar a página.
Limpe o cache do navegador
Dados em cache podem impedir que as alterações tenham efeito. Limpe seu cache e depois atualize a página.
Teste em vários navegadores
Diferentes navegadores lidam com o CSP de formas diferentes. Verifique Chrome, Firefox, Safari e Edge para identificar problemas específicos de cada navegador.
Se precisar de mais ajuda, agende uma chamada conosco e nós iremos ajudá-lo.
Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:
- Clique no ícone verde de chat ao vivo
- Agende uma chamada conosco
- Visite nossa comunidade