Al instalar un chat en línea en tu sitio web, puedes recopilar datos de los clientes y automatizar la comunicación con los visitantes directamente en tu sitio.

También puedes conectar a tu equipo de ventas al chat, permitiendo que los gerentes se unan a las conversaciones con los clientes. La comunicación puede realizarse a través de la interfaz web de MaviBot o mediante nuestras aplicaciones móviles para Android e iOS.

Cómo crear un Chat en Vivo para Sitio Web

Para crear un chat, ve a la sección "Mensajería" y haz clic en el botón "Chat en vivo".

Una vez que hagas clic en el botón "Chat en línea", el panel de configuración de tu chat recién creado se abrirá automáticamente.

La apariencia del chat dependerá de la configuración que elijas. En el lado derecho, verás una vista previa en vivo del widget del chat, que puedes abrir y cerrar para probar cómo se ve y se comporta.

Configuración

Decoración

  1. Título del chat

Este campo establece el nombre del chat en línea; aparecerá en la parte superior de la ventana del chat.

  1. Subtítulo del chat

Este campo se encuentra debajo del título del chat y te permite aclarar el rol o propósito del chat en línea en tu sitio web.

  1. Etiqueta especificada del widget

La etiqueta en el botón del widget se muestra cuando el chat en línea está minimizado. Por defecto, muestra el texto de los campos de título y subtítulo, pero puedes establecer una etiqueta diferente si es necesario.

  1. Mensaje de bienvenida del chat

Este campo contiene el texto del mensaje de saludo inicial del bot.

  1. Orientación del texto

Usando la barra de herramientas de alineación de texto, puedes alinear el título y el subtítulo del chat a la izquierda, derecha o centro, como en los editores de texto estándar.

  1. Botón del chat

Este botón está diseñado para abrir el chat en línea al hacer clic.

Puedes elegir cómo aparecerá el botón del chat en línea en diferentes dispositivos: la versión de escritorio del sitio web.

Hay varias opciones de visualización disponibles. Puedes colocar el botón en el borde derecho o izquierdo.

  1. Paleta de colores

Para personalizar el chat en línea a tu gusto, no solo puedes ajustar el color, sino también mostrar patrones interesantes en el fondo y el encabezado del chat.

También puedes elegir el color y el brillo de los patrones, así como de otros elementos del chat en línea. Para ello, activa la casilla "Configuración avanzada".

También puedes configurar ajustes de color avanzados adicionales para el chat en línea.

  1. Avatar del chat en línea

Esta opción te permite cambiar el avatar del asistente en el chat en línea. El avatar se puede agregar mediante una URL o subiendo un archivo.

También puedes ocultar el avatar del chat activando esta casilla, si es necesario.

  1. Logotipo de MaviBot

La configuración te permite mostrar el logotipo de MaviBot.

Configuración

  1. Texto dentro del campo de entrada

Por defecto, este campo contiene el texto: "Escribe tu mensaje y presiona Enter."

Puedes personalizar este texto o dejar el predeterminado.

  1. Inscripción en la versión móvil

Por defecto, el texto es: "Elige tu método de contacto preferido."

  1. Mensaje al asignar un operador a un cliente

Si incluyes #{operatorName} en este campo, se mostrará el nombre del operador especificado en la sección "Empleados".

Puedes asignar un operador manualmente haciendo clic en el botón "Tomar cliente" o "Transferir cliente" durante una conversación con el cliente. Alternativamente, puedes configurar la distribución automática de clientes entre los operadores en la sección "Empleados".

  1. Mensaje cuando los operadores están desconectados

Por defecto, se mostrará el siguiente mensaje:
"Actualmente no hay operadores en línea. Por favor, déjanos un mensaje y te responderemos lo antes posible."

El estado "En línea" del bot se toma de la sección "Empleados". Los estados posibles son: En línea, Pausa y Desconectado.

También puedes cambiar tu estado desde la barra superior mientras estés en cualquier sección del proyecto.

  1. Notificación de sonido en el chat en línea

Estos ajustes te permiten habilitar o deshabilitar las alertas de sonido para la apertura del chat y los nuevos mensajes en el chat en línea para los visitantes del sitio web.

  1. Mostrar mensajería

Puedes elegir qué mensajería se muestra en el sitio web al pasar el cursor sobre el widget del chat en línea (icono).

Los botones de mensajería aparecerán solo después de que estos mensajes se hayan conectado al constructor.

  1. Mostrar solo mensajería

Si activas esta opción, solo aparecerán los botones de mensajería en el sitio web. ¡Todas las demás funciones del chat en línea estarán deshabilitadas!

  1. Texto de mensajería

Por defecto, está configurado como: "Escribir a".

  1. Mensaje de inicio de WhatsApp

