Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Crear un chat en directo

Última actualización: junio 1, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes
Crea un chatflow con el chat en directo para conectar visitantes directamente con miembros de tu equipo. El chat en directo aparecerá como un widget en las páginas de tu sitio web para que los visitantes puedan hacer clic para comenzar una conversación con alguien en tu equipo, en tiempo real. Puedes crear un chat en directo que conecte a un visitante de tu página de precios con un miembro de tu equipo de ventas, u otro chat en directo que conecte a un visitante de tus artículos de la base de conocimientos con un miembro de tu equipo de asistencia

Nota: solo los usuarios con permisos deChatflows en la pestaña CRM pueden crear y editar chatflows.

Si quieres crear un chatflow con un bot que envíe respuestas automatizadas a los visitantes de tu sitio web, descubre cómo crear un bot.

live-chat-example

También puedes crear un chat en directo para tu cuenta de Facebook Messenger. Aprende a crear un chatflow para Facebook Messenger.

Antes de comenzar

Antes de crear un chat en directo, conecta un canal de chat a la bandeja de entrada de Conversaciones. El canal de chat es donde puedes personalizar la disponibilidad de tu equipo y la apariencia del widget. Además, si estás añadiendo el chat en directo a un sitio web que no está alojado con HubSpot, tienes que añadir el código de seguimiento a tus páginas externas antes de crear un chat en directo. El chat en directo no aparecerá si el código de seguimiento no está instalado.

  • En tu cuenta de HubSpot, dirígete a Conversaciones > Chatflows.
  • En la parte superior derecha, haga clic en Crear chatflow.
  • Selecciona Página web.
  • En la barra lateral izquierda, selecciona la opción Chat en directo:
    • Si quieres que un visitante pueda comenzar inmediatamente un chat contigo y tu equipo, selecciona chat en directo.
    • Si eres usuario de una cuenta Service Hub Professional o Enterprise y tienes al menos tres artículos de la base de conocimientos publicados, selecciona Búsqueda en la base de conocimientos y chat en directo para añadir la opción de buscar en la base de conocimientos directamente desde tu widget de chat en directo .
  • Haz clic en Siguiente.
  • Si tienes varias bandejas de entrada configuradas en tu cuenta, haz clic en el menú desplegable Seleccionar una bandeja de entrada y selecciona una bandeja de entrada diferente.
  • Para cambiar el idioma de tu chatflow desde inglés, en la parte izquierda, haz clic en el menú desplegable Seleccionar un idioma y selecciona otro idioma.
  • Haz clic en Siguiente.

1 1. Crear - crea un mensaje de bienvenida

Se te dirigirá a la pestaña Crear de la configuración del chat en directo. Aquí podrás personalizar el comportamiento del widget de chat y crear un mensaje de bienvenida que saludará a tus visitantes.

Nota: si quieres incrustar un widget de chat en tu aplicación de una sola página o personalizar tu chat en directo utilizando una API, obtén más información sobre el uso de la API de Conversaciones de HubSpot en nuestra documentación para desarrolladores.

  • Para personalizar el mensaje que aparece cuando un visitante inicia un chat por primera vez, haz clic en Mensaje de bienvenida para ampliar la sección y, a continuación, introduce texto en el cuadro de texto Escribe un mensaje de bienvenida. Más información sobre cambiar el idioma del mensaje de bienvenida.
  • Para añadir la barra de búsqueda de la base de conocimientos a tu chat en directo, haz clic en Búsqueda en la base de conocimientos para ampliar la sección y, a continuación, haz clic para activar el interruptor Activar búsqueda en la base de conocimientos.
  • Para dirigir las conversaciones entrantes a miembros específicos del equipo, haz clic en Asignar conversaciones automáticamente para expandir la sección, y luego haz clic en para activar el interruptor Asignar conversaciones automáticamente . Utiliza los menús desplegables de para seleccionar a qué usuarios o equipos asignar las conversaciones. Más información sobre cómo configurar las reglas de enrutamiento de en tu bandeja de entrada de Conversaciones.

