Ir al contenido principal

¿Cómo instalar la burbuja de chat en tu sitio web?

Una guía para conectar en minutos la "web bubble" en tu ecommerce o página de internet, indispensable hoy en día en tu negocio

Emiliano Cotellessa avatar
Escrito por Emiliano Cotellessa
Actualizado hace más de una semana

¿Si buscás que tu agente de Laburen interactúe directamente con los visitantes de tu sitio web? La función Web Bubble te permite incrustar una ventana de chat inteligente, totalmente personalizada a la imagen de tu marca.

Sigue estos pasos sencillos para configurarlo e instalarlo.

Paso 1: Selecciona tu Agente

Lo primero es ubicar al agente que deseas conectar.

  1. Ingresa a tu cuenta de Laburen.

  2. En el menú lateral, dirígete a la sección Agentes.

  3. Haz clic sobre el nombre del Agente IA que deseas incorporar a tu web para acceder a su configuración.

A continuación te brindamos un ejemplo seleccionando el agente "E-Commerce Demo".

Paso 2: Inicia la conexión

Una vez dentro del panel de tu agente:

  1. Busca y haz clic en el botón Conectar.

  2. Se desplegará una lista de canales disponibles. Selecciona la opción Web Bubble y haz clic en configurar.

Paso 3: Personaliza tu Web Bubble

Dentro del panel de configuración podrás ajustar los siguientes parámetros:

  • Título de la ventana: El nombre que verán tus usuarios en la parte superior del chat (ej. "Soporte Laburen" o "Asistente Virtual").

  • Mensaje inicial: El saludo proactivo que enviará el agente apenas se abra la burbuja.

  • Mensajes pre-armados: Botones con preguntas frecuentes o acciones rápidas para facilitar la interacción del usuario.

  • Color de la burbuja: Elige el color que mejor se adapte a tu branding (puedes usar el selector o ingresar el código HEX).

  • Posición: Define si quieres la burbuja en la esquina inferior derecha o izquierda de tu pantalla.

  • Custom CSS: Campo para personalizar la burbuja de chat a través de código css.

  • Código de inserción HTML: Este código deberás copiarlo para pegarlo en la configuración del html en tu sitio web.

Paso 4: Instalación en tu sitio web (HTML)

En la parte inferior de la configuración, verás un recuadro con un fragmento de código HTML. Este es el puente entre Laburen y tu página web.

¿Cómo instalarlo?

  1. Haz clic en Copiar código.

  2. Ve al código fuente de tu sitio web.

  3. Pega el fragmento copiado antes de la etiqueta de cierre </body>.

Paso 5: Conectar y Publicar

Una vez que hayas personalizado tu burbuja y copiado el código en tu web:

  1. Vuelve a la plataforma de Laburen.

  2. Presiona el botón Conectar para guardar los cambios y activar la integración.

¡Listo! Tu Agente IA ya debería estar visible y operativo en tu sitio web, listo para atender a tus visitantes.

Un ejemplo de analisa, nuestra IA de laburen.com

¡Apresúrate! Si todavía no tenés tu IA en dentro de tu negocio tu competencia está ganando terreno!

Si te quedan dudas de cómo integrar tu burbuja de chat, escríbenos desde el centro de ayuda de tu dashboard o bien por mail a [email protected]

¿Ha quedado contestada tu pregunta?