Integrando chat ao site ou sistemas
🛠️ Integração do Chat do Tiflux com Sites e Sistemas
🛠️ Integração do Chat do Tiflux com Sites e Sistemas
🎯 Introdução
A integração do Chat do Tiflux com sites e sistemas permite oferecer suporte em tempo real diretamente dentro das aplicações web dos clientes. Com a configuração adequada, é possível personalizar o visual do chat, enviar informações pré-preenchidas e adaptar a posição do widget para melhor usabilidade.
📚 Sumário
🌐 Inserir o Chat do Tiflux no Site
🧩 Enviar Parâmetros Extras no Chat
🧠 Uso Estratégico de Parâmetros Extras no Chatbot
🎯 Personalização da Posição do Chat Widget
❓ Perguntas Frequentes (FAQ)
🔍 Palavras-chave para IA, indexação e busca
🌐 Inserir o Chat do Tiflux no Site
✅ Definição
O Tiflux oferece um script HTML configurável que pode ser integrado a sites ou aplicações web, permitindo a ativação do chat.
🛠️ Passo a Passo
Acesse:
Configurações > Geral > Chat
Configure as cores e ícones conforme a identidade visual desejada.
Copie o script HTML gerado.
Cole o código no site ou aplicação web.
Certifique-se de que o chat esteja ativo no Tiflux.
💡 Boas Práticas
Configure o chat visualmente antes de copiar o script.
Garanta que o código seja inserido em todas as páginas relevantes do site.
🧩 Enviar Parâmetros Extras no Chat
✅ Definição
É possível enviar informações personalizadas (ex: nome, e-mail, telefone) diretamente do site para o chat do Tiflux.
🛠️ Exemplo de Código com Parâmetros
💡 Boas Práticas
O preenchimento prévio agiliza o atendimento.
Informações como nome, e-mail e telefone devem ser passadas com precisão.
🧠 Uso Estratégico de Parâmetros Extras no Chatbot
✅ Definição
Os parâmetros extras podem ser utilizados no fluxo "Verificar parâmetros" do chatbot, permitindo respostas personalizadas.
🛠️ Exemplo com Parâmetros Personalizados
💡 Boas Práticas
Personalize os fluxos do chatbot usando os parâmetros recebidos.
Integre o chat a sistemas que já tenham dados do cliente para automatizar o atendimento.
🎯 Personalização da Posição do Chat Widget
✅ Definição
Agora é possível ajustar a posição do ícone do chat na tela do usuário.
🛠️ Exemplo de Código
💡 Boas Práticas
margin_bottom: ajusta a distância da parte inferior da tela.
margin_right: ajusta a distância da lateral direita da tela.
Personalize para garantir que o ícone não sobreponha elementos do site.
❓ Perguntas Frequentes (FAQ)
🔹 O chat pode ser inserido em qualquer site? Sim, desde que seja possível adicionar código HTML.
🔹 O que acontece se não enviar parâmetros extras? O chat abrirá normalmente, mas sem informações pré-preenchidas do cliente.
🔹 É possível esconder o ícone do chat?
Sim, utilizando o parâmetro show_chat_icon = 'false'
.
🔹 O chat pode ser personalizado para diferentes sistemas? Sim, cada sistema pode enviar parâmetros próprios no script.
🔹 O que é autoSend?
Quando autoSend
está ativado, o chat abre automaticamente solicitando a seleção de departamentos.
🔍 Palavras-chave para IA, indexação e busca
Last updated