Nota: solo los usuarios con los cupos de Sales Hub o Service Hub se pueden incluir en tus reglas de direccionamiento.

  • Para especificar cuándo se les debe solicitar a los visitantes que proporcionen su dirección de correo electrónico, haz clic en Captura de correo para ampliar la sección. Haz clic en el menú desplegable Pídeles a los visitantes su dirección de correo electrónico y selecciona una opción, luego ingresa el mensaje que se mostrará cuándo se le solicite a un visitante su dirección de correo electrónico. Más información sobre cómo crear contactos en la bandeja de entrada de conversaciones.

overview-of-build-tab

  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Objetivo.

2. Objetivo - Decide dónde debería aparecer el chat en directo

En la pestaña Objetivo, puedes decidir dónde se mostrará el widget de chat en directo en las páginas de tu sitio web. Puedes mostrar un widget de chat en directo cuando un visitante esté en una URL de página específica o en función de información conocida sobre tus visitantes. También puedes combinar las opciones de segmentación para crear una experiencia adaptada y personalizada para los visitantes a tu sitio. Más información sobre las diferentes opciones de targeting y las reglas de segmentación que puedes usar con tus chatflows.

  • Para mostrar el widget de chat en directo cuando un visitante se encuentre en una URL específica del sitio web, en la sección URL del sitio web :
    1. Haz clic en el primer menú desplegable y selecciona URL del sitio web.
    2. Haz clic en el segundo menú desplegable y selecciona una regla de selección .
    3. Introduce los criterios de tu regla en el campo de texto.website-url-targeting
  • Para mostrar el widget de chat en directo cuando un visitante está en una página web cuya URL incluye parámetros de consulta específicos:
    1. Haz clic en el primer menú desplegable y selecciona Parámetro de consulta.
    2. En el primer campo de texto, escribe el nombre del parámetro de consulta.
    3. En el segundo campo de texto, introduce el valor del parámetro de consulta .query-parameter-targeting
  • Para añadir otra regla, haz clic en Añadir regla.
  • Para excluir el widget de chat en directo de determinadas páginas (por ejemplo, una página de política de privacidad), haz clic en Añadir regla de exclusión.

También puedes dirigir tu chat en directo a contactos específicos en función de la información que conozcas sobre ellos. Para establecer criterios basados en la información del visitante, en la sección Información y comportamiento del visitante :

  • Haz clic en el primer menú desplegable y selecciona un filtro . Puedes utilizar filtros que se dirijan específicamente a contactos conocidos o a visitantes desconocidos.
  • Haz clic en el segundo menú desplegable y selecciona tu criteria.
  • Para añadir otra regla, haz clic en Añadir regla.
  • Para excluir el formulario emergente en determinadas páginas (por ejemplo, una página de política de privacidad), haz clic en Añadir regla de exclusión.
  • Para crear otro grupo de filtros con reglas de selección adicionales, haz clic en Añadir grupo de filtros.target-based-on-visitor-behavior
  • Para continuar, haz clic en Guardar en la parte inferior, y luego haz clic en la pestaña Mostrar .
Si tienes varios grupos de filtros configurados en tus reglas de targeting, descubre cómo funciona la lógica y/o en las reglas de targeting

3. Mostrar: personaliza la apariencia del chat en directo

En la pestaña Mostrar, personaliza la configuración de presentación del chat en directo, incluido el encabezado de chat, el comportamiento del widget de chat y los activadores del widget de chat. Para editar el color de acento del chat en directo y su ubicación en la página, aprende a personalizar aún más el aspecto del widget de chat de en la configuración de tu bandeja de entrada.

  • Haz clic para ampliar la sección Elegir avatar de chat, luego haz clic en el menú desplegable Encabezamiento del chat y selecciona el nombre y el avatar que aparecerán en el widget de chat.
    • Marca personalizada: muestra un nombre y una imagen genéricos del equipo.
      • Haz clic en el icono más add para subir una imagen o GIF, e introduce el nombre para mostrarlo.
      • Para aplicar la marca personalizada en toda la conversación de chat en lugar del nombre y el avatar del usuario, selecciona la casilla de comprobación Usa una marca personalizada a lo largo de la conversación como alias para los agentes. La marca personalizada también aparecerá en la transcripción del chat.

