Conecte y personalice un canal de chat en la bandeja de entrada de conversaciones

Con un canal de chat conectado a tu bandeja de entrada de conversaciones, los visitantes pueden iniciar una conversación con tu equipo directamente desde tu sitio web. Los miembros de su equipo pueden chatear con los clientes en tiempo real o configurar un bot para que envíe respuestas preestablecidas y recopile 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 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 Bandeja de entrada & Centro de ayuda > Bandejas de entrada. Si tienes varias bandejas de entrada configuradas, utiliza el menú desplegable Vista actual para seleccionar la bandeja de entrada a la que deseas conectar un canal.
3. Haz clic en Conectar un canal.
4. Selecciona Chat.
5. Selecciona Web o Móvil.
6. 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.
7. Haga clic en el menú desplegable Fuente y seleccione una fuente.
   
   
8. Haz clic en Siguiente.
9. 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.
     
     
10. 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.
11. Haz clic en Siguiente.
12. Si aún no ha creado 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.
      
      
    • Active el interruptor Asignar conversaciones entrantes en y seleccione a qué usuarios y equipos desea asignar la conversación.
    • Haga clic en el menú desplegable Asignar a y seleccione una opción de enrutamiento:
      • Usuarios y equipos específicos: asigna los mensajes entrantes a los usuarios o equipos seleccionados. Selecciona los usuarios o equipos del menú desplegable Usuarios y equipos específicos.
      • Propietario del contacto: asigna los mensajes entrantes al propietario de un contacto. El contacto debe tener un propietario asignado a su registro y ser rastreado con una cookie. Si el propietario está sin conexión, el envío se realizará por correo electrónico al propietario del visitante.

      Nota: los mensajes entrantes sólo pueden dirigirse automáticamente a los usuarios que tengan asignadas licencias de Sales Hub o Service Hubs . 

13. 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.
14. Haz clic en Siguiente.
15. 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.
16. 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.

    Nota: si su sitio web está alojado en Wix, es posible que tenga que utilizar el SDK del widget de chat para dirigir sus páginas específicas a su chatflow. Más información sobre añadiendo el código de seguimiento a un sitio web alojado con Wix.

Editar la configuración del canal de chat

Una vez que haya conectado su canal de chat a la bandeja de entrada de conversaciones, puede personalizar su aspecto en , incluidos el color de visualización, el tipo de letra y la posición. 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 > Bandejas de entrada. Si tienes varias bandejas de entrada configuradas, utiliza el menú desplegable Vista actual para seleccionar la bandeja de entrada a la que está conectado tu canal de chat.
3. Coloca el cursor sobre el canal de chat y haz clic en Editar.
4. En la pestaña Configurar, edita la apariencia del widget, incluyendo el color de acento y la fuente. También puedes editar desde qué dirección de correo electrónico se envía la transcripción del chat.

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 > Bandejas de entrada. Si tienes varias bandejas de entrada configuradas, utiliza el menú desplegable Vista actual para seleccionar la bandeja de entrada a la que está conectado tu canal de chat.
3. Coloca el cursor sobre el canal de chat y haz clic en Editar.
4. En el menú de la barra lateral izquierda, haz clic en Chat web.
5. 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.
6. 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, 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 > Bandejas de entrada. Si tienes varias bandejas de entrada configuradas, utiliza el menú desplegable Vista actual para seleccionar la bandeja de entrada a la que está conectado tu canal de chat.
3. Coloca el cursor sobre el canal de chat y haz clic en Editar.
4. 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. Utilice los menús desplegables para ajustar la disponibilidad de su equipo. Haz clic en + Agregar horas para agregar intervalos de días y horarios adicionales.
   
   
   • El chat está disponible las 24 horas: selecciona esta casilla de comprobación si tu equipo siempre aparece disponible para chatear.
5. 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. Haz clic en el menú desplegable Mostrar tiempo usual de respuesta para permitir 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.
6. 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 a la bandeja de entrada de conversaciones.