Adicionar o widget de chat ao site

Etapas para configurar o widget de chat ao vivo

1. Acesse Administração > Configurações de chat > Widget de chat > Personalizar
2. Na aba Customize :
3. 1. Escolha a cor da marca
   2. Configure as mensagens de boas-vindas
   3. Opcionalmente, incorpore um formulário pré-chat para coletar informações ou entender a intenção do usuário antes do início da conversa
3. Use o botão widget de demonstração (no canto inferior direito) para visualizar suas personalizações
4. Quando estiver tudo pronto, acesse a aba Embed Code
5. Copie o trecho de código para incorporação
6. Cole-o na parte inferior do site ou da página de destino (logo antes de </body>)

✅ Pronto! Ao recarregar a página, o widget de chat estará ativo!

Enviar dados personalizados com os chats

Você pode enriquecer seu chat ao vivo com dados estruturados personalizados (como IDs de usuário, códigos de rastreamento etc.).

1. Primeiro, crie atributos personalizados, caso ainda não tenha feito isso. 📚 Guia de referência
2. Na aba Embed Code , localize a seção:

Chat attributes for which data will be sent from the website:

3. Selecione os atributos que você quer preencher previamente
4. Após a seleção, o código de incorporação será atualizado para incluir um objeto chatData
5. Substitua <value> no trecho de código por valores dinâmicos ou estáticos , conforme necessário
6. Adicione esse trecho de código atualizado à sua página de destino ou ao seu site

🎯 Quando um chat começar, o Chakra capturará e armazenará automaticamente os dados personalizados configurados!

Acompanhar as interações com o widget de chat

Você pode monitorar vários eventos do ciclo de vida do widget e acompanhá-los em ferramentas como Google Analytics, Mixpanel etc.

Etapas para configurar eventos:

1. Acesse a aba Embed Code
2. Procure por: eventos do widget que você quer monitorar
3. Selecione os eventos que você quer acompanhar. Eventos disponíveis:

• • widget:load 🟢 – Quando o botão de chat aparece
  • widget:open 📂 – Quando um usuário abre a janela de chat
  • widget:close ❌ – Quando a janela de chat é fechada
  • chat:start 💬 – Quando um chat começa
  • chat:end 🛑 – Quando um chat é encerrado
  • message:receive 📥 – Quando sua equipe envia uma mensagem
  • message:send 📤 – Quando o cliente envia uma mensagem

4. Depois que você selecionar os eventos que quer acompanhar, o script de incorporação será atualizado automaticamente para incluir ganchos de escuta de eventos para cada evento selecionado.
5. Copie este script de incorporação atualizado e cole-o no código do seu site ou da sua página de destino. ⚠️ Observação: as funções geradas são apenas marcadores provisórios — elas não rastrearão nada por padrão.
6. Você precisará adicionar sua própria lógica/código de análise dentro desses manipuladores para enviar dados à sua plataforma de análise