Conecte-se e personalize um canal de bate-papo na caixa de entrada de conversas

Com um canal de chat conectado à sua caixa de entrada de conversas, os visitantes podem iniciar uma conversa com a sua equipe diretamente a partir do seu website. Os membros da sua equipe podem conversar com os clientes em tempo real ou configurar um bot para enviar respostas predefinidas e coletar informações.

Você pode personalizar a aparência do widget do chat, incluindo a cor do widget e o avatar, e definir as preferências de disponibilidade da sua equipe.

Saiba como migrar um fluxo de chat existente para o help desk.

Conecte um canal de chat

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, navegue até Help desk da Caixa de & Entrada > Caixas de entrada. Se você tiver várias caixas de entrada configuradas, use o menu suspenso Visualização atual para selecionar a caixa de entrada à qual deseja conectar um canal.
3. Clique em Conectar um canal.
4. Selecione Chat.
5. Selecione Web ou Dispositivo móvel.
6. Por padrão, as cores do widget de chat serão baseadas nas configurações de branding da conta. Você pode personalizar a cor selecionando uma das outras cores predefinidas, ou inserindo manualmente um valor hexadecimal, ou clicando no separador de cores à direita do campo de valor hexadecimal e selecionando uma cor personalizada.
7. Clique no menu suspenso Fonte e selecione uma fonte.
   
   
8. Clique em Avançar.
9. Na página Disponibilidade , defina quando sua equipe deve aparecer disponível para conversar e informe aos visitantes quando eles podem esperar uma resposta. Selecione uma opção de disponibilidade:
   • Com base na disponibilidade do usuário: os visitantes podem conversar com sua equipe se pelo menos um membro da equipe atribuído em suas regras de atribuição estiver disponível.
   • Com base no horário de funcionamento do chat: defina dias e horários consistentes em que sua equipe deve aparecer disponível para conversar. Se você estiver criando um bot, saiba como personalizar as preferências de disponibilidade do bot com base nas configurações da sua caixa de entrada. Clique em +Adicionar horas para adicionar mais horários e períodos.
   • O bate-papo está disponível 24 horas por dia: marque esta caixa de seleção se sua equipe sempre aparecer disponível para bate-papo.
     
     
10. Na seção Comportamento de disponibilidade , configure a experiência de bate-papo com base na disponibilidade de suas equipes e informe aos visitantes quando eles podem esperar uma resposta. Selecione uma opção:
    
    • Para configurar a experiência do visitante quando sua equipe estiver disponível, clique na guia Disponível. Clique no menu suspenso Mostrar tempo de resposta típico para permitir que os visitantes saibam quando esperar uma resposta.
    • Para configurar a experiência do visitante quando sua equipe estiver ausente durante o horário comercial, clique na guia Ausente. Clique no menu suspenso Mostrar uma mensagem ausente e selecione um comportamento de widget no modo ausente.
      
      
    • Para configurar a experiência do visitante quando sua equipe não estiver disponível, clique no menu suspenso Definir comportamento offline da guia e escolha mostrar hora de retorno, mostrar uma mensagem de ausência ou ocultar o iniciador do bate-papo quando um visitante chegar ao seu site fora do horário comercial.
    • Para configurar a experiência do visitante quando sua equipe estiver na capacidade máxima (somente Service Hub Enterprise), clique no menu suspenso Se todos os membros da equipe estiverem com capacidade máxima, então e escolha mostrar uma mensagem de espera, ocultar o iniciador de chat ou não fazer nada. Saiba mais sobre como configurar limites de capacidade de chat para os usuários.
11. Clique em Próximo.
12. Se ainda não tiver um fluxo de chat criado, você será solicitado a configurar seu título de bate-papo, mensagem de boas-vindas e atribuição.
    
    • Clique no menu suspenso Cabeçalho de bate-papo e selecione o nome e o recurso avatar para aparecer no widget de bate-papo.
    • Na caixa de texto, digite uma mensagem de boas-vindas.
      
      
    • Ative a opção Atribuir conversas de entrada e selecione a quais usuários e equipes atribuir a conversa.
    • Clique no menu suspenso Atribuir a e selecione uma opção de roteamento:
      • Usuários e equipes específicos: atribua mensagens de entrada aos usuários ou equipes selecionados. Selecione os usuários ou as equipes no menu suspenso Usuários e equipes específicos.
      • proprietário do Contato: atribua mensagens de entrada ao proprietário de um contato. O contato deve ter um proprietário atribuído ao seu registro e ser rastreado com uma cookies.  Se o proprietário estiver off-line, a mensagem será enviada por e-mail para o proprietário do visitante.

      Observação: as mensagens de entrada só podem ser roteadas automaticamente para usuários com Sales hub ou Service hub atribuídos. 

13. Para exibir uma visualização da mensagem de boas-vindas acima do widget de bate-papo, marque a caixa de seleção para Pop abrir a mensagem de boas-vindas como um prompt.
14. Clique em Próximo.
15. Visualize como seu widget de chat será exibido em diferentes dispositivos usando os botões de tipo de dispositivo acima da visualização.
16. Clique em Publicar ou, se você estiver usando o widget de bate-papo em um site externo, precisará adicionar o código de rastreamento HubSpot ao seu página do site.
    • Para adicionar o código você mesmo, clique em Copiar</body>, em seguida, adicione o código imediatamente antes da tag em cada página que você deseja que o widget de bate-papo apareça.
    • Se precisar de ajuda para adicionar o código às páginas, clique no menu suspenso Exibir instruções para e selecione o provedor do seu site. Clique no ícone de link externo externalLink para exibir as instruções em uma guia de navegador separada. Se você hospedar seu site no WordPress, clique em Eu hospedo meu site no WordPress, em seguida, siga as instruções para instalar o HubSpot All-In-One Marketing - Formulários, Popups, Chat ao vivo WordPress plug-in.

    Por favor, note: se o seu site está hospedado com Wix, você pode precisar usar o Chat widget SDK para direcionar suas páginas específicas para o seu fluxo de chat. Saiba mais sobre como adicionar o código de rastreamento a um site hospedado no Wix.

