Integrando o Widget de Chat do HelpScout na Plataforma Discourse

:bookmark: Este guia explica como adicionar um widget de chat do HelpScout ao seu site Discourse, permitindo que os usuários iniciem chats individuais com sua equipe.

:person_raising_hand: Nível de usuário necessário: Administrador

Resumo

Este guia o guiará pelo processo de integração de um widget de chat do HelpScout no seu site Discourse. Essa integração permite que seus usuários iniciem conversas diretas com sua equipe, aprimorando o suporte e o engajamento do usuário.

Configurando o HelpScout

  1. Crie uma conta em https://www.helpscout.com/
  2. Conclua as etapas para configurar sua conta e caixa de entrada
  3. Clique em Set Up Beacon (Configurar Beacon)

  1. Configure suas configurações de Beacon

  1. Copie os scripts fornecidos usando o botão Copy (Copiar)

Adicionando o widget do HelpScout ao Discourse

  1. Navegue até o painel de administração do seu Discourse e vá para Themes & components (Temas e componentes) (em Personalizar na barra lateral do administrador)
  2. Clique em Install (Instalar)
  3. No modal de instalação, selecione a aba Create new (Criar novo)
  4. Insira um nome para o componente (por exemplo, “HelpScout Chat Widget”), defina o Tipo como “Component” e clique em Create (Criar)
  5. Selecione os temas onde deseja adicionar o novo componente para ativá-lo
  6. Clique em Edit Code (Editar Código)

  1. Vá para a aba common > <head>
  2. Cole o script do HelpScout que você copiou anteriormente
  3. Clique em Save (Salvar)

Configurando as configurações do site Discourse

  1. Nas configurações do seu site Discourse, pesquise por “content security policy script src” (src de script da política de segurança de conteúdo)
  2. Adicione o seguinte URL à lista de permissões:
    • https://beacon-v2.helpscout.net/

Verificando a integração

  1. Volte para a página inicial do seu Discourse
  2. Você deverá ver o ícone de chat no canto inferior direito, visível tanto para visitantes quanto para usuários registrados
    • Se você não vir o ícone, faça uma atualização forçada do site

Usando o widget de chat do HelpScout

Após a integração, seus usuários podem iniciar chats individuais com sua equipe:

Você pode acessar e responder às mensagens recebidas no painel e na caixa de entrada do HelpScout.

9 curtidas