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

Crear chatflows

Última actualización: septiembre 9, 2019

Crea un chatflow para agregar a tu sitio web para que tus visitantes puedan interactuar contigo y tu equipo. Estos chatflows aparecen como widgets de chat en tus páginas de sitio web. Hay dos tipos diferentes de chatflows:

  • Chatea en vivo: una solicitud sin bot asociado que permite a los visitantes chatear directamente con tu equipo en vivo.
  • Bot: un bot de chat automatizado que envía respuestas a tus visitantes.

Ve hasta las secciones Crear chat en directo y Crear bot haciendo clic en los enlaces de la Tabla de contenido del lado derecho. 

Nota: solo usuarios con acceso de Administrador pueden crear y editar chatflows. 

Crear un chat en vivo

  • En tu cuenta de HubSpot, dirígete a Conversaciones > Chatflows.
  • En la parte superior derecha, haz clic en Crear chatflow.
  • En la barra lateral izquierda, selecciona Bienvenida a los visitantes
  • En la esquina superior derecha, haz clic en el ícono del lápiz edit y selecciona un idioma del menú desplegable.
  • Haz clic en Siguiente.
  • En el cuadro de diálogo, haz clic en el menú desplegable  y selecciona bandeja de entrada compartida.

1. Crear - crea un mensaje de bienvenida

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

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

  • 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: mostrar un nombre de equipo genérico y una imagen. Haz clic en el ícono más add a 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 Nuevo visitante y selecciona una opción de reserva para cualquier visitante nuevo o sin asignar que comience un chat.
  • En el cuadro de texto, escribe un mensaje de bienvenida que aparecerá cuando un visitante comience un chat. Más información sobre cómo cambiar el idioma del mensaje de bienvenida.
  • Para establecer quién se dirige a las conversaciones entrantes, haz clic en el menú desplegable Enviar automáticamente las conversaciones entrantes. Más información sobre cómo configurar reglas de asignación en tu bandeja de entrada de conversaciones.
  • Haz clic en el menú desplegable Solicitar visitantes para su dirección de correo electrónico y especifica cuándo se deben solicitar a los visitantes que proporcionen su dirección de correo electrónico.  
  • 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. chatflows-welcome-message
  • En la sección Opciones de presentación, personaliza el comportamiento del widget de chat en los equipos de escritorio o en las pantallas pequeñas:
    • Para evitar que la vista preliminar del mensaje de bienvenida aparezca en pantallas de escritorio hasta que el visitante haga clic en el icono de chat, borra la casilla de comprobación Hacer que el mensaje de bienvenida abra automáticamente como un aviso.
      Ten en cuenta: si todos los usuarios asignados al chat están ausentes, no se abrirá la vista preliminar del mensaje de bienvenida independientemente de la opción seleccionada.
    • Para evitar que el widget de chat aparezca en los tamaños de pantalla pequeños, borra la casilla de comprobación Mostrar icono de chat en los tamaños de pantalla pequeños.
    • Para evitar que la vista preliminar del mensaje de bienvenida aparezca en pantallas de tamaño pequeño hasta que el visitante haga clic en el icono de chat, borra la casilla de comprobación Hacer que el mensaje de bienvenida abra automáticamente como un aviso
  • 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 Quién en la barra lateral izquierda.

Nota: para editar el color, la marca y la posición del widget de chat en tu sitio web, debes hacer cambios en la configuración del canal de chat en la configuración de tu bandeja de entrada.

2. Quién - seleccionar una audiencia objetivo

