Chatbot para sitios web con IA: cómo funciona y cómo conectarlo
Conecta el chatbot de tu sitio web con MessageMind: el agente de IA lee el chat en tiempo real y responde en WhatsApp, SMS, Instagram, correo y chat web.
La integración del chatbot para sitios web con IA conecta tu sitio con MessageMind para que un agente de IA lea el contexto en tiempo real y responda en todos los canales que usan tus clientes. «Website Chat» agrega a tu sitio una burbuja de chat para que los visitantes hablen con tu agente de IA mientras navegan. Copias un fragmento de código de MessageMind, lo pegas en tu sitio una sola vez y cada conversación llega a tu Workspace, junto a tus otros canales. Ahí tu equipo puede seguirla y tomar el relevo.
¿Qué es la integración del chatbot para sitios web con IA?
«Website Chat» agrega a tu sitio una burbuja de chat para que los visitantes hablen con tu agente de IA mientras navegan. Copias un fragmento de código de MessageMind, lo pegas en tu sitio una sola vez y cada conversación llega a tu Workspace, junto a tus otros canales. Ahí tu equipo puede seguirla y tomar el relevo. «Website Chat» se activa automáticamente cuando se crea tu agente de IA por primera vez, así que la tarjeta puede mostrar ya Connected y solo te queda pegar el fragmento.
Puedes ver todas las integraciones disponibles en la página de integraciones de MessageMind, y los detalles técnicos de esta en la documentación de MessageMind sobre el chatbot para sitios web. Si prefieres verla en acción primero, reserva una demostración y te mostramos en vivo cómo funciona.
Qué puede hacer la integración del chatbot para sitios web
La integración incluye estas funciones desde el primer día:
- Responde a los visitantes en cada página donde está instalado el fragmento, con lo que tu agente de IA sabe de tu negocio.
- El agente de IA sabe en qué página está el visitante y el idioma de su navegador, así que puede responder sobre lo que está mirando.
- Cuando un visitante busca una página de tu sitio, el agente de IA le pregunta si quiere ir y la abre en cuanto acepta.
- Pasa el chat a tu equipo. El visitante ve tu mensaje de transferencia y una persona responde desde el Workspace.
- Los visitantes pueden enviar fotos y mensajes de voz, además de texto.
- Con «AI Voice Call» activado, los visitantes pueden hablar por voz con el agente de IA desde el widget.
- Pide nombre, correo electrónico o número de teléfono antes de empezar el chat.
Datos que lee y escribe
La integración usa un conjunto limitado de campos. Esto es exactamente lo que pasa entre los dos sistemas:
| Dirección | Qué incluye |
|---|---|
| Lectura | Mensajes, fotos y mensajes de voz que los visitantes envían en el chat. |
| Lectura | La página en la que está el visitante, el idioma de su navegador y su zona horaria. |
| Lectura | El nombre, el correo electrónico y el número de teléfono que el visitante escribe en el formulario previo al chat, si está activado. |
| Lectura | Las respuestas a las preguntas de tu «Chatbot Flow». |
| Lectura | Valoraciones y comentarios de «Collect Feedback». Los encuentras en Feedback, en el panel lateral de la conversación. |
| Escritura | Las respuestas del agente de IA y de tu equipo, que aparecen en la burbuja de chat del visitante. |
| Escritura | Una conversación en «Workspace > Main Inbox» por cada visitante. Toma el nombre del formulario previo al chat o, si no hay nombre, se llama «Conversation» seguido de un número. |
| Escritura | Un contacto por cada nueva conversación con un visitante. |
| Escritura | La apertura de otra página de tu sitio en el navegador del visitante, cuando el agente de IA lo propone y el visitante acepta. |
Cómo configurar la integración del chatbot para sitios web
La configuración lleva unos minutos cuando tu cuenta ya está activa. Los pasos:
- Ve a «Connections > Channels» y haz clic en la tarjeta «Website Chat».
- Si la página muestra «Activate Website Chat», haz clic en el botón. Si se abre la ventana «Add Your Domain», escribe la dirección de tu sitio en «Website URL» y haz clic en «Add Domain».
- Espera el mensaje «Website Chat Enabled». La página muestra ahora «Connected with Website».
- En «Chat Widget», haz clic en Copy. Verás «Copied to clipboard».
- Pega el fragmento en tu sitio para que se cargue en todas las páginas. Las pestañas de abajo muestran dónde va en las plataformas más comunes.
- De vuelta en la página «Website Chat», haz clic en Settings para elegir el nombre, el logo, los colores y los mensajes del widget, y luego haz clic en «Save Changes».
La guía paso a paso, con cada botón y campo, está en la documentación de MessageMind sobre el chatbot para sitios web.
Casos de uso de la integración del chatbot para sitios web
Así la usan con más frecuencia los equipos:
- Un visitante en tu página de precios pregunta qué incluye un paquete. El agente de IA responde con el contenido de «AI Training» y sabe qué página está leyendo.
- Un visitante quiere reservar, pero no encuentra dónde. El agente de IA le pregunta si puede llevarlo a la página de reservas y la abre.
- A altas horas de la noche, un visitante completa el formulario previo al chat y hace una pregunta que el agente de IA no puede resolver. Tu equipo la retoma por la mañana y, como el visitante dejó su correo electrónico, la respuesta le llega aunque ya haya salido del sitio.
- Un visitante pide hablar con una persona. El agente de IA pasa el chat, el visitante ve tu mensaje de transferencia y una persona del equipo continúa desde el Workspace.
- Un visitante prefiere hablar a escribir. Inicia una llamada de voz desde el widget y habla con el agente de IA en su navegador.
Para ver más formas de usar un agente de IA con todas las integraciones, lee la guía sobre el chatbot con IA para empresas.
Limitaciones que debes conocer
La integración tiene un alcance limitado a propósito. Estos son los límites que conviene conocer antes de contar con ella:
- Cada cuenta tiene un solo widget. Todos los sitios con tu fragmento muestran el mismo widget y la misma configuración.
- La burbuja solo puede ir en la esquina inferior izquierda o inferior derecha.
- Los visitantes pueden adjuntar imágenes JPG y PNG de hasta 5 MB. Con cualquier otro archivo aparece «Only JPG and PNG images and max 5 MB are allowed.»
- Las llamadas de voz desde el widget aparecen en «Call History», pero no puedes devolver la llamada a un visitante del sitio. El botón de llamada muestra «Webchat does not support voice calls.»
- Solo las respuestas de tu equipo se envían por correo electrónico a un visitante que ya salió del sitio, y solo si dejó su correo. Las respuestas del agente de IA no se envían por correo.
Precios y planes
La integración está disponible en los planes de pago de MessageMind. La página de precios de MessageMind indica qué plan necesitas y qué incluye cada uno. No hay ningún cargo extra por integración: la conexión forma parte de tu cuenta.
Preguntas frecuentes
¿Qué es la integración del chatbot para sitios web con IA?
Es la conexión nativa entre el chat de tu sitio y MessageMind. Una vez conectada, el agente de IA lee el contexto en tiempo real durante la conversación y actúa en consecuencia (por ejemplo, responde a una pregunta sobre existencias, agenda una cita o actualiza un contacto) en WhatsApp, Instagram, SMS, correo electrónico y chat web.
¿Cómo conecto el chatbot para sitios web con MessageMind?
Abre la página de la integración del chatbot para sitios web en tu panel de MessageMind y sigue los pasos de conexión. La guía completa, con cada campo y captura de pantalla, está en la documentación de MessageMind sobre el chatbot para sitios web.
¿Cómo funciona la autenticación en la integración del chatbot para sitios web?
No tienes que iniciar sesión en ningún lado: copias un fragmento de código de MessageMind y lo pegas en tu sitio web. Las credenciales se guardan cifradas y solo se usan en el servidor, así que nunca llegan al navegador ni a terceros.
¿MessageMind responde de verdad a los visitantes en cada página donde está instalado el fragmento?
Sí: responde a los visitantes en cada página donde está instalado el fragmento, con lo que tu agente de IA sabe de tu negocio.
El fragmento está en el sitio, pero no aparece la burbuja de chat.
Comprueba que la tarjeta «Website Chat» en «Connections > Channels» muestre Connected. Después revisa que hayas pegado el fragmento completo, incluida la línea del script, en una parte del sitio que se cargue en todas las páginas, y que hayas publicado el cambio.
¿Quieres automatizar la atención al cliente?
Reserva una sesión práctica de 30 minutos. Nuestro equipo de ingeniería de prompts preparará de antemano un agente de IA adaptado a tu negocio, sin compromiso.
Conectar el chatbot del sitio web