Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.

Criar um chat ao vivo

Ultima atualização: Abril 29, 2024

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Todos os produtos e planos

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 sua 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 sua base de conhecimento a um membro da sua equipe de suporte.

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

Se quiser criar um fluxo de chat com um bot que envia respostas automatizadas aos visitantes do site, descubra como criar um bot.

live-chat-example

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

Antes de começar

Antes de criar um chat ao vivo, conecte um canal de chat ao caixa de entrada de conversas 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 estiver adicionando o chat ao vivo a um site que não está 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 será não aparecerá 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 Local na rede Internet.
  • No Área de trabalho página:
    • Clique no menu suspenso para selecionar uma caixa de entrada ou suporte técnico. 
    • Para alterar o idioma do seu fluxo de chat do inglês, clique no botão Selecione um idioma menu suspenso e selecione outro linguagem.
    • Clique em Próximo.
  • No Fluxo de bate-papo página, na barra lateral esquerda, selecione um opção de chat ao vivo:
    • Se você quiser que um visitante possa começar imediatamente um chat com você e sua equipe, selecione Chat ao vivo.
    • Se você é um usuário em um Centro de serviços Profissional ou Empreendimento conta e tenha pelo menos três Publicados artigos da base de conhecimento , selecione Pesquisa na base de conhecimento e chat ao vivo para adicionar a opção de pesquisar na base de conhecimento diretamente do seu Widget de bate-papo ao vivo.
  • Clique 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ê deseja 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 o API de conversas do HubSpot na documentação do nosso desenvolvedor.

  • Para personalizar a mensagem que aparece quando um visitante inicia um bate-papo pela primeira vez, clique em Mensagem de boas-vindas para expandir a seção e insira o texto no Escreva uma mensagem de boas-vindas caixa de texto. Aprender mais sobre alterando o idioma da mensagem de boas-vindas.
  • Para adicionar a barra de pesquisa da base de conhecimento ao seu chat ao vivo, clique em Pesquisa da Base de Conhecimento para expandir a seção e clique para alternar o Ativar pesquisa na Base de Conhecimento ligar.
  • Para encaminhar conversas recebidas para membros específicos da equipe, clique em Atribuir conversas automaticamente para expandir a seção e clique em para alternar o Atribuir conversas automaticamente ligar. Use o menus suspensos para selecionar a quais usuários ou equipes atribuir as conversas. Saiba mais sobre como configurar regras de roteamento na sua caixa de entrada de conversas ou Central de Ajuda.

Observe: apenas usuários com atribuído Centro de vendas ou Centro de serviços assentos pagos podem ser incluídos 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. Aprender mais sobre criando contatos na caixa de entrada de conversas.

overview-of-build-tab

  • 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 chat.

  • Para mostrar o widget de chat ao vivo quando um visitante está em um URL de site específico, na seção URL do site seção:
    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 seus critérios de regra no campo de texto.website-url-targeting
  • Para mostrar o widget de chat ao vivo quando um visitante está na página de um site cujo 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.query-parameter-targeting
  • Para adicionar outra regra, clique em Adicionar regra.
  • Para excluir o widget de chat ao vivo de determinadas páginas (por exemplo, uma página de política de privacidade), clique em Adicionar regra de exclusão.

Você também pode direcionar seu chat ao vivo para contatos específicos com base em 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 (por exemplo, uma página de política de privacidade), clique em Adicionar regra de exclusão.
  • Para criar outro grupo de filtros com regras de segmentação adicionais, clique em Adicionar grupo de filtros.target-based-on-visitor-behavior
  • Para continuar, clique em Salvar no canto inferior e clique na guia Exibir.
Se você tiver vários grupos de filtros configurados nas regras de direcionamento, saiba como funciona a lógica e/ou nas regras de direcionamento

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 e o posicionamento do chat ao vivo 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 o Escolha o avatar do bate-papo seção e clique no botão Título do bate-papo menu suspenso e selecione o nome e o avatar para aparecer no widget de bate-papo.
    • Marca personalizada: exibir um nome e imagem genéricos da equipe.
      • Clique no mais ícone add para fazer upload de uma imagem ou GIF e insira o nome mostrar.
      • 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 aparecerá 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íficas: selecione os caixas de seleção ao lado dos nomes a serem exibidos. Se você selecionar mais de três usuários, eles serão exibidos aleatoriamente. Saiba como seu a linguagem 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.
persist-custom-branding-chat-widget
  • 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 chat, a HubSpot respeitará o comportamento do visitante nas páginas e fluxos de chat até que o 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 bate-papo: exibe apenas o iniciador de bate-papo para que os visitantes tenham que clicar para abrir a janela de bate-papo.

        comportamento de exibição do chat

Observe: para desativar o fluxo de chat 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 ativou as configurações de privacidade de dados em sua conta , você também pode personalizar seu chat ao vivo para incluir uma etapa para solicitar o consentimento dos visitantes do seu site para se comunicarem.

  • 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.

consent-to-cookies-banner-settings

Observe: as configurações de privacidade de dados para consentimento para coleta de cookies não serão exibidas no widget de bate-papo para visitantes que foram identificados por meio da API de identificação de visitantes. Isso ocorre porque o HubSpot não descartará o mensagens Utk cookie. O banner de cookie de análise não será afetado. Saiba mais sobre a API de identificação de visitantes na documentação da HubSpot para desenvolvedores.

  • Para capturar visitantes consentimento para processar 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 de consentimento para processar dados ainda será exibido, mas não é necessário clicar Concordo para iniciar o bate-papo. updated-chat-widget
    • 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.consent-to-process-default-text
  • Para incluir 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 Tipo de assinatura menu suspenso e selecione o tipo de assinatura que você está optando para seus 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.chatflows-live-chat-consent-to-communicate

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.


marketing-contacts-for-chatflows

  • 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 da pesquisa são coletadas, elas aparecerão na página de detalhes da pesquisa e na conversa na caixa de entrada de conversas ou no suporte técnico.
    • Na seção Coletar feedback dos visitantes do chat, clique no menu suspenso Conectar pesquisa existente e selecione uma pesquisa.

Observe: você só pode conectar uma pesquisa existente que tenha Bater papo selecionado como método de entrega.

collect-feedback-from-chat-visitors

    • 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 alternar o trocar em para adicioná-lo às páginas do seu site. Se você está pronto para começar a conversar com os visitantes do seu site, saiba como responder às mensagens recebidas na caixa de entrada de suas conversas ou Central de Ajuda.

enable-chatflow

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.