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í.
Chatflows

Crear un chat en vivo

Última actualización: julio 28, 2020

Crea un chatflow con el chat en vivo para conectar visitantes directamente con miembros de tu equipo. El chat en vivo 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 vivo para conectar un visitante en tu página de precios con un miembro de tu equipo de ventas o puedes crear otro chat en directo que conecta un visitante en los artículos de tu base de conocimientos con un miembro de tu equipo de asistencia técnica.

Nota: solo usuarios con permisos de acceso de Cuenta 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-exampleTambién puedes crear un chat en vivo para tu cuenta de Facebook Messenger. Descubre cómo crear un chatflow para Facebook Messenger.

Antes de comenzar

Antes de crear un chat en vivo, 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 agregas el chat en vivo a un sitio web que no está alojado con HubSpot, debes usar agregar el código de seguimiento a tus páginas externas antes de crear un chat en vivo. El chat en vivo 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, haz clic en Crear chatflow.
  • Seleccionar Sitio 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 en una cuenta de Service Hub Pro o Enterprise y tienes al menos tres artículos publicados en la base de conocimientos, selecciona Búsqueda de base de conocimientos & chat en directo para agregar la opción de búsqueda de 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.
  • Si tienes más de una bandeja de entrada de conversaciones configurada, en el cuadro de diálogo, haz clic en el menú desplegable y selecciona una bandeja de entrada compartida.

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 la aplicación de una sola página o personalizar tu chat en directo usando la API, descubre más información sobre cómo usar la API de conversaciones de HubSpot en la documentación de nuestro desarrollador.

  • Para personalizar el mensaje que aparece cuando un visitante comienza por primera vez un chat, escribe un mensaje en la casilla de texto Escribir un mensaje de bienvenida. Más información sobre cómo cambiar el idioma del mensaje de bienvenida.
  • Para agregar la barra de búsqueda de la base de conocimientos a tu chat en vivo, haz clic en el interruptor para Activar búsqueda de base de conocimientos.
  • Si quieres dirigir las conversaciones entrantes a miembros del equipo específicos, haz clic para activar el interruptor Asignar automáticamente conversaciones. Luego, usa los menús desplegables para seleccionar los usuarios o equipos a los que se les asignarán las conversaciones. Más información sobre cómo configurar las reglas de enrutamiento 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.

  • Haz clic en el menú desplegable Pídele a los visitantes su dirección de correo electrónicopara especificar cuándo se debe solicitar a los visitantes que proporcionen su dirección de correo electrónico. Más información sobre cómo crear contactos en la bandeja de entrada de conversaciones.
  • En el cuadro de texto Mensaje de captura de correo electrónico, escribe el mensaje para mostrar cuándo el widget de chat solicita a un visitante su dirección de correo electrónico.

updated-live-chat-build-tab

  • En la parte superior derecha, haz clic en Vista preliminar para ver una vista preliminar de tu chat en vivo.

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

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 esté en una URL de sitio web específica, 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 targeting.
    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 de sitio web cuya URL incluya parámetros de consulta específicos:
    1. Haz clic en el primer menú desplegable y selecciona el 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, escribe el valor del parámetro de consulta.query-parameter-targeting
  • Para agregar otra regla, haz clic en Agregar 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 Agregar regla de exclusión.