Editar configurações do canal de chat

Depois de conectar seu canal de bate-papo à caixa de entrada de conversas, você pode personalizar sua aparência, incluindo cor de exibição, fonte, posicionamento. Você também pode ajustar seu comportamento e definir disparadores que controlam quando ele aparece para os visitantes, como rolagem, tempo na página ou tipo de dispositivo.

Personalizar cor e fonte de exibição

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, acesse Caixa de entrada e Help desk > Caixas de entrada. Se você tiver várias caixas de entrada configuradas, use o menu suspenso Visualização atual para selecionar a caixa de entrada à qual seu canal de chat está conectado.
3. Passe o cursor do mouse sobre o canal de chat e clique em Editar.
4. Na guia Configurar, edite a aparência do widget, incluindo a cor de destaque e a fonte. Você também pode editar de qual endereço de e-mail a transcrição do chat é enviada.

Personalizar o posicionamento do widget de chat

Escolha onde seu widget de chat deve aparecer em seu página do site e permita que os visitantes o reposicionem.

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, acesse Caixa de entrada e Help desk > Caixas de entrada. Se você tiver várias caixas de entrada configuradas, use o menu suspenso Visualização atual para selecionar a caixa de entrada à qual seu canal de chat está conectado.
3. Passe o cursor do mouse sobre o canal de chat e clique em Editar.
4. No menu da barra lateral esquerda, clique em Web chat.
5. Para escolher se o widget de bate-papo aparecerá à esquerda ou à direita, na seção widget de bate-papo, selecione Esquerda ou Direito .
6. Para permitir que os visitantes arrastem e reposicionem o widget de bate-papo, ative a opção widget de bate-papo.
   
   

Aprenda como fazer edições na configuração e aparência do fluxo de chat no editor bot ou chat ao vivo .

Editar configurações do SDK móvel

Se você estiver editando um fluxo de chat móvel usando o SDK do chat móvel, poderá acessar o arquivo de configuração e gerenciar notificações para iOS e Android. Saiba mais sobre como integrar um fluxo de chat HubSpot a um aplicativo móvel.

Personalizar a disponibilidade do canal de chat

Defina quando sua equipe deve aparecer disponível para bate-papo e informe aos visitantes quando eles podem esperar uma resposta.

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, acesse Caixa de entrada e Help desk > Caixas de entrada. Se você tiver várias caixas de entrada configuradas, use o menu suspenso Visualização atual para selecionar a caixa de entrada à qual seu canal de chat está conectado.
3. Passe o cursor do mouse sobre o canal de chat e clique em Editar.
4. Navegue até a guia Disponibilidade e selecione uma opção:
   • Com base na disponibilidade do usuário: os visitantes podem conversar com sua equipe se pelo menos um membro da equipe atribuído em suas regras de atribuição estiver disponível.
   • Com base no horário de funcionamento do chat: defina dias e horários consistentes em que sua equipe deve aparecer disponível para conversar. Use os menus suspensos para definir a disponibilidade da sua equipe. Clique em +Adicionar horas para adicionar mais horários e períodos.
   
   
   • Chat disponível 24/7: marque esta caixa de seleção se sua equipe sempre aparecer disponível para conversar.
5. Defina o comportamento de disponibilidade do seu fluxo de chat e informe aos visitantes quando eles podem esperar uma resposta. Selecione uma opção:
   • Para exibir o chat quando sua equipe estiver disponível, clique na guia Disponível. Clique no menu suspenso Mostrar tempo de resposta típico para permitir que os visitantes saibam quando esperar uma resposta.
   
   
   • Para exibir o chat quando sua equipe estiver ausente durante o horário comercial, clique na guia Ausente. Clique no menu suspenso Mostrar uma mensagem de ausência e selecione um comportamento de widget.
   • Para exibir o bate-papo quando sua equipe não estiver disponível, clique em Fora do horário de trabalho e clique no menu suspenso Definir comportamento offline e escolha mostrar hora de retorno, mostrar uma mensagem de ausência ou ocultar o iniciador do bate-papo quando um visitante chegar ao seu site fora do horário comercial.
   • Para configurar a experiência do visitante quando sua equipe estiver em capacidade máxima (somente Service Hub Enterprise), clique no menu suspenso Se todos os membros da equipe estiverem com capacidade máxima, então e escolha mostrar uma mensagem de espera, ocultar o iniciador de chat ou não fazer nada. Saiba mais sobre a configuração de limites de capacidade de chat para usuários.
6. Na parte inferior esquerda, clique em Salvar.

Você pode personalizar configurações de fluxo de chat adicionais, como a mensagem de boas-vindas e o avatar, na guia Exibição do chatbot baseado em regras ou do menu do editor de regras. Saiba mais sobre a personalização da aparência e do comportamento de um chat ao vivo , fluxo de chat baseado em regras ou fluxo de chat portátil.

Saiba mais sobre como conectar canais às caixas de entrada de conversas.