Este texto aparecerá en el campo de entrada para el usuario en WhatsApp cuando haga clic en el botón de tu sitio web. El usuario solo necesitará presionar "Enviar".

Asegúrate de incluir también este texto en las condiciones del bloque de inicio de tu secuencia de mensajes.

  1. Enlaces personalizados

Además de los botones de mensajería, ahora puedes agregar tus propios botones con enlaces personalizados.

Puedes especificar la URL del enlace y agregar una imagen en la configuración.

  1. Carga de archivos

Esta configuración te permite recibir archivos adjuntos de los visitantes del sitio web, como imágenes.

El tamaño máximo de archivo permitido para las cargas entrantes a través del chat en línea es de 20 MB.

  1. Datos del usuario

En el primer mensaje, puedes obtener el consentimiento para el procesamiento de datos personales y/o recopilar información del usuario a través de un formulario de recopilación de datos. También puedes establecer o cambiar la dirección de correo electrónico a través de la ventana de bienvenida.

Completar el formulario puede ser opcional u obligatorio activando la opción "Hacer obligatorio el llenado del formulario".

Ejemplo del primer mensaje con recopilación de datos.

Después de configurar el formulario, puedes seleccionar la configuración de visualización del país usando un campo desplegable.

  1. Solicitud de devolución de llamada

La casilla "Solicitud de devolución de llamada" aparece en la configuración del chat en línea si la Telefonía está habilitada en el proyecto.

Cómo funciona

Al completar el formulario, el usuario puede marcar la casilla para solicitar una devolución de llamada. En ese caso, se selecciona automáticamente uno de los empleados con telefonía habilitada y se realiza una llamada al cliente.

El empleado se asigna automáticamente. Al seleccionar un empleado, se verifican los siguientes:

  • Estado: En turno
  • Cualquier rol, incluido Administrador
  • La telefonía está habilitada (configurada) para el empleado

Después de la llamada, este empleado será asignado como responsable del usuario.

  1. Solicitar consentimiento para el procesamiento de datos personales

Esta opción está deshabilitada por defecto. Cuando está habilitada, aparecerá un mensaje que dice "Doy mi consentimiento para el procesamiento de datos personales" junto con el botón "Confirmar" la primera vez que se inicie el chat en línea.

Ejemplo del primer mensaje para obtener el consentimiento para el procesamiento de datos personales:

  1. Configuración del botón de inicio

Al hacer clic en "Agregar botón" se abre el formulario para crear un botón de inicio:

El botón puede tener una de las siguientes funciones:

  • Enlace. Te permite agregar una URL para navegar a otra página de tu sitio web o a un recurso web externo.
  • Correo electrónico. El cliente será redirigido a su servicio de correo electrónico para enviar un mensaje a la dirección de correo especificada en la configuración del botón.
  • Teléfono. Se inicia la aplicación de llamadas, o se le solicita al usuario que elija una aplicación para realizar la llamada, según el dispositivo que use. La llamada se dirige al número especificado en la configuración del botón.
  • Mensaje (del administrador / usuario) — esta función permite que el bot envíe respuestas rápidas al hacer clic en un botón.

Por ejemplo, puedes crear un botón llamado "Dirección" y, en el campo "Mensaje", especificar la dirección exacta y el horario de atención.

El texto en el campo "Mensaje" no tendrá saltos de línea. Ten esto en cuenta al trabajar.

  • Separar clientes de diferentes dominios. Esta configuración permite separar conversaciones si la misma persona escribe en el chat en línea alojado en diferentes dominios. Por defecto, se trata como la misma conversación.

Esta opción es necesaria si hay diferentes chats en línea instalados en diferentes sitios web dentro del mismo dominio y necesitas separar las conversaciones cuando la misma persona escribe.

  • Los botones en el texto se mostrarán en el historial del chat en línea (opción). Habilita esta opción para mostrar los botones del texto del constructor de embudos en el historial del chat en línea del cliente.
  1. Ocultar el chat en línea

No es necesario eliminar el chat en línea del sitio web. Puedes simplemente ocultarlo usando la opción correspondiente.

Acciones automáticas

La forma en que funcionan las acciones automáticas es la siguiente: para que se active una acción automática, se debe establecer una condición de activación específica para esa acción.

Primero, establece las condiciones para que se ejecute la acción personalizada. Puedes agregar condiciones basadas en la hora del día, el país del visitante, la ciudad, la URL de la página actual, etc.

