Adicionando um widget de chat ao vivo ao site

O widget de chat ao vivo do Deskwoot permite que os visitantes do seu site iniciem conversas direto a partir dele. Ele carrega rápido, funciona perfeitamente no computador e no celular e pode ser personalizado para combinar com a sua marca. Abaixo, você encontra instruções passo a passo para configurar o widget, dicas para aproveitá-lo ao máximo e respostas para dúvidas comuns.

Criando a caixa de entrada do widget

1. Acesse Configurações > Caixas de entrada > Adicionar caixa de entrada.
2. Selecione Chat ao vivo como canal e depois Chat ao vivo no site.
3. Clique em Criar caixa de entrada. O Deskwoot cria a caixa de entrada e abre as configurações dela.
4. Na aba Configurações, configure o widget:
   • Dê um nome descritivo para a caixa de entrada (por exemplo, "Chat do site principal"). Só a sua equipe vê esse nome.
   • Defina a Cor do widget para que ele combine com a aparência do seu site.
   • Escreva um Título de boas-vindas e um Subtítulo de boas-vindas que cumprimentem os visitantes quando eles abrirem o chat.
   • Escolha a Posição do widget, Inferior esquerdo ou Inferior direito.
5. Salve cada seção que você alterou.

Instalando o widget

Depois de criar a caixa de entrada, o cartão Instalação do widget na aba Configurações mostra um trecho de código JavaScript com o token do seu widget. Para instalá-lo:

1. Copie o trecho de código fornecido.
2. Cole-o na seção <head> ou logo antes da tag de fechamento </body> de cada página em que você quer que o widget apareça.
3. Se você usa um gerenciador de tags como o Google Tag Manager, adicione o trecho como uma tag de HTML personalizado em vez disso.

Após publicar, abra o seu site em uma janela anônima para confirmar que o widget carrega corretamente.

O e-mail do visitante

Um chat ao vivo novo no site não tem etapa antes do chat: os visitantes escrevem na hora. Quando o Fynn responde o chat, ele responde primeiro e depois pede uma vez, no próprio chat, um endereço de e-mail, para que a sua equipe possa responder por e-mail se o visitante sair. O nome é opcional. Se você quer o endereço antes da primeira mensagem, ative Pedir o e-mail antes do chat na aba Configurações da caixa de entrada. Para pedir nome, telefone ou campos próprios, configure o formulário na aba Formulário pré-chat (a partir do plano Startup); enquanto ele estiver ativo, ele substitui a etapa do e-mail. Sem um bot de IA na caixa de entrada, ninguém pergunta no chat, e os visitantes ficam anônimos, a não ser que você ative a etapa do e-mail. Chats que você criou antes mantêm a configuração deles.

Personalização do widget

Personalize a aparência do widget nas configurações da sua caixa de entrada. Você pode mudar a cor, a posição, o título de boas-vindas, o slogan e a mensagem de saudação. O widget se adapta automaticamente às telas de celular, então não há necessidade de uma configuração separada para dispositivos móveis.

Dicas de boas práticas

• Mantenha a mensagem de boas-vindas curta. Uma ou duas frases simpáticas funcionam melhor do que um parágrafo longo.
• Use as cores da sua marca para manter uma experiência consistente para o visitante em todo o seu site.
• Ative Pedir o e-mail antes do chat se nenhum bot de IA responde o chat e a sua equipe não consegue responder na hora; assim você garante que poderá dar retorno por e-mail.
• Teste em vários dispositivos após a instalação para verificar se o widget aparece e funciona corretamente em navegadores de computador e de celular.

Solução de problemas

• Widget não aparece: Certifique-se de que o trecho de JavaScript está colocado corretamente e que nenhuma extensão de navegador ou bloqueador de anúncios está impedindo o carregamento. Limpe o cache e tente uma janela anônima.
• Conflitos de estilo: Se o CSS do seu site interferir na aparência do widget, procure por estilos globais que possam sobrepor elementos de iframe ou de botão.
• Carregamento lento: Colocar o trecho logo antes da tag de fechamento </body> garante que o widget carregue depois do seu conteúdo principal, reduzindo qualquer impacto na velocidade da página.

Perguntas frequentes