También puedes orientar tu chat en directo a contactos específicos según la información conocida sobre ellos. Para establecer criterios basados en 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 usar filtros específicamente dirigidos a contactos conocidos o visitantes desconocidos.
  • Haz clic en el segundo menú desplegable y selecciona tu criterio.
  • Para agregar otra regla, haz clic en Agregar regla.
  • Para excluir el formulario emergente en ciertas páginas (por ejemplo, una página de política de privacidad), haz clic en Agregar regla de exclusión.
  • Para crear otro grupo de filtros con reglas de targeting adicionales, haz clic en Agregar 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 en la barra lateral izquierda.

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 y ubicación del chat en vivo en la página, descubre cómo personalizar la apariencia del widget de chat en la configuración de tu bandeja de entrada.

  • Haz clic en el menú desplegable Encabezado de chat y selecciona el nombre y el avatar para que aparezca en el widget de chat.
    • Nombre y avatar personalizados: muestra un nombre de equipo genérico y una imagen. Haz clic en el ícono más add para cargar una imagen e ingresa el nombre para mostrar.
    • Usuarios y equipos específicos: selecciona las casillas de comprobación junto al nombre para mostrar. Si seleccionas más de tres usuarios, los tres usuarios se mostrarán al azar. Descubre cómo afecta tu idioma de chatflow a tu nombre de presentación.
    • Propietario del contacto: haz clic en el menú desplegable Reserva de nuevo visitante y selecciona una opción de reserva para cualquier visitante nuevo o sin asignar que comience un chat.edit-live-chat-heading
  • En la sección Comportamiento de presentación de chat, controla el comportamiento del widget en el escritorio o las pantallas móviles.
    • 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.
      • Abrir el widget de chat: el widget de chat estará abierto de manera predeterminada para que los visitantes puedan iniciar una conversación contigo.
    • 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 solo la ventana de chat: solo mostrar el activador de chat para que los visitantes hagan clic para abrir la ventana de chat.chat-display-behavior-desktop-and-mobile

Nota: para desactivar el chatflow en dispositivos móviles, puedes agregar una regla de exclusión en tu configuración de targeting para ocultar el chatflow cuando alguien vea tu página en un dispositivo móvil.

  • 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.
    • 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.
    • 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.
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Opciones en la barra lateral izquierda.

Nota: después de finalizar la configuración de tu chat en directo, puedes abrir automáticamente el widget de chat cuando un visitante carga una URL de página específica. Agrega #hs-chat-open al final de una URL de página. Puedes enlazar estas URL en tus correos electrónicos, páginas de destino y otras campañas de marketing para enviar visitantes directamente a tu widget de chat para que puedan ponerse en contacto con uno de los miembros de tu equipo inmediatamente.

4. Opciones

En la pestaña Opciones , personaliza la configuración de idioma de tu chat en directo. Si has activado el Reglamento General de Protección de Datos (RGPD) en tu cuenta, puedes personalizar tu chat en directo para incluir un paso para solicitar a los visitantes de tu sitio web su consentimiento para comunicar.

  • Para activar el texto de consentimiento de cookies para el widget de chat en vivo, haz clic para activar el interruptor Consentimiento para recopilar cookies de chat. No puedes personalizar el texto de consentimiento para las cookies que aparece en el banner.
  • Cuando actives el texto de consentimiento de cookies, puedes seleccionar cuándo debería 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 para visitantes en intento de salida.

consent-banner-with-display-options

  • Para captar el consentimiento para procesar los datos de un visitante, haz clic para activar el interruptor alterno 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 es implícito cuando comienzan a chatear contigo. El consentimiento para procesar el texto de los datos se seguirá mostrando, pero no necesitan hacer clic en el botón Acepto para iniciar el chat. updated-chat-widget
    • En el campo de texto Consentimiento de proceso , 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 un visitante en un tipo de suscripción cuando empiecen 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 que estás eligiendo para tus visitantes.
    • Usa el campo de texto Etiqueta de la casilla de comprobación para informar a los clientes acerca del qué tipo de comunicación están consintiendo.chatflows-live-chat-consent-to-communicate
  • Haz clic en Guardar.

Ten en cuenta: 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.

Cuando hayas terminado de configurar tu chat en vivo, en la parte superior derecha, haz clic para activar el interruptor para agregarlo a tus páginas web. Si estás listo para comenzar a chatear con los visitantes de tu sitio web, descubre cómo responder a los mensajes entrantes en tu bandeja de entrada de conversaciones.

enable-chatflow

/es/chatflows/create-a-live-chat