Principal Bate-papo ao vivo no site
🗨️

Bate-papo ao vivo no site

Por Erick Pádua
5 artigos

Configurações de Chat ao Vivo no Site Explicadas

Configurando o Chat ao Vivo no Seu Site Este guia explica como configurar completamente o chat ao vivo no seu site, criar um canal de comunicação e personalizar as configurações para uma melhor experiência do usuário. 1. Compatibilidade e Requisitos O painel web e o widget de chat ao vivo funcionam nos seguintes navegadores: - Mozilla Firefox: a partir da versão 52 - Google Chrome / Chromium: a partir da versão 57 - Apple Safari: a partir da versão 14.1 - Microsoft Edge: a partir da versão 16 Para dispositivos móveis, são suportadas as versões: - Android: a partir da versão 5.0 - iOS: a partir da versão 11.0 2. Criando um Canal de Website 1. Acesse Configurações → Caixas de Entrada → Clique em Adicionar Caixa de Entrada. 2. Selecione o ícone Website. 3. Preencha os detalhes: - Nome do site: Exemplo Inc. - Domínio do site: www.exemplo.com - Cor do Widget: Escolha uma cor personalizada. - Cabeçalho de boas-vindas: Ex.: "Olá 👋" - Frase de boas-vindas: Ex.: "Estamos aqui para ajudar com suas dúvidas." - Habilitar saudação do canal: Para enviar uma saudação automática. - Mensagem de saudação: Ex.: "Olá! Como podemos ajudar?" 4. Clique em Criar Caixa de Entrada. 3. Adicionando Agentes - Adicione agentes à caixa de entrada para gerenciar conversas. - Mesmo se for administrador, adicione-se como agente para visualizar a caixa de entrada. 4. Integrando o Widget ao Site - Copie e cole o código de integração exibido na página dentro do código-fonte do seu site. 5. Configurações Adicionais Após criar a caixa de entrada, você pode personalizar ainda mais o atendimento ao cliente. 📌 Coleta de E-mail - Ativado por padrão, solicita o e-mail do cliente antes de iniciar a conversa. 📌 CSAT (Pesquisa de Satisfação) - Ative essa opção para coletar feedback do cliente ao final do atendimento. 📌 Colaboradores - Adicione ou remova agentes e habilite/desabilite a atribuição automática de conversas. 📌 Horário de Funcionamento - Defina o horário de atendimento da equipe e configure mensagens automáticas para horários fora do expediente. 📌 Formulário Pré-Chat - Coleta informações do cliente antes de iniciar a conversa (Nome, E-mail, Telefone). 📌 Construtor de Widget - Permite personalizar o design do widget e visualizar as mudanças em tempo real. Finalizando a Configuração Agora seu chat ao vivo está pronto para ser utilizado no seu site! 🚀

Última atualização em Feb 06, 2025

Como instalar o chat ao vivo usando o Google Tag Manager?

Se você usa o Google Tag Manager para gerenciar scripts no seu site, pode adicionar o Chatwoot diretamente por meio dele. Isso facilita a implementação sem precisar editar diretamente o código do site. Abaixo estão os passos detalhados para configurar o widget de chat ao vivo do Chatwoot. 1. Acessar o Google Tag Manager 1. Faça login no Google Tag Manager usando sua conta do Google. 2. No workspace do seu site, clique em Adicionar uma nova tag no painel. 2. Criar uma Nova Tag 1. Na janela pop-up de criação da tag, altere o nome padrão ("Tag sem título") para "Chatwoot" (ou outro nome de sua escolha). 2. Clique em Configuração de tag e selecione "HTML Personalizado". 3. Inserir o Código do Chatwoot 1. No painel de configuração da tag, copie o código do widget fornecido no Chatwoot. - Para obter o código: - Acesse Configurações → Caixas de Entrada. - Clique na caixa de entrada do Website. - Vá até a aba Configuração e copie o código do widget. 2. Cole o código na área de HTML Personalizado dentro do Google Tag Manager. 3. Marque a opção "Suporte a document.write" para garantir o funcionamento correto. 4. Configurar o Disparo da Tag 1. Clique em Disparo. 2. Selecione a opção "Todas as páginas" para garantir que o widget do Chatwoot seja carregado em todas as páginas do site. 3. Clique em Salvar. 5. Publicar as Alterações 1. No Google Tag Manager, você verá a tag do Chatwoot listada nas alterações do Workspace. 2. Clique em "Enviar" para implantar a tag no site. 3. Dê um nome à versão (ex.: "Instalação do Chatwoot") e clique em Publicar. 6. Verificar a Instalação - Atualize a página do seu site e verifique se o widget de chat ao vivo aparece no canto da tela. - Se não aparecer, tente limpar o cache do navegador ou utilizar o modo anônimo para testar. 🎉 Pronto! O Chatwoot está ativo no seu site via Google Tag Manager! 🚀

Última atualização em Feb 06, 2025