En la pestaña Quién , especifica qué visitantes deben ver el widget de chat en directo en tu sitio web. 

  • Selecciona una de los siguientes audiencias:
    • Todos: Quienes visiten tu sitio verán tu widget de chat en directo.
    • Visitantes anónimos: solo visitantes sin seguimiento que visitan tu sitio verán tu widget de chat en directo.
    • Contactos con seguimiento: solo contactos con seguimiento que existen en tu cuenta de HubSpot verán tu widget de chat en directo.
    • Listas segmentadas: solo contactos con seguimiento que cumplan con tus criterios de lista inteligente verán tu widget de chat en directo. Si seleccionas esta opción, haz clic en elmenú desplegable adicional para seleccionar tu lista inteligente.
  • Para ocultar tu mensaje de los contactos que cumplan con criterios de la lista específicos, haz clic en el menú desplegable Ocultar chatflow de y selecciona la lista
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Cuando en la barra lateral izquierda.

Nota: si seleccionas Contactos con seguimiento o Listas segmentadas como tu audiencia objetivo, visitantes que cumplan estos criterios debe tener una cookie de seguimiento asociada a su registro de contacto para ver tu widget de chat en directo.

3. Cuándo - decide cuándo debería aparecer el chatflow en una página

En la pestañaCuándo especifica cuándo debería aparecer el widget de chat en tu sitio web. Puedes activar un widget de chat en directo cuando un visitante cargue una URL de sitio web específica o cuando cargue una URL que incluya ciertos parámetros de consulta. 

  • Haz clic en el primer menú desplegable y selecciona URL del sitio web o Param de consulta:
    • Cuando selecciones URL del sitio web:
      • Haz clic en el segundo menú desplegable y selecciona una regla de targeting para la URL de tu sitio web. Las opciones son: son todas las páginas, es, no es, contiene, no contiene, comienza con, o no comienza con.
      • Al seleccionar una opción diferente a son todas las páginas, ingresa la URL específica.
      • Para agregar una opción comodín, escribe el carácter * en cualquier lugar del URL. Esto te permite mostrar tu widget de chat en varias páginas sin definir explícitamente cada URL. Se pueden usar varios comodines dentro de la misma URL.
    • Cuando selecciones Param de consulta:
      • Introduce el parámetro de consulta.
      • Haz clic en el segundo menú desplegable y selecciona una opción de targeting para tus parámetros de consulta. Tus opciones son:es, no es, contiene, no contiene, comienza con o no comienza con.
      • Introduce el valor del parámetrochatflows-when-tab-url-targeting

Ten en cuenta: la opción son todas las páginas solo se aplican todas las páginas creadas en HubSpot y no incluyen páginas externas con el código de seguimiento de HubSpot. Selecciona otras opciones, como contiene para especificar páginas externas donde deseas que aparezca el widget de chat en vivo.

  • Haz clic en O para agregar más reglas, o para eliminar una regla de targeting existente, haz clic en el icono de la papelera delete.
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Opciones en la barra lateral izquierda.

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 pedir a los visitantes de tu sitio web su consentimiento para comunicar.

  • 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. chat-widget-legitimate-interest
    • En el campo de texto Consentimiento de procesamiento, introduce texto para explicar por qué necesitas almacenar y procesar la información personal del visitante.chatflows-live-chat-consent-to-process-data
  • 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 directo, en la parte superior derecha, haz clic para activar el interruptor para agregarlo a tus páginas web. Para personalizar la apariencia del widget de chat y la disponibilidad del chat en directo de tu equipo, descubre cómo editar el canal de chat en la configuración de tu bandeja de entrada. 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

Crear un bot

Al crear un flujo de chat que incluye un bot, puedes seleccionar entre tres plantillas de bots diferentes y personalizar las acciones de tu bot y la lógica de direccionamiento para determinar el flujo de la conversación.

  • En tu cuenta de HubSpot, dirígete a Conversaciones > Chatflows.
  • En la parte superior derecha, haz clic en Crear chatflow.
  • En la barra lateral izquierda, selecciona una plantilla de bot:Calificar bot de leads,bot de reserva de reuniones o bot de asistencia técnica.

    Ten en cuenta: solo los usuarios deService Hub con acceso de Admin pueden crear bots de asistencia técnica.

  • En la esquina superior derecha, haz clic en el ícono del lápiz edit y selecciona un idioma del menú desplegable.
  • Haz clic en Siguiente.
  • En el cuadro de diálogo, haz clic en el menú desplegable y selecciona bandeja de entrada compartida.

