Conectar y personalizar un canal de chat en el centro de ayuda

Conecte un canal de chat al centro de ayuda y permita que los visitantes inicien una conversación con su equipo directamente desde su sitio web. Los miembros de su equipo pueden chatear con los clientes en tiempo real o configurar un bot basado en reglas para enviar respuestas preestablecidas y recopilar información.

Puedes personalizar la apariencia del widget de chat, incluyendo el color del widget y el avatar, y establecer las preferencias de disponibilidad de tu equipo.

Aprenda a crear un live chat, un chat basado en reglas o a migrar un chatflow existente a un centro de ayuda.

Conectar un canal de chat

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, vaya a la bandeja de entrada & Centro de ayuda> Centro de ayuda.
3. En la sección Fuentes y enrutamiento de tickets, selecciona Canales.
4. Haz clic en Conectar un canal.
5. Selecciona Chat.
6. Selecciona Web o Móvil.
7. Por defecto, los colores del widget de chat se basarán en la configuración de marca de tu cuenta de . Puede personalizar el color seleccionando uno de los otros colores preestablecidos , o introduciendo manualmente un valor hexadecimal, o haciendo clic en el selector de color a la derecha del campo de valor hexadecimal y seleccionando un color personalizado.
8. Haga clic en el menú desplegable Fuente y seleccione una fuente.
   
   
9. Haz clic en Siguiente.
10. En la página Disponibilidad , ajuste cuándo debe aparecer su equipo disponible para chatear e indique a los visitantes cuándo pueden esperar una respuesta. Selecciona una opción de disponibilidad:
    • Basado en la disponibilidad del usuario: los visitantes pueden chatear con su equipo si al menos un miembro del equipo asignado en sus reglas de asignación está disponible.
    • Según el horario de trabajo: establece días y horarios uniformes en los que tu equipo debería estar disponible para chatear. Si estás creando un bot, aprende a personalizar las preferencias de disponibilidad del bot en función de los ajustes de tu bandeja de entrada.Utiliza los menús desplegables para ajustar la disponibilidad de tu equipo. Haz clic en + Agregar horas para agregar intervalos de días y horarios adicionales.
    • El chat está disponible 24/7: seleccione esta casilla de verificación si su equipo siempre aparece disponible para chatear.
      
      
11. En la sección Comportamiento de disponibilidad , configure la experiencia de chat en función de la disponibilidad de sus equipos e informe a los visitantes de cuándo pueden esperar una respuesta. Selecciona una opción:
    
    • Para configurar la experiencia del visitante cuando tu equipo esté disponible, haz clic en la pestaña Disponible. Haz clic en el menú desplegable Mostrar tiempo usual de respuesta para permitir que los visitantes sepan cuándo pueden esperar una respuesta.
    • Para configurar la experiencia del visitante cuando tu equipo esté ausente durante el horario de trabajo, haz clic en la pestaña Ausente. Haga clic en el menú desplegable Mostrar un mensaje de ausencia y seleccione un comportamiento de widget de modo de ausencia.
      
      
    • Para ajustar la experiencia del visitante cuando su equipo no está disponible, haga clic en el menú desplegable de la pestaña Establecer comportamiento offline y elija entre mostrar la hora de regreso, mostrar un mensaje de ausencia u ocultar el lanzador de chat cuando un visitante llega a su sitio fuera del horario comercial.
    • Para configurar la experiencia del visitante cuando tu equipo esté al máximo de su capacidad (Service Hub Enterprise únicamente), haz clic en el menú desplegable Si todos los miembros del equipo están al máximo de su capacidad, entonces y elige entre mostrar un mensaje de espera, ocultar la ventana del chat o no hacer nada. Más información sobre cómo configurar los límites de capacidad del chat para los usuarios.
12. Haz clic en Siguiente.
13. Si aún no tiene un chatflow, se le pedirá que ajuste el encabezamiento del chat, el mensaje de bienvenida y la asignación.
    
    • Haz clic en el menú desplegable Encabezado del chat y selecciona el nombre y el avatar que aparecerán en el widget de chat.
    • Introducir un mensaje de bienvenida en el cuadro de texto.
      
      
    • Haga clic en el menú desplegable Asignar tickets entrantes a y seleccione a qué usuarios y equipos asignar los tickets.
14. Para mostrar una vista previa del mensaje de bienvenida encima del widget de chat, seleccionela casilla de verificación para Pop open the welcome message as a prompt.
15. Haga clic en Siguiente.
    
16. Vista preliminar de cómo aparecerá tu widget de chat en distintos dispositivos usando los botones del tipo de dispositivo encima de la vista preliminar.
17. Haz clic en Publicar, o si utilizas el widget de chat en un sitio web externo, tendrás que añadir el código de seguimiento de HubSpot a las páginas de tu sitio web.
    • Para añadir el código tú mismo, haz clic en Copia, luego añade el código justo antes de la etiqueta </body> en cada página en la que quieras que aparezca el widget de chat.
    • Si necesitas ayuda para agregar el código a tus páginas, haz clic en el menú desplegable Ver instrucciones para y selecciona tu proveedor de sitio web. Haz clic en el externalLink ícono de enlace externo para ver las instrucciones en una pestaña del navegador independiente. Si alojas tu sitio web en WordPress, haz clic en Alojo mi sitio en WordPress, y luego sigue las instrucciones para instalar el plugin de WordPress HubSpot All-In-One Marketing - Forms, Popups, Live Chat.

