Integración del widget de chat de HelpScout en la plataforma Discourse

:bookmark: Esta guía explica cómo añadir un widget de chat de HelpScout a tu sitio de Discourse, permitiendo a los usuarios iniciar chats individuales con tu equipo.

:person_raising_hand: Nivel de usuario requerido: Administrador

Resumen

Esta guía te guiará a través del proceso de integración de un widget de chat de HelpScout en tu sitio de Discourse. Esta integración permite a tus usuarios iniciar conversaciones directas con tu equipo, mejorando el soporte y la participación del usuario.

Configuración de HelpScout

  1. Crea una cuenta en https://www.helpscout.com/
  2. Completa los pasos para configurar tu cuenta y buzón de correo
  3. Haz clic en Set Up Beacon (Configurar Beacon)

  1. Configura tus ajustes de Beacon

  1. Copia los scripts proporcionados usando el botón Copy (Copiar)

Añadir el widget de HelpScout a Discourse

  1. Navega al panel de administración de Discourse y ve a Themes & components (Temas y componentes) (bajo la sección Customize (Personalizar) en la barra lateral de administración)
  2. Haz clic en Install (Instalar)
  3. En el modal de instalación, selecciona la pestaña Create new (Crear nuevo)
  4. Introduce un nombre para el componente (ej.: “HelpScout Chat Widget”), establece el Tipo en “Component”, y haz clic en Create (Crear)
  5. Selecciona los temas donde deseas añadir el nuevo componente para activarlo
  6. Haz clic en Edit Code (Editar código)

  1. Ve a la pestaña common > <head>
  2. Pega el script de HelpScout que copiaste anteriormente
  3. Haz clic en Save (Guardar)

Configuración de los ajustes del sitio de Discourse

  1. En los ajustes de tu sitio de Discourse, busca “content security policy script src” (fuente de script de política de seguridad de contenido)
  2. Añade la siguiente URL a la lista permitida:
    • https://beacon-v2.helpscout.net/

Verificación de la integración

  1. Vuelve a la página de inicio de tu Discourse
  2. Ahora deberías ver el icono de chat en la esquina inferior derecha, visible tanto para visitantes como para usuarios registrados
    • Si no ves el icono, realiza una actualización forzada del sitio

Uso del widget de chat de HelpScout

Una vez integrado, tus usuarios pueden iniciar chats individuales con tu equipo:

Puedes acceder y responder a los mensajes recibidos desde el panel de control y el buzón de correo de HelpScout.

9 Me gusta