Más información sobre las condiciones:

  1. Hora actual. Establece la activación automática del chat en línea dependiendo del período de tiempo en que el cliente interactúa con el chat (por ejemplo, durante las horas felices después de las 4:00 p. m., un visitante de tu página de aterrizaje puede recibir un descuento).
  2. Realizar esta acción solo una vez al día para el usuario. Esta condición se puede aplicar en varios casos: por ejemplo, para enviar enlaces de afiliados u otros enlaces en mensajes del administrador/usuario (como acceso a nuevos materiales del curso); para un sistema de fidelización o acumulación; etc.
  3. Ciudad del usuario / País del usuario. Al establecer esta condición, puedes dirigirte al grupo específico de usuarios que se beneficiarían de tu servicio, por ejemplo, cuando se requiere la presencia física del cliente para comprar un producto o servicio.

En este caso, puedes establecer la condición como igual o no igual. Por ejemplo, si necesitas especificar una ciudad o país (o una lista de países) para los cuales la acción automática no debe activarse, elige "no igual".

  1. El día de la semana.
    Esta condición sirve como activador para acciones automáticas según el día de la semana. Puedes seleccionar casillas junto a los días de la semana, establecer la condición como igual o no igual, y elegir la acción automática que realizará el chat en línea.

Por ejemplo, puedes configurar todos los días laborables de tus operadores/gerentes para permitir su posterior contacto con los clientes.

  1. URL de la página actual. La acción automática se activará dependiendo de si la URL contiene/no contiene o es igual/no es igual a un enlace especificado.
  2. Mensaje del usuario. Para activar la acción automática bajo esta condición, el campo debe contener una palabra específica del usuario.

  1. Tiempo en la página. Esta condición es similar a la hora del día; sin embargo, si tu base de datos de clientes está distribuida en diferentes zonas horarias, necesitas que esta acción automática ocurra a la misma hora local para cada zona horaria.
  2. Tiempo desde que se cerró la ventana de MAviBot. Esta condición se establece de manera similar a la hora del día o el tiempo en la página, pero depende de la acción del usuario de cerrar la ventana de Mavibot.
  3. Tiempo desde el primer mensaje del visitante. La acción automática se activará después de un período especificado (en segundos) desde el primer mensaje del cliente en el chat en línea.
  4. Tiempo sin respuesta del operador desde el primer mensaje del usuario. Esta condición también se establece en segundos y se activa independientemente de si el operador ha respondido al cliente o no.

Si es necesario, las condiciones se pueden combinar, lo que permite que la acción automática se active según múltiples criterios:

A continuación, elige qué acción debe realizar el chat en línea automáticamente:

  1. Apertura automática del chat. Esta acción abre automáticamente el chat en línea para el usuario. No se requiere configuración adicional.
  2. Invitación automática al chat. Esta acción automática envía al usuario un mensaje predefinido ingresado en el campo correspondiente. También puedes ocultar el campo de entrada de mensajes usando la casilla con el mismo nombre, si es necesario.
  3. Ocultar el icono del chat en línea de un sitio web. Esta acción se puede usar, por ejemplo, después de que finalice el horario laboral de tus administradores.
  4. Mostrar el icono del chat en línea. Similar a la acción anterior, esto te permite mostrar el icono del chat a los clientes durante un período de tiempo específico (o según otras condiciones necesarias).
  5. Enviar mensaje como administrador. Esta acción envía un mensaje en el chat en línea bajo el rol de administrador.
  6. Enviar un formulario. Esta acción se utiliza para recopilar datos del cliente. Puedes personalizar el texto del formulario, seleccionar los campos de entrada requeridos (como nombre, número de teléfono, correo electrónico, casilla de verificación o cualquier otro campo de entrada que configures manualmente).

Puedes configurar un campo de entrada personalizado. Por ejemplo, para recopilar la ciudad de residencia del cliente o cualquier otra información relevante.

Banners

Puedes agregar banners en los que se puede hacer clic en la ventana de inicio del chat en la pestaña "Banners". Pasemos a la configuración.

  1. Haz clic en "Agregar banner".

  1. Sube una imagen.

El tamaño de la imagen es fijo.

Formato de imagen recomendado: si agregas un título y un subtítulo, usa un tamaño de banner de 345x194 píxeles o una relación de aspecto 16:9.

Para que el banner sea en el que se puede hacer clic (permitiendo que tu cliente siga un enlace al hacer clic en él), ingresa la URL en el campo correspondiente.

A continuación, especifica el título y el subtítulo del banner si es necesario.

Ingresa el título y el subtítulo, luego haz clic en "Guardar".

El banner aparecerá entonces en el widget del chat en línea.

Para deshabilitar un banner (dejar de mostrarlo en el chat en línea), cambia el interruptor a la posición inactiva.

Para editar o eliminar un banner, haz clic en Editar.

Calificación de calidad

