Integraciones

Cómo poner el chat de XBASE en tu sitio web

Paso a paso para activar el Live Chat, elegir el agente de IA que atiende a los visitantes e instalar el script en tu sitio web.

Actualizado el

Pon en tu sitio web un botón de chat en el que el agente de IA de XBASE atiende a los visitantes. Las conversaciones aparecen en el Chatcenter para que el equipo les dé seguimiento.

Lo que necesitas

  • Un agente de IA Nativo y activo. Los agentes Externos no atienden el chat del sitio. Si todavía no tienes uno, consulta Cómo crear un agente de IA.
  • Permiso para gestionar integraciones en XBASE. Si no lo tienes, pídelo a quien administra la cuenta.
  • Acceso para editar el HTML de tu sitio, o alguien que lo haga por ti.

Paso a paso

Abre Integraciones

En el menú de XBASE, abre Integraciones y, en la pestaña Inboxes (la primera), busca la tarjeta Live Chat.

Abre el Live Chat

Haz clic en Conectar (o en Administrar, si el chat ya está activo en algún agente). Se abre la ventana Live Chat en tu sitio.

Elige el agente

En Agente, elige el agente que atenderá a los visitantes. Si aparece "Ningún agente activo puede atender el chat del sitio.", crea antes un agente con el botón Crear agente.

Indica la dirección del sitio

En Dirección del sitio (opcional), escribe la dirección con https://, como https://tuempresa.com. XBASE habilita esa dirección y la versión con o sin www.

Actívalo

Haz clic en Activar Live Chat. Aparece "Live Chat activo con el agente", seguido del nombre del agente, y la dirección habilitada.

Copia el script

Justo debajo, en Script de instalación, haz clic en Copiar script.

Pega el script en el sitio

En el HTML de tu sitio, pega el script antes del cierre de la etiqueta body, en todas las páginas en las que deba aparecer el chat. Publica el sitio.

Personalízalo, si quieres

En la misma ventana, haz clic en Personalizar. Se abre la pantalla Configuración del Webchat del agente, con las pestañas Apariencia (colores y Posición), Comportamiento (Título del widget, el texto del botón, y Mensaje de bienvenida) y Avanzado. Los cambios se guardan solos.

Si el chat va a estar en más de un sitio, registra las otras direcciones en Dominios del widget (CORS), debajo del Código de integración, con Agregar dominio/IP.

Qué esperar al final

El botón del chat aparece en la esquina de tu sitio (por defecto, en la esquina inferior derecha). Para probarlo, abre el sitio, haz clic en el botón y envía un mensaje: el agente responde ahí mismo.

En XBASE, la conversación aparece en el Chatcenter (en el menú simple, Conversaciones), con un contacto nuevo llamado Visitante del sitio # seguido de un código. En Canales, la tarjeta Live Chat pasa a mostrar Conectado y el nombre del agente en Agentes en Live Chat.

Problemas comunes

Próximos pasos

¿Todavía tienes dudas?

Habla con el equipo de XBASE por WhatsApp. Te ayudamos a configurarlo. Correo: contato@xbase.app.

En esta página