Nota: si seleccionas la casilla de comprobación Usa una marca personalizada a lo largo de la conversación como alias para los agentes, se eliminarán los enlaces de reunión agregados al widget de chat a través de la herramienta de reuniones.

    • Usuarios y equipos específicos: selecciona las casillas de verificación junto a los nombres a mostrar. Si seleccionas más de tres usuarios, los tres usuarios se mostrarán al azar. Aprende cómo tu idioma chatflow afecta a tu nombre para mostrar.
    • Propietario del contacto: haz clic en el menú desplegable Si el contacto no tiene propietario, asignar a y selecciona una opción de reserva para cualquier visitante nuevo o sin asignar que comience un chat.
persist-custom-branding-chat-widget
  • En la sección Comportamiento de presentación de chat, controla el comportamiento del widget en el escritorio o las pantallas móviles.

Nota: si un visitante decide minimizar un flujo de chat, HubSpot respetará ese comportamiento del visitante en todas las páginas y flujos de chat hasta que la cookie hs-messages-hide-welcome-message caduque transcurridas 24 horas. Esto puede ser contradictorio con la configuración de comportamiento de tu presentación de chat, por lo que tus chatflows podrían no mostrarse como se espera.

    • En la pestaña Escritorio, selecciona el botón de radio junto al comportamiento de presentación preferido:
      • Hacer que el mensaje de bienvenida abra automáticamente como un aviso: muestra una vista preliminar del mensaje de bienvenida arriba del widget de chat.
      • Mostrar solo la ventana de chat: solo mostrar el activador de chat para que los visitantes hagan clic para abrir la ventana de chat.
      • Mostrar el mensaje de bienvenida y luego abrir el chat emergente cuando se produzca la activación: muestra una vista preliminar del mensaje de bienvenida y abre el widget de chat cuando se produce una activación o cuando el visitante hace clic en el widget, lo que ocurra primero.
    • En función del comportamiento de visualización seleccionado, también puedes decidir cuándo cargar el widget de chat en la página. Selecciona la casilla de comprobación junto a la ventana de presentación de chat. El activador seleccionado se aplicará en el escritorio, en tabletas y dispositivos móviles.
      • En intento de salida: activar el widget de chat en directo cuando un visitante mueva el cursor hacia la parte superior de la ventana del navegador.
      • Tiempo en la página en segundos: activar el widget de chat en directo cuando una cantidad especificada de tiempo (en segundos) pasa mientras el visitante está en la página.

Nota: para una carga de página más rápida, HubSpot recomienda un retraso de 5 segundos o más. Más información sobre el tiempo de carga de la página de tu sitio .

      • Porcentaje de la página recorrida: activar el widget de chat en directo cuando el visitante se ha desplazado a un determinado punto de la página.
    • En la pestaña Móvil, selecciona el botón de radio junto al comportamiento de presentación preferido:
      • Hacer que el mensaje de bienvenida abra automáticamente como un aviso: muestra una vista preliminar del mensaje de bienvenida arriba del widget de chat.
      • Mostrar sólo el lanzador del chat: sólo muestra el lanzador del chat para que los visitantes tengan que hacer clic para abrir la ventana del chat.

        comportamiento de presentación de chat

Nota: para desactivar el flujo de chat en dispositivos móviles, puedes añadir una regla de exclusión en tus ajustes de segmentación de para ocultar el flujo de chat cuando alguien vea tu página en un dispositivo móvil


  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Opciones.

4. Opciones