Editar la configuración del canal de chat

Una vez que haya conectado su canal de chat al centro de ayuda, puede personalizar su apariencia en , incluyendo el color de la pantalla, la fuente y el posicionamiento. También puede ajustar su comportamiento y establecer desencadenantes que controlen cuándo aparece a los visitantes, como el desplazamiento, el tiempo en la página o el tipo de dispositivo.

Personaliza el color y la fuente de la pantalla

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega a Bandeja de entrada y centro de ayuda > Centro de ayuda.
3. En la sección Fuentes y enrutamiento de tickets, selecciona Canales.
4. Coloca el cursor sobre el canal de chat y haz clic en Editar.
5. En la pestaña Configurar , edite la apariencia del widget, incluyendo el color de acento y la fuente.
   
   
6. Para activar las transcripciones automáticas del chat, activa el interruptor de transcripción del chat .
7. Para realizar cambios en la configuración de disponibilidad, haz clic en la pestaña Disponibilidad .

Personalizar la posición del widget de chat

Elija dónde debe aparecer el widget de chat en las páginas de su sitio web y permita que los visitantes lo cambien de posición.

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega a Bandeja de entrada y centro de ayuda > Centro de ayuda.
3. En la sección Fuentes y enrutamiento de tickets, selecciona Canales.
4. Coloca el cursor sobre el canal de chat y haz clic en Editar.
5. En el menú de la barra lateral izquierda, haz clic en Chat web.
6. Para elegir si su widget de chat aparecerá a la izquierda o a la derecha, en la sección Colocación del widget de chat, seleccione Izquierda o Derecha.
7. Para permitir que los visitantes arrastren y cambien de posición el widget de chat, active el interruptor de movimiento del widget de chat.
   
   

Aprenda a editar la configuración y el aspecto de los chatflows en el editor de bots o live chat .

Editar ajustes del SDK móvil

Si está editando un chatflow móvil mediante el SDK de chat móvil, puede acceder al archivo de configuración y gestionar las notificaciones para iOS y Android. Más información sobre la integración de un chatflow de HubSpot con una aplicación móvil.

Personalizar la disponibilidad del canal de chat

Ajuste cuándo debe aparecer su equipo disponible para chatear e informe a los visitantes de cuándo pueden esperar una respuesta.

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Centro de ayuda.
2. En el menú de la barra lateral izquierda, navega a Bandeja de entrada y centro de ayuda > Centro de ayuda.
3. En la sección Fuentes y enrutamiento de tickets , seleccione Canales.
4. Coloca el cursor sobre el canal de chat y haz clic en Editar.
5. Vaya a la pestaña Disponibilidad y seleccione una opción:
   
   • Basado en la disponibilidad del usuario: los visitantes pueden chatear con su equipo si al menos un miembro del equipo asignado en sus reglas de asignación está disponible.
   • Según el horario de trabajo: establece días y horarios uniformes en los que tu equipo debería estar disponible para chatear. Si estás creando un bot, aprende a personalizar las preferencias de disponibilidad del bot en función de los ajustes de tu bandeja de entrada.Utiliza los menús desplegables para ajustar la disponibilidad de tu equipo. Haga clic en + Añadir horas para añadir intervalos de días y horas adicionales.
     
     

5. • El chat está disponible las 24 horas: selecciona esta casilla de comprobación si tu equipo siempre aparece disponible para chatear.
6. Establece el comportamiento de disponibilidad de tu chatbot y hazles saber a los visitantes cuándo pueden esperar una respuesta. Selecciona una opción:

• • Para mostrar el chat cuando tu equipo esté disponible, haz clic en la pestaña Disponible. Haga clic en el menú desplegable Mostrar tiempo de respuesta típico para que los visitantes sepan cuándo pueden esperar una respuesta.
    
    

• • Para mostrar el chat cuando tu equipo esté ausente durante el horario laboral, haz clic en la pestaña Ausente. Haz clic en el menú desplegable Mostrar mensaje de ausencia y selecciona un comportamiento de widget.

• • Para mostrar el chat cuando su equipo no esté disponible, haga clic en Fuera del horario laboral y en el menú desplegable Establecer comportamiento offline y elija entre mostrar la hora de regreso, mostrar un mensaje de ausencia u ocultar el lanzador del chat cuando un visitante llegue a su sitio fuera del horario laboral.
  • Para configurar la experiencia del visitante cuando tu equipo está al máximo de su capacidad (solo Service Hub Enterprise), haz clic en el menú desplegable Si todos los miembros del equipo están al máximo de su capacidad, entonces y elige entre mostrar un mensaje de espera, ocultar el activador de chat o no hacer nada. Más información sobre la configuración de límites de capacidad de chat para los usuarios.

7. En la parte inferior izquierda, haga clic en Guardar.

Puede personalizar ajustes adicionales de chatflow, como el mensaje de bienvenida y el avatar, en la pestaña Pantalla del editor de chatbot basado en reglas o de live chat. Obtenga más información sobre cómo personalizar el aspecto y el comportamiento de un live chat, un chatflow basado en reglas o un chatflow móvil.

Más información sobre la conexión de canales con el centro de ayuda.