Volver al resumen
Chatbot IA
Widget de chatbot IA en tu sitio web: configurar, personalizar y probar.
¿Qué es el Chatbot?
El Chatbot IA es un widget inteligente que puedes colocar en tu sitio web. Los visitantes pueden hacer preguntas y recibir respuestas instantáneas impulsadas por IA.
El chatbot aparece como un botón flotante (generalmente abajo a la derecha) y abre una ventana de chat al hacer clic. Puedes personalizar completamente la apariencia, posición y comportamiento.
Consejos
- Se requiere siempre una clave API, incluso para modelos gratuitos.
Activar el Chatbot
Para activar el chatbot:
1. Ve a Configuración del Chatbot en el menú lateral
2. Activa "Habilitar Chatbot"
3. Introduce tu clave API
4. Selecciona un modelo de IA del menú desplegable
5. Haz clic en Guardar
El chatbot está ahora activo y se puede colocar en tu sitio web a través del Page Builder.
Clave API y Proveedor
El chatbot utiliza el modelo BYOK (Bring Your Own Key). Esto significa que usas tu propia clave API de un proveedor de IA.
Proveedores compatibles:
• OpenRouter – acceso a cientos de modelos con una sola clave
• OpenAI – acceso directo a modelos GPT
• Google – acceso a modelos Gemini
Tu clave API se almacena cifrada en la base de datos y nunca es legible después de introducirla.
Nota
- Tu clave API se almacena cifrada pero nunca la compartas con terceros.
Prompt del sistema
El prompt del sistema determina cómo se comporta el chatbot. Aquí proporcionas instrucciones sobre:
• El nombre de tu empresa o sitio web
• El tono (formal, informal, amigable)
• Temas de los que el chatbot puede o no puede hablar
• Información específica que siempre debe mencionarse
Ejemplo: "Eres el asistente de atención al cliente de Panadería Dorada. Responde siempre en español, sé amable y dirige las quejas a info@panaderiadrada.es."
Consejos
- Mantén tu prompt del sistema corto y específico para los mejores resultados.
Colocar el Chatbot en tu sitio web
El chatbot se coloca en tu sitio web a través del Page Builder:
1. Abre una página en el editor
2. Añade el bloque "ChatbotSection"
3. El chatbot aparece como botón flotante en esa página
Solo necesitas añadir el bloque en una página – el chatbot estará disponible en esa página. ¿Quieres el chatbot en varias páginas? Añade el bloque en cada página deseada.
Personalizar la apariencia
Puedes personalizar completamente la apariencia del chatbot:
• Color del botón – el color de fondo del botón del chatbot
• Icono – elige entre varios iconos de chatbot
• Posición – abajo a la derecha o abajo a la izquierda de la página
• Estilo de burbuja – la forma del botón de chat (redondo, redondeado)
• Ancho del chat – el ancho de la ventana de chat
Todas las configuraciones de estilo se encuentran en los ajustes de ChatbotSection en el Page Builder.
Base de conocimientos (RAG)
Con la base de conocimientos puedes subir documentos PDF como fuente de información adicional para el chatbot. El chatbot utiliza estos documentos como contexto al responder preguntas.
Cómo funciona:
1. Ve a Configuración del Chatbot → Base de conocimientos
2. Sube un PDF (máx. 10 MB)
3. El documento se procesa e indexa automáticamente
4. El chatbot utiliza el contenido para preguntas relevantes
Puedes subir varios documentos y eliminarlos individualmente.
¿Qué son los chunks?
Los chunks son pequeños fragmentos de texto en los que tus documentos y páginas web se dividen automáticamente. Imagina un libro: en lugar de buscar en todo el libro, el sistema lo corta en párrafos manejables.
Cuando un visitante hace una pregunta, el chatbot busca en estos chunks para encontrar la información más relevante. Cuantos más chunks tengas, más conocimiento tiene el chatbot a su disposición.
Puedes ver el número de chunks en:
• Uso del chatbot → Chunks RAG (total)
• Base de conocimientos → por documento
• Contenido del sitio → por página indexada
Consejos
- Más chunks = mejores respuestas, pero también más uso de almacenamiento.
- Elimina documentos obsoletos para liberar espacio.
Modo de visualización: todo el sitio o por página
Puedes elegir cómo aparece el chatbot en tu sitio web:
• Todo el sitio — El chatbot aparece automáticamente en todas las páginas.
• Por página — Agrega manualmente el bloque Chatbot en el Page Builder en páginas específicas.
Esta configuración se encuentra en Configuración del Chatbot → Modo de visualización.
Estilos de chat (plantillas)
Elige un estilo visual para la ventana de chat que se adapte a tu marca:
• Default — Estilo limpio y neutral
• WhatsApp — Burbujas verdes, aspecto de chat familiar
• Facebook Messenger — Burbujas azules
• Microsoft Teams — Estilo púrpura empresarial
• Minimal — Elegante y minimalista
• Neon — Llamativo con colores neón
• Glassmorphism — Efecto de cristal transparente moderno
El estilo se puede configurar en la Configuración del Chatbot o por página en el bloque Chatbot.
Datos de widgets
Con los datos de widgets puedes indexar automáticamente el contenido de tus widgets activos (alquiler, tienda, menú, ofertas de empleo, reservas e inmobiliaria) para el chatbot.
Esto permite al chatbot responder preguntas sobre por ejemplo:
• Precios y disponibilidad de tu propiedad de alquiler
• Productos y stock de tu tienda online
• Platos, alérgenos y precios de tu menú
• Vacantes abiertas y requisitos
• Opciones de reserva y eventos
• Listados de propiedades y características inmobiliarias
Cómo funciona:
1. Ve a Configuración del Chatbot → Base de conocimientos
2. Desplázate hasta 'Datos de widgets'
3. Haz clic en 'Indexar datos'
4. Los datos se procesan y almacenan como chunks
Los datos de widgets no se actualizan automáticamente. Después de cambiar el contenido de tus widgets, necesitas reindexar.
Consejos
- Reindexa los datos de widgets después de cambiar precios, productos u otro contenido.
- Los datos de widgets usan los mismos chunks RAG que los documentos y el contenido del sitio.
Probar
Prueba tu chatbot antes de que los visitantes lo vean:
1. Ve a Configuración del Chatbot
2. Usa la sección de prueba en la parte inferior de la página
3. Escribe un mensaje de prueba y verifica la respuesta
4. Ajusta el prompt del sistema o el modelo si es necesario
La función de prueba utiliza la misma configuración que el chatbot en producción, incluidos los documentos de la base de conocimientos y los datos de widgets.
Nota
- Los cambios en la configuración del chatbot se aplican inmediatamente en tu sitio web en vivo.