Integrando el widget de chat de Zendesk en la plataforma Discourse

Documentación Integraciones
,
1

:bookmark: Esta guía explica cómo agregar un widget de Zendesk Chat a su foro de Discourse, lo que le permite brindar soporte en tiempo real a sus usuarios.

:person_raising_hand: Nivel de usuario requerido: Administrador

Agregar un widget de Zendesk Chat a Discourse

Esta guía lo guiará a través del proceso de integración de un widget de Zendesk Chat en su foro de Discourse. Esta función le permite ofrecer soporte en tiempo real a los usuarios de su foro.

Creación de una cuenta de Zendesk

  1. Vaya a Register y complete el formulario de registro.

Screenshot 2024-03-01 at 2.02.44 PM
Screenshot 2024-03-01 at 2.02.44 PM1920×1020 62.6 KB

  1. Siga los pasos de registro y elija el nombre de su equipo. Este se convertirá automáticamente en la URL para acceder a Zendesk.

Screenshot 2024-03-01 at 2.03.57 PM
Screenshot 2024-03-01 at 2.03.57 PM1920×1081 64.3 KB

  1. Revise su correo electrónico y verifique su dirección de correo electrónico, luego inicie sesión en Zendesk.

Configuración del widget de Zendesk Chat

  1. Una vez que su cuenta esté configurada, vaya a su Centro de administración de Zendesk (https://your_team_name.zendesk.com/admin/home).

  2. En el panel del Centro de administración, haga clic en Channels (Canales) en el menú de la izquierda y luego seleccione Messaging (Mensajería):

Screenshot 2024-03-01 at 1.49.23 PM
Screenshot 2024-03-01 at 1.49.23 PM2248×1392 289 KB

  1. En la página de Mensajería, haga clic en el nombre de su equipo:

Screenshot 2024-03-01 at 1.50.11 PM
Screenshot 2024-03-01 at 1.50.11 PM2336×734 44.7 KB

  1. Complete los pasos de Add Web Widget (Agregar widget web):
    • Confirme el nombre del canal
    • Copie el fragmento de código del widget web
    • Personalice la apariencia del chat (color, posición, sonido, etc.)

Screenshot 2024-03-01 at 1.50.20 PM
Screenshot 2024-03-01 at 1.50.20 PM2314×1442 308 KB

Screenshot 2024-03-01 at 1.55.59 PM
Screenshot 2024-03-01 at 1.55.59 PM1232×1192 86.4 KB

Agregar el widget de Zendesk Chat a Discourse

  1. En el panel de administración de su Discourse, vaya a Admin (Administración) > Appearance (Apariencia) > Themes and Components (Temas y componentes) y cambie a la pestaña Components (Componentes), luego haga clic en Install (Instalar).

image
image627×695 21.4 KB

  1. Seleccione Create new (Crear nuevo).

image
image227×251 3.4 KB

  1. Ingrese un nombre para el componente, asegúrese de que el Tipo esté configurado como “Component” y haga clic en Create (Crear).

image
image671×288 8.1 KB

  1. Elija el tema(s) donde desea agregar el nuevo componente y luego haga clic en Edit CSS/HTML (Editar CSS/HTML).

image
image787×561 58.5 KB

  1. Navegue a la pestaña Common (Común) > <head>, pegue su script de Zendesk y haga clic en Save (Guardar).

Configuración de la Política de Seguridad de Contenido

  1. En la configuración de su sitio de Discourse, busque “content security policy script src”.
  2. Agregue https://static.zdassets.com/web_widget/ a la lista blanca.

Verificación de la instalación

  1. Recargue su sitio de Discourse. Ahora debería ver el ícono de chat en la parte inferior de su sitio, visible tanto para los visitantes como para los usuarios registrados.

image

image
image359×573 8.32 KB

Finalización de la configuración de Zendesk Chat

Después de agregar el widget a su foro de Discourse, deberá configurar sus opciones de chat:

  1. Vuelva a https://your-team-name.zendesk.com/admin/channels/messaging_and_social/channels_list

  2. Haga clic en el nombre de su equipo para acceder a la configuración del widget.

  3. Puede personalizar varios aspectos de su chat:

    • Style (Estilo): Ajuste la apariencia de su widget de chat para que coincida con el diseño de su foro.
    • Responses (Respuestas): Configure respuestas automáticas o mensajes predefinidos para consultas comunes.

:information_source: Recuerde probar su widget de chat a fondo después de realizar cualquier cambio para asegurarse de que funcione como se espera en su foro de Discourse.

14 Me gusta