Incorporando o Widget

Adicionar o widget de chat do Deskwoot ao seu site exige apenas uma linha de código. O widget carrega de forma assíncrona e não afeta o desempenho de carregamento da sua página.

Código de incorporação JavaScript

Após criar uma caixa de entrada para website, o Deskwoot gera um snippet JavaScript. Copie-o em Configurações > Caixas de entrada > sua caixa de entrada > Configuração. O snippet tem este formato: <script src="https://deskwoot.com/widget.js" data-token="YOUR_WIDGET_TOKEN" async></script>. Cole esse código antes da tag de fechamento </body> em todas as páginas onde você quer que o widget apareça.

Token do widget

O atributo data-token no código de incorporação é o identificador único do seu widget. Ele conecta o widget à sua caixa de entrada específica. Você pode encontrá-lo nas configurações da sua caixa de entrada. Pode mantê-lo no código do frontend sem preocupação — é seguro expô-lo publicamente, pois ele apenas permite que visitantes iniciem conversas.

React e Next.js

Para aplicações React, adicione a tag script ao seu index.html ou use um hook useEffect para carregá-lo dinamicamente. No Next.js, use o componente Script de next/script com strategy='afterInteractive' para um carregamento otimizado. Coloque-o no seu layout.tsx ou _app.tsx para carregar o widget em todas as páginas.

WordPress

No WordPress, vá até Aparência > Editor de Tema e abra o arquivo footer.php. Cole o script do widget antes da tag de fechamento </body>. Como alternativa, use um plugin como o 'Insert Headers and Footers' para adicionar o código sem precisar editar os arquivos do tema. Se você usa um page builder como o Elementor, adicione um widget de HTML com o código do script.

Aplicações single-page

O widget do Deskwoot funciona com todos os frameworks SPA, incluindo React, Vue, Angular e Svelte. Carregue o script uma única vez no shell da sua aplicação e ele persiste entre as mudanças de rota. Use o objeto global window.deskwootSettings para passar dados do usuário ou configurar o widget programaticamente.