En la pestaña Opciones , personaliza la configuración de idioma de tu chat en directo. Si has habilitado Reglamento General de Protección de Datos (RGPD) en tu cuenta, también puedes personalizar tu chat en directo para que incluya un paso para pedir a los visitantes de tu sitio web su consentimiento para comunicarse.

  • Para activar el texto de consentimiento de cookies para el widget de chat en directo, haz clic para activar el interruptor Consentimiento para recopilar cookies de chat . No puedes personalizar el texto de consentimiento de cookies que aparece en el banner.
  • Cuando actives el texto de consentimiento de cookies, podrás seleccionar cuándo debe aparecer el banner de consentimiento.
    • Para mostrar el banner de consentimiento antes de que un visitante comience un chat, selecciona el botón de radio Mostrar banner de consentimiento antes de que el visitante comience un chat.
    • Para mostrar el banner cuando el visitante comienza a salir de la página, selecciona el botón de radio Mostrar banner de consentimiento a visitantes al intentar salir.

consent-to-cookies-banner-settings

Nota: la configuración del GDPR para el consentimiento de recopilación de cookies no se mostrará dentro del widget de chat a los visitantes que se hayan identificado a través de la API de identificación de visitantes. Esto se debe a que HubSpot no eliminará los mensajes Utk cookie. El banner de cookies de analíticas no se verá afectado. Más información sobre la API de identificación del visitante en la documentación de desarrollador de HubSpot.

  • Para captar el consentimiento de los visitantes para procesar sus datos, haz clic para activar el interruptor Consentimiento para procesar datos .
    • Haz clic en el menú desplegable Tipo de consentimiento y selecciona uno de los siguientes elementos:
      • Requiere consentimiento explícito: los visitantes deberán hacer clic en Acepto para poder enviar un mensaje.
      • Interés legítimo: El consentimiento de los visitantes está implícito cuando empiezan a chatear contigo. Seguirá apareciendo el texto de consentimiento para el tratamiento de datos, pero no tendrán que hacer clic en Acepto para iniciar el chat. updated-chat-widget
    • En el campo Consentimiento de proceso texto, aparecerá el texto predeterminado de HubSpot. Puedes editar el texto para explicar por qué necesitas almacenar y procesar la información personal del visitante. Si personalizas el texto de consentimiento, pero quieres volver al texto predeterminado, haz clic en Restablecer a texto predeterminado proporcionado por HubSpot.consent-to-process-default-text
  • Para incluir a un visitante en un tipo de suscripción cuando empiece a chatear contigo, haz clic para activar el interruptor Consentimiento para comunicar .
    • Haz clic en el menú desplegable Tipo de suscripción y selecciona el tipo de suscripción al que quieres que se suscriban tus visitantes.
    • Usa el campo de texto Etiqueta de la casilla de comprobación para informar a los clientes acerca de qué tipo de comunicación están consintiendo.chatflows-live-chat-consent-to-communicate

Nota: aunque estas características se encuentran en HubSpot, tu equipo legal es el mejor recurso para que obtengas asesoría sobre cumplimiento para tu situación específica.


marketing-contacts-for-chatflows

  • Puedes enviar una encuesta de satisfacción del cliente desde el widget de chat. Cuando una conversación de chat termina, la encuesta aparecerá en el widget de chat. A medida que se recopilen las respuestas de la encuesta, aparecerán en la página de detalles de la encuesta y en el hilo de conversación de la bandeja de entrada de Conversaciones.
    • En la sección Recoge comentarios de visitantes del chat, haz clic en el menú desplegable Conectar encuesta existente y selecciona una encuesta.
    •  

Ten en cuenta que: sólo puedes conectar una encuesta existente que tenga seleccionado Chat como método de entrega.

collect-feedback-from-chat-visitors

    • Para crear una nueva encuesta que se conecte con el bot, haz clic en Crear una nueva encuesta y asegúrate de seleccionar Chat  como método de entrega
  • Haz clic en Guardar.

Revisa y añade el chat en directo a las páginas de tu sitio web

Cuando hayas terminado de configurar tu chat en directo, en la parte superior derecha, haz clic en Vista preliminar para revisar cómo aparecerá tu chat en directo en tu sitio web. Haz clic en para activar el interruptor y añadirlo a las páginas de tu sitio web. Si estás listo para empezar a chatear con los visitantes de tu sitio web, aprende cómo responder a los mensajes entrantes en tu bandeja de entrada de Conversaciones.

enable-chatflow


¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.