1. Crear - crea un mensaje de bienvenida

En la pestaña Crear , personaliza la plantilla de bot y crea un mensaje de bienvenida que se saluda a tus visitantes.

  • Para editar el contenido del mensaje de bienvenida, haz clic en el paso Mensaje de bienvenida en la plantilla de bot. chat-bot-welcome-message
  • En el panel Mensaje de bienvenida que se abre a la derecha:
    • Introduce un mensaje de bienvenida.
    • En la sección Opciones de presentación, personaliza el comportamiento del widget de bot en las pantallas de equipos de escritorio o de dispositivos móviles.
      • Para evitar que la vista preliminar del mensaje de bienvenida aparezca en el escritorio hasta que un visitante haga clic en el icono de chat, en la pestaña Escritorio , borra la casilla de comprobación Hacer que el mensaje de bienvenida abra automáticamente como un aviso
      • Para evitar que el widget de chat aparezca en los tamaños de pantalla pequeños, haz clic en la pestaña Móvil y luego borra la casilla de comprobación Mostrar icono de chat en tamaños de pantalla pequeños
      • Para evitar que la vista preliminar del mensaje de bienvenida aparezca en pantallas de tamaño pequeño hasta que el visitante haga clic en el icono de chat, haz clic en la pestaña Móvil y luego borra la casilla de comprobación Hacer que el mensaje de bienvenida abra automáticamente como un aviso
    • Haz clic en Guardar.chatflows-chatbot-welcome-message
  • Para modificar un mensaje o acción de bot, haz clic en la acción en la plantilla de bot, y en el panel derecho edita la acción del bot. Más información sobre cómo configurar una acción de bot.
  • Una vez que hayas terminado de editar la configuración de la acción, haz clic en Guardar o en la pestaña Bifurcaciones si/entonces para configurar el flujo de tu conversación. Descubre cómo usar bifurcaciones si/entonces en el mensaje de tu bot

Nota: Los usuarios de Starter y gratuitos no pueden agregar condiciones personalizadas.

add-bot-action

  • Para volver a conectar acciones que se desconectaron al editar el flujo de tu bot, haz clic en el botón Alertas en la parte superior izquierda. También puedes buscar acciones desconectadas usando la barra de búsqueda Ir a acción arriba a la derecha.review-disconnected-actions
  • Cuando hayas terminado de editar las acciones del bot, en la parte superior derecha, haz clic en Vista preliminar para ver cómo que lucirá tu bot en el sitio web.
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Quién en la barra lateral izquierda. 

2. Quién - seleccionar una audiencia objetivo

En la pestaña Quién , especifica qué visitantes deben ver el widget de chat en directo en tu sitio web. 

  • Selecciona una de los siguientes audiencias:
    • Todos: todo el que visite tu sitio verá tu bot.
    • Visitantes anónimos: solo visitantes sin seguimiento que visitan tu sitio verán tu bot.
    • Contactos con seguimiento: solo contactos con seguimiento que existen en tu cuenta de HubSpot verán tu bot.
    • Listas segmentadas: solo contactos con seguimiento que cumplan con tus criterios de lista inteligente verán tu bot. Si seleccionas esta opción, haz clic en elmenú desplegable adicional para seleccionar tu lista inteligente.
  • Para ocultar tu bot de los contactos que cumplan con criterios de la lista específicos, haz clic en el menú desplegable Ocultar chatflow de y selecciona la lista
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Cuando en la barra lateral izquierda.

Ten en cuenta: si seleccionas Contactos con seguimiento o Listas segmentadas como tu audiencia objetivo, los visitantes que cumplan estos criterios deben tener una cookie de seguimiento asociada a su registro de contacto para ver tu bot.

3. Cuándo - decide cuándo debería aparecer el chatflow en una página