Hay una sección de configuración adicional en el chat en línea llamada "Control de calidad". Para habilitar esta función, ve a la pestaña correspondiente en la configuración.

La funcionalidad ofrece una elección entre tres escalas de calificación de calidad: de cinco puntos, de tres puntos y de dos puntos.

Ingresa el texto que aparecerá antes de la calificación en el campo correspondiente.

No hay un valor predeterminado en este campo. Si lo dejas vacío, aparecerá el siguiente texto en el banner de calificación de calidad.

También puedes especificar un nombre personalizado para el campo de comentarios del cliente.

Para hacerlo, simplemente ingresa tu propio texto para el nombre del campo, así como un texto de marcador de posición dentro del campo de comentarios. Por defecto (consulta el ejemplo anterior), el propósito y el texto de cada campo ya están configurados para tu comodidad.

También puedes habilitar una casilla para hacer obligatorio el comentario de retroalimentación del cliente.

A continuación, puedes completar el mensaje de retroalimentación que se enviará al cliente después de una reseña positiva o negativa. Para ver cómo aparece el mensaje final del chat en línea después de enviar una calificación, haz clic en el botón en el chat para enviar la calificación.

Casilla "El usuario puede calificar el chat"

En la sección "Clientes", el operador puede finalizar el diálogo durante una conversación con un usuario. Si esta casilla está habilitada, el usuario podrá proporcionar una calificación.

El operador no ve la calificación que el cliente dio a la conversación.
Todas las calificaciones de calidad estarán disponibles en la sección "Analítica".

El operador puede hacer clic en el botón "Finalizar conversación" durante una conversación con un usuario. Esto abrirá un formulario de confirmación para la acción del operador:

Si un servicio de correo electrónico está conectado en los canales, aparecerán opciones para enviar mensajes a través del correo electrónico.

Después de que el operador finalice la conversación, se envía un formulario de calificación de calidad al usuario, y la calificación misma se registra en Analítica.

Si el cliente no deja una calificación, las estadísticas mostrarán "El usuario no dejó una calificación".

Cómo agregar el chat en línea a tu sitio web

Para incrustar el chat en línea en tu sitio, simplemente copia el script de la pestaña Código y pégalo en el HTML de tu sitio web.

Copia el código del chat en línea.

A continuación, ve a la sección "Sitios" y haz clic en el mosaico del sitio donde deseas colocar el widget del chat en línea.

Luego, procede a la Edición del sitio.

Y ve a la configuración del sitio.

En la sección Colores, Fuentes y HTML, pega el código del chat en línea copiado en el campo Código HTML en el head.

Pega este código en cada página de tu sitio web, dentro de la etiqueta <head>.

El chat en línea ahora está conectado exitosamente a tu sitio web.

Envío de un formulario para que los clientes lo completen

El chat en línea también incluye una función que te permite enviar un formulario a los clientes para recopilar información del usuario y agregarlo al sistema para una interacción posterior.

Dicho formulario se envía usando la función online_chat_send_form(), que toma los siguientes parámetros:

  1. name;
  2. phone;
  3. privacy;
  4. callback (este parámetro funciona solo si la telefonía está integrada en el proyecto);
  5. age;
  6. email_group_ID (si incluyes este parámetro con un correo electrónico, se creará un cliente de correo electrónico y se vinculará al usuario del chat);
  7. wa_group_ID (si incluyes este parámetro con un número de teléfono, se creará un contacto de WhatsApp y se vinculará al usuario del chat).
  8. Si se especifica un grupo que no existe, el formulario se enviará, pero el cliente no se creará.

Importante

Todos los parámetros se ingresan como una sola cadena separada por comas.

Ejemplo de entrada en la Calculadora: online_chat_send_form("name,email,email_group_ID")

Notificación que aparecerá en el chat después de enviar el formulario

Los datos enviados a través del formulario se guardan en las variables del cliente.
Puedes ver más detalles sobre estas variables a continuación en el perfil del cliente en línea.

! online_chat_send_form(arguments, texts)

Toma dos argumentos obligatorios.

arguments - cadena de parámetros

texts - nombre del formulario

Por ejemplo, en la calculadora, puedes ingresarlo así: online_chat_send_form("name,phone", "Hola, por favor completa el formulario.").

Ejemplo de la respuesta del chat en línea.

Envío de mensajes al chat

Usa este código cuando un usuario realice una acción en el sitio y necesites enviar un mensaje en su nombre en el chat en ese momento.

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Mensaje") }

Por ejemplo, cuando un usuario hace clic en un botón, se enviará un mensaje en su nombre.

Cambiar la configuración de las sugerencias

Puedes configurar el bot para que reaccione a este mensaje.

El código se inserta en la sección HTML de la configuración del sitio.