Criar um chat ao vivo

Crie um fluxo de chat com chat ao vivo para conectar os visitantes diretamente aos membros da sua equipe. O chat ao vivo aparecerá como um widget nas páginas do site que os visitantes podem clicar para começar uma conversa com alguém da sua equipe em tempo real. Você pode criar um chat ao vivo para conectar um visitante da página de preços a um membro da sua equipe de vendas, ou outro chat ao vivo que conecte um visitante dos artigos da central de conhecimento a um membro da sua equipe de suporte.

Observe: somente usuários com Fluxos de bate-papo permissões no CRM aba pode criar e editar fluxos de bate-papo.

Saiba mais sobre como criar um chatbot baseado em regras ou um Breeze Agent para atendimento ao cliente .

Você também pode criar um chat ao vivo para sua conta do Facebook Messenger. Aprenda como crie um fluxo de bate-papo para o Facebook Messenger.

Antes de começar

Antes de criar um chat ao vivo, conecte um canal de chat ao conversas caixa de entrada ou Central de Ajuda. No canal de chat, você pode personalizar a disponibilidade da sua equipe e a aparência do widget. Além disso, se você estiver adicionando o chat ao vivo a um site que não esteja hospedado no HubSpot, você precisará adicione o código de rastreamento às suas páginas externas antes de criar um chat ao vivo. O chat ao vivo não será exibido se o código de rastreamento não estiver instalado.

• Na sua conta HubSpot, acesse Automações > Fluxos de chat.
• No canto superior direito, clique em Criar fluxo de chat.
• Selecione Site.
• Na página Espaço de trabalho:
  • Clique no menu suspenso para selecionar uma caixa de entrada ou help desk. Você somente poderá selecionar caixas de entrada que tenham um canal conectado. Saiba mais sobre conectar canais à caixa de entrada. 
  • Para alterar o idioma do seu fluxo de chat em inglês, clique no menu suspenso Selecione um idioma e selecione outro idioma.
  • Clique em Próximo.
• Na página Fluxo de chat, selecione Chat ao vivo .
• Clique em Criar.

1. Criar - criar uma mensagem de boas-vindas

Você será redirecionado à guia Criar da configuração do chat ao vivo. Personalize o comportamento do widget de chat e crie uma mensagem de boas-vindas para os visitantes.

Observe: se você quiser incorporar um widget de chat em seu aplicativo de página única ou personalizar seu chat ao vivo usando uma API, saiba mais sobre como usar a API de conversas HubSpot na documentação do desenvolvedor do HubSpot.

• Para personalizar a mensagem exibida quando um visitante inicia um chat pela primeira vez, clique em Mensagem de boas-vindas para expandir a seção e insira o texto na caixa de texto Escreva uma mensagem de boas-vindas. Saiba mais sobre alterando o idioma da mensagem de boas-vindas.
• Para adicionar a barra de pesquisa da Central de conhecimento ao seu chat ao vivo, clique em Pesquisa na Central de conhecimento para expandir a seção e clique para ativar o botão Ativar pesquisa na Central de conhecimento.
• Para encaminhar as conversas recebidas para membros de equipe específicos, clique em Atribuir conversas automaticamente para expandir a seção, depois clique para ativar a opção Atribuir conversas automaticamente Use os menus suspensos para selecionar os usuários ou equipes as quais atribuir as conversas. Saiba mais sobre a configuração regras de roteamento na sua caixa de entrada de conversas ou Central de Ajuda.

Observe: somente usuários com atribuído Centro de vendas ou Centro de serviços assentos pagos pode ser incluído em suas regras de roteamento.

• Para especificar quando os visitantes devem ser solicitados a fornecer seus endereços de e-mail, clique em Captura de e-mail para expandir a seção. Clique no menu suspenso Peça aos visitantes o seu endereço de e-mail, selecione uma opção e insira a mensagem a ser mostrada ao solicitar o endereço de e-mail de um visitante. Saiba mais sobre criando contatos na caixa de entrada de conversas.

• Para continuar, clique em Salvar no canto inferior e clique na guia Destino.

2. Alvo - decida onde o chat ao vivo deve aparecer

Na guia Alvo, você pode decidir onde o widget de chat ao vivo será exibido nas páginas do site. Você pode mostrar o widget de chat ao vivo quando um visitante estiver em uma URL de página específica ou com base nas informações conhecidas sobre seus visitantes. Você também pode combinar as opções de direcionamento para criar uma experiência personalizada para visitantes do site. Saiba mais sobre os diferentes opções de segmentação e regras de segmentação que você pode usar com seus fluxos de bate-papo.

• Para exibir o widget de chat ao vivo quando um visitante acessar uma URL específica do site, na seção URL do site:
  1. Clique no primeiro menu suspenso e selecione URL do site.
  2. Clique no segundo menu suspenso e selecione um regra de segmentação.
  3. Insira os critérios de regra no campo de texto.