En la pestañaCuándo especifica cuándo debería aparecer el widget de chat en tu sitio web. Puedes activar un widget de chat en directo cuando un visitante cargue una URL de sitio web específica o cuando cargue una URL que incluya ciertos parámetros de consulta. 

  • Haz clic en el primer menú desplegable y selecciona URL del sitio web o Param de consulta:
    • Cuando selecciones URL del sitio web:
      • Haz clic en el segundo menú desplegable y selecciona una regla de targeting para la URL de tu sitio web. Las opciones son: son todas las páginas, es, no es, contiene,no contiene, comienza con, o no comienza con.
      • Al seleccionar una opción diferente a son todas las páginas, ingresa la URL específica.
      • Para agregar una opción comodín, escribe el carácter * en cualquier lugar del URL. Esto te permite mostrar tu widget de chat en varias páginas sin definir explícitamente cada URL. Se pueden usar varios comodines dentro de la misma URL.
    • Cuando selecciones Param de consulta:
      • Introduce el parámetro de consulta.
      • Haz clic en el segundo menú desplegable y selecciona una opción de targeting para tus parámetros de consulta. Tus opciones son:es, no es, contiene, no contiene, comienza con o no comienza con.
      • Introduce el valor del parámetro

chatflows-when-tab-url-targeting

Ten en cuenta: la opción son todas las páginas solo se aplican todas las páginas creadas en HubSpot y no incluyen páginas externas con el código de seguimiento de HubSpot. Utiliza otras opciones, como contiene, para especificar páginas externas donde deseas que aparezca el bot.

  • Haz clic en O para agregar más reglas, o haz clic en el icono de papelera delete para eliminar una regla existente.
  • Para continuar, haz clic en Guardar en la parte inferior y luego haz clic en la pestaña Opciones en la barra lateral izquierda. 

4. Opciones

Personaliza las opciones de presentación de tu bot.

  • Introduce un nombre de presentación para el bot en el campo Encabezado del chat.
  • Para editar la foto de tu avatar, coloca el cursor sobre el avatar y haz clic en Cambiar foto.
  • Para personalizar la cantidad de tiempo después de la inactividad antes de restablecer la sesión de chat al comienzo, haz clic en el menú desplegable Tiempo de espera de la sesión y selecciona una opción. La sesión de chat no restablecerá si un visitante completó cada acción de bot en una sesión anterior.
  • Para establecer un retraso entre cada mensaje que se envía a los visitantes, haz clic en el menú desplegable Retraso de escritura entre mensajes y selecciona una opción.
  • Para personalizar la respuesta que los visitantes ven cuándo una solicitud falla, introduce mensajes de Error en el campo Respuesta de error.
  • Para cambiar el idioma de presentación del bot, haz clic en el menú desplegable Seleccionar idioma y selecciona un idioma diferente.
  • Para decidir si un chatflow debería aparecer en función de la disponibilidad del equipo que estableciste en el nivel de la bandeja de entrada, haz clic en el menú desplegable Disponibilidad y selecciona una opción. Obtén más información sobre cómo personalizar las preferencias de disponibilidad de tu bot. chatflows-bot-options

Si activaste el RGPD en tu cuenta, también puedes incluir un paso para pedir a los visitantes de tu sitio web su consentimiento para procesar sus datos.

  • 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 una de las siguientes opciones:
    • Requiere consentimiento explícito: con esta opción activada, los visitantes deben hacer clic enAcepto 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, por lo que no necesitan hacer clic en el botón Acepto para iniciar el chat.chat-widget-legitimate-interest
  • En el campo de texto Consentimiento de procesamiento, explica por qué necesitas almacenar y procesar la información personal de tus visitantes.chatflows-live-chat-consent-to-process-data
  • Haz clic en Guardar

Cuando hayas terminado de editar tu bot en directo o bot, en la esquina superior derecha, haz clic para activar el interruptor para agregarlo a tus páginas web. Descubre cómo responder los mensajes entrantes en tu bandeja de entrada de conversacionesenable-chatflow