Introducción 🤖
Los agentes de IA pueden mejorar tu sitio web proporcionando soporte automatizado, respondiendo preguntas frecuentes o asistiendo a los usuarios de manera interactiva. Con Chatbase, puedes crear un chatbot personalizado con IA e incrustarlo fácilmente en tu sitio web de Gamma.
En este tutorial, aprenderás cómo crear tu agente de IA en Chatbase e integrarlo en un sitio web de Gamma.
Paso 1: Crea una Cuenta en Chatbase 🔧
Para comenzar, regístrate gratis en Chatbase:
- Visita Chatbase.
- Haz clic en "Sign Up" y crea una cuenta.
- Una vez dentro, estarás listo para construir tu agente de IA.
Paso 2: Crea tu Agente de IA en Chatbase 🤖
Ahora, construyamos tu chatbot:
- Haz clic en "Create New Agent" en Chatbase.
- Agrega fuentes de conocimiento, como:
- 📄 Archivos (PDF, DOCX, TXT).
- 🌐 Enlaces de sitios web (URLs para extraer información).
- 📝 Texto personalizado (Instrucciones o explicaciones).
- ❓ Preguntas y respuestas (Respuestas predefinidas).
- 📚 Páginas de Notion (Si gestionas contenido en Notion).
- Haz clic en "Create Agent" para finalizar.
✅ Ejemplo: Si estás creando un chatbot de servicio al cliente, sube preguntas frecuentes y documentos de políticas para entrenar tu chatbot.
Paso 3: Prueba tu Agente de IA 🛠️
Antes de incrustarlo, prueba tu chatbot:
- Ve al Playground en Chatbase.
- Haz preguntas para verificar que las respuestas sean precisas.
- Refina tu base de conocimientos si es necesario.
✅ Consejo: Asegúrate de que tu chatbot responda de manera clara, relevante y útil antes de publicarlo.
Paso 4: Haz tu Agente Público y Obtén el Código de Inserción 🌍
Para integrar tu chatbot en un sitio web, primero debes hacerlo público:
- Haz clic en "Connect" en Chatbase.
- Selecciona la pestaña "Embed".
- Haz clic en "Make Public" para habilitar la inserción.
- Selecciona "Embed the iframe directly" y copia el código iframe generado.
✅ Ejemplo: Tu código iframe se verá así:
1<iframe
2 src="https://www.chatbase.co/chatbot-iframe/TU_AGENT_ID"
3 width="100%"
4 style="height: 100%; min-height: 700px"
5 frameborder="0"
6>
7</iframe>
Tu agente de IA ahora está listo para ser incrustado en tu sitio web de Gamma. 🚀
Paso 5: Incrusta tu Agente de IA en un Sitio Web de Gamma 🌐
Ahora, integremos el chatbot en Gamma:
- Inicia sesión en tu cuenta de Gamma.
- Abre un sitio web existente o crea uno nuevo.
- Agrega una tarjeta en blanco donde quieras colocar el chatbot.
- Haz clic en "Incrustar Apps & Páginas Web" en el menú lateral derecho.
- Selecciona "Webpage or App" y arrastra el bloque a la tarjeta.
- Pega la URL del iframe de Chatbase en el campo de entrada.
- Selecciona el iframe y configura "Click Action" en Expandir.
- Haz clic en "Publicar" para finalizar tu sitio web.
Chatbase and Gamma Example
Conclusión 🎯
Con Chatbase y Gamma, puedes crear e incrustar fácilmente un chatbot de IA en tu sitio web. Ya sea para soporte al cliente, automatización o asistentes interactivos, los agentes de IA mejoran la experiencia y el compromiso de los usuarios.