¿Qué plan tengo?
Complemento Agentes IA - Avanzado

El widget de Zendesk Chat se puede personalizar para satisfacer un sinnúmero de requisitos. Una de las cosas que se pueden hacer es ocultar el menú desplegable de departamento. Este artículo le ayudará a realizar la personalización paso a paso dándole los fragmentos de script que necesitará.

Si tiene interés en obtener más información práctica, le recomendamos que lea estos dos artículos de Zendesk:

  • Configuración de los componentes del Web Widget
  • Personalización avanzada del Web Widget

En este artículo se tratan los siguientes temas:

  • ¿Por qué ocultar departamentos?
  • ¿Cómo ocultar el menú desplegable de departamento?
    • Paso 1: Editar el fragmento 
      • Comportamiento del widget
    • Paso 2: Agregar el fragmento a un sitio web o centro de ayuda
      • Ubicar el widget de Zendesk Chat en el centro de ayuda (Zendesk Guide)

¿Por qué ocultar departamentos?

El propósito de ocultar los departamentos es evitar que los usuarios finales actúen movidos por sus prejuicios. Al no mostrarles el menú desplegable en el formulario previo al chat, no se les permite seleccionar entre agente IA o agente humano. Así se ve el menú desplegable con y sin el fragmento.

Con el menú desplegable de departamento:

Sin el menú desplegable de departamento:

 

Widget de Chat

 

Widget de Chat 2

 

¿Cómo ocultar el menú desplegable de departamento?

Puede hacerlo en dos pasos sencillos: 

1. Editar el fragmento

2. Agregar el fragmento a un sitio web o centro de ayuda

 

Paso 1: Editar el fragmento

Edite el fragmento que sigue y cambie BOT_DEPARTMENT y HUMAN_DEPARTMENT por los nombres de sus departamentos o grupos en Zendesk Chat/Support.

 

Comportamiento del widget

  • Cuando un agente IA está conectado --> Seleccione el departamento del agente IA 
  • Cuando un agente IA está desconectado --> Seleccione un departamento humano 
<script>
zE('webWidget:on', 'chat:departmentStatus', function(dept) {
if (dept.name === 'BOT_DEPARTMENT' && dept.status === 'online') {
zE('webWidget', 'updateSettings', {
webWidget: {
chat: {
departments: {
enabled: [''],
select: 'BOT_DEPARTMENT'
},
}
}
});
} else if (dept.name === 'BOT_DEPARTMENT' && dept.status !== 'online') {
zE('webWidget', 'updateSettings', {
webWidget: {
chat: {
departments: {
enabled: [''],
select: 'HUMAN_DEPARTMENT'
},
}
}
});
}
});
</script>

❗ Se pueden hacer muchas cosas con los fragmentos de script personalizados. Ocultar el menú desplegable del departamento es imprescindible y es la opción a la que más recurrimos. 

 

Paso 2: Agregar el fragmento a un sitio web o centro de ayuda

Puede ocultar el menú desplegable insertando el fragmento justo debajo del fragmento de widget de Zendesk Chat en su sitio web o centro de ayuda.

Si no sabe dónde está el widget en su sitio web, póngase en contacto con el desarrollador.

 

Ubicar el widget de Zendesk Chat en el centro de ayuda (Zendesk Guide)

Asegúrese de haber agregado el widget al centro de ayuda. Para ello, deberá activarlo en Zendesk Support > Widget.

mceclip0.png

Así se agrega el Web Widget al encabezado document_heads.hbs del centro de ayuda, y se muestra el widget en todas las páginas del centro de ayuda.

Una vez agregado, el widget estará en Zendesk Guide > Administrador de Conocimiento > Personalizar diseño > Personalizar > Editar código > document_head.hbs. Si tiene dificultad para ubicarlo, las capturas de pantalla que siguen le pueden ayudar. 

 

zendesk_guide_1.png

zendesk_guide_2.png

zendesk_guide_3.png

Tecnología de Zendesk