• Para mostrar o widget de chat ao vivo quando um visitante acessar uma página do site cuja URL inclui parâmetros de consulta específicos:
  1. Clique no primeiro menu suspenso e selecione Parâmetro de consulta. 
  2. No primeiro campo de texto, insira o nome do parâmetro de consulta.
  3. No segundo campo de texto, insira o valor do parâmetro de consulta.

• Para adicionar outra regra, clique em Adicionar regra.
• Para excluir o widget de chat ao vivo de determinadas páginas (por exemplo, de uma página de política de privacidade), clique em Adicionar regra de exclusão.

Você também pode direcionar seu chat ao vivo a contatos específicos com base nas informações conhecidas sobre eles. Para definir critérios com base nas informações do visitante, no Informações e comportamento do visitante seção:

• Clique no primeiro menu suspenso e selecione um filtro. Você pode usar filtros que direcionam especificamente os contatos ou visitantes conhecidos.
• Clique no segundo menu suspenso e selecione o critério.
• Para adicionar outra regra, clique em Adicionar regra.
• Para excluir o formulário pop-up em determinadas páginas (e.g., uma página de política de privacidade), clique em Adicionar regra de exclusão.
• Para criar outro grupo de filtros com regras de direcionamento adicionais, clique em Adicionar grupo de filtros.
• Para continuar, clique em Salvar no canto inferior e clique na guia Exibir.

3. Exibição - personalize a aparência do chat ao vivo

Na guia Exibição, personalize as configurações de exibição do chat ao vivo, incluindo o cabeçalho, o comportamento e os disparadores do widget de chat. Para editar a cor de destaque do chat ao vivo e o posicionamento na página, saiba como personalizar ainda mais o aparência do widget de bate-papo nas configurações da sua caixa de entrada.

• Clique para expandir a seção Escolher avatar do chat e clique no menu suspenso Título do chat e selecione o nome e o avatar para aparecer no widget de chat.
  • Marca personalizada: exibir um nome de equipe e imagem genéricos.
    • Clique no ícone de adição add para fazer upload de uma imagem ou GIF e insira o nome de exibição.
    • Para aplicar a marca personalizada ao longo de toda a conversa do chat, em vez do nome e do avatar do usuário, marque a caixa de seleção Usar marca personalizada ao longo da conversa como um alias para agentes. A marca personalizada também será exibida na transcrição do chat.

Observação: se você marcar a caixa de seleção Usar marca personalizada em toda a conversa como um alias para os agentes, os links de reunião adicionados ao widget de chat por meio da ferramenta de reuniões serão removidos.

• • Usuários e equipes específicos: marque as caixas de seleção ao lado dos nomes a exibir. Se você selecionar mais de três usuários, eles serão exibidos aleatoriamente. Aprenda como seu o idioma do chatflow afeta seu nome de exibição.
  • Proprietário do contato: clique no menu suspenso Se não houver um proprietário do contato, atribuir a e selecione uma opção de fallback para todos os visitantes novos ou não atribuídos que iniciarem um chat.

• Na seção de Comportamento de exibição do chat, controle o comportamento do widget em telas de desktop ou de dispositivos móveis.

Observe: se um visitante optar por minimizar um fluxo de bate-papo, o HubSpot respeitará o comportamento do visitante em todas as páginas e fluxos de bate-papo até que hs-mensagens-ocultar-mensagem-de-boas-vindas o cookie expira após 24 horas. Isso pode entrar em conflito com as configurações do comportamento de exibição do chat; portanto, seus fluxos de chat podem não abrir conforme esperado.

• • Na guia Desktop, selecione o botão de opção ao lado do comportamento de exibição preferido:
    • Abrir uma mensagem pop-up de boas-vindas como um prompt: exiba uma prévia da mensagem de boas-vindas acima do widget de chat.

• • • Mostrar apenas o iniciador de chat: exiba apenas o iniciador de chat para que os visitantes tenham que clicar para abrir a janela de chat.
    • Mostrar a mensagem de boas-vindas e abrir o chat quando o gatilho for cumprido: exiba uma visualização da mensagem de boas-vindas e abra o widget de chat quando um gatilho for cumprido ou quando o visitante clicar no widget, o que ocorrer primeiro.

• • Com base no comportamento de exibição selecionado, você também pode decidir quando carregar o widget de chat na página. Marque a caixa de seleção ao lado do disparador de exibição do chat. O disparador selecionado será aplicado no desktop, tablet e celular.

• • • Com intenção de saída: dispare o widget de chat ao vivo quando o mouse do visitante se mover em direção à parte superior da janela do navegador.
    • Tempo na página em segundos: dispare o widget de chat ao vivo quando o visitante permanece na página por um tempo especificado (em segundos).

Observação: para um carregamento de página mais rápido, a HubSpot recomenda um atraso de cinco segundos ou mais. Saiba mais sobre o seu site tempo de carregamento da página.

• • • Percentual da página navegada: dispare o widget de chat ao vivo quando o visitante navegar para um determinado ponto na página.

