Incorporando o widget

Adicionar o widget de chat do Deskwoot ao seu site leva apenas uma linha de codigo. O widget carrega de forma assincrona e nao afeta o desempenho de carregamento da sua pagina.

Codigo de incorporacao em JavaScript

Apos criar uma caixa de entrada de site, o Deskwoot gera um snippet em JavaScript. Copie-o em Configuracoes > Caixas de Entrada > sua caixa de entrada > Configuracao. O snippet se parece com isto: <script src="https://deskwoot.com/widget.js" data-token="YOUR_WIDGET_TOKEN" async></script>. Cole este codigo antes da tag de fechamento </body> em todas as paginas onde voce quer que o widget apareca.

Token do widget

O atributo data-token no codigo de incorporacao e o identificador unico do seu widget. Ele conecta o widget a sua caixa de entrada especifica. Voce pode encontra-lo nas configuracoes da sua caixa de entrada. Mantenha-o no codigo do seu frontend, e seguro expo-lo publicamente, pois ele permite apenas que os visitantes iniciem conversas.

React e Next.js

Para aplicacoes React, adicione a tag de script ao seu index.html ou use um hook useEffect para carrega-lo dinamicamente. No Next.js, use o componente Script de next/script com strategy='afterInteractive' para um carregamento ideal. Coloque-o no seu layout.tsx ou _app.tsx para carregar o widget em todas as paginas.

WordPress

No WordPress, acesse Aparencia > Editor de Temas 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 codigo sem editar os arquivos do tema. Se voce usa um construtor de paginas como o Elementor, adicione um widget HTML com o codigo do script.

Aplicacoes de pagina unica

O widget do Deskwoot funciona com todos os frameworks de SPA, incluindo React, Vue, Angular e Svelte. Carregue o script uma vez no shell do seu aplicativo e ele persiste entre as mudancas de rota. Use o objeto global window.deskwootSettings para passar dados do usuario ou configurar o widget de forma programatica.