• • Na guia Móvel, selecione o botão de opção ao lado do comportamento de exibição preferido:
    • Abrir uma mensagem pop-up de boas-vindas como um prompt: exiba uma prévia da mensagem de boas-vindas acima do widget de chat.
    • Mostrar apenas o iniciador de chat: exiba apenas o iniciador de chat para que os visitantes tenham que clicar para abrir a janela de chat.
      
      
      
      

Observe: para desabilitar o fluxo de bate-papo em dispositivos móveis, você pode adicionar uma regra de exclusão em seu configurações de segmentação para ocultar o fluxo de bate-papo quando alguém visualiza sua página em um dispositivo móvel.

• Para continuar, clique em Salvar no canto inferior e clique na guia Opções.

4. Opções

Na guia Opções, personalize suas configurações de idioma do chat ao vivo. Se você tiver ativado as configurações de privacidade de dados em sua conta, poderá personalizar seu chat ao vivo para incluir uma etapa para solicitar aos visitantes do seu site o consentimento para se comunicarem.

• Clique no Selecione todoslíngua menu suspenso e selecione um preferência de idioma para seus dados de widget contextual, então clique Salvar.

• Para habilitar o texto de consentimento de cookie para o widget de chat ao vivo, clique para alternar o Consentimento para coletar cookies de bate-papo ligar. Não é possível personalizar o texto de consentimento com os cookies que aparece no banner.
• Quando você ativa o texto de consentimento com cookies, é possível selecionar quando o banner de consentimento deve aparecer.
  • Para exibir o banner de consentimento antes que um visitante inicie um chat, marque o botão de seleção Mostrar banner de consentimento antes do visitante iniciar um chat.
  • Para exibir o banner quando o visitante começa a sair da página, marque o botão de seleção Mostrar o banner de consentimento quando o visitante demonstrar intenção de sair.

Observação: As configurações de privacidade de dados para autorizar os cookies de coleta não serão mostradas no widget de chat para os visitantes que foram identificados pela API de identificação de visitantes. Isso ocorre porque o HubSpot não irá descartar o mensagensCookie Utk. O banner de cookie de análise não será afetado. Saiba mais sobre a API de Identificação do Visitante na documentação do desenvolvedor do HubSpot.

• Para capturar visitantes consentir no processamento dos seus dados, clique para alternar o Consentimento para processar dados ligar.
  • Clique no menu suspenso Tipo de consentimento e selecione uma das seguintes opções:
    • Exigir consentimento explícito: os visitantes precisarão clicar em Eu concordo antes de enviar uma mensagem.
    • Interesse legítimo: o consentimento do visitante está implícito quando ele começa a conversar com você. O texto do consentimento para processar dados ainda será exibido, mas não será necessário clicar em Eu concordo para iniciar o chat. 
  • No campo de texto Consentimento do processo , o texto padrão da HubSpot será exibido. É possível editar o texto para explicar por que você precisa armazenar e processar as informações pessoais do visitante. Se você personalizar o texto de consentimento, mas quiser retornar ao texto padrão, clique em Redefinir para o texto padrão fornecido pela HubSpot.
• Para inscrever um visitante em um tipo de assinatura quando eles começarem a conversar com você, clique para alternar o Consentimento para comunicar ligar.
  • Clique no menu suspenso Tipo de assinatura e selecione o tipo de assinatura ao qual você está adicionando os visitantes.
  • Use o campo de texto Rótulo da caixa de seleção para informar aos clientes a que tipo de comunicação eles estão consentindo.

Observação: embora esses recursos façam parte do HubSpot, sua equipe jurídica é o melhor recurso para fornecer orientação sobre conformidade para uma situação específica.

• Se você tem acesso a contatos de marketing na sua conta e você deseja que os contatos criados a partir deste fluxo de bate-papo sejam definir como contatos de marketing, clique para alternar o Contatos de marketing ligar.

• Você pode enviar um pesquisa de satisfação do cliente de dentro do widget de bate-papo. Quando uma conversa de chat terminar, a pesquisa aparecerá no widget de chat. À medida que as respostas à pesquisa forem coletadas, elas aparecerão na página de detalhes da pesquisa e no thread da caixa de entrada de conversas ou no help desk.
  • Na seção Coletar feedback dos visitantes do chat, clique no menu suspenso Conectar pesquisa existente e selecione uma pesquisa.

Observação: você somente pode conectar uma pesquisa existente que tenha Chat selecionado como método de entrega.

• • Para criar uma nova pesquisa para conectar ao bot, clique em Criar nova pesquisa e certifique-se de selecionar Chat  como método de entrega.

• Clique em Salvar.

Revise e adicione chat ao vivo às páginas do seu site

Quando terminar de configurar seu chat ao vivo, no canto superior direito, clique em Visualizar para revisar como o chat ao vivo aparecerá no site. Clique para ativar o botão para adicioná-lo às páginas do site. Se você estiver pronto para começar a conversar com os visitantes do seu site, aprenda como responder às mensagens recebidas na sua caixa de entrada de conversas ou Central de Ajuda.