A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


Ingresar
← Regresar a lecciones
  • Chatbots

  • Agentes de IA

  • Integración Web

Cómo Crear un Agente de IA en Chatbase e Integrarlo en un Sitio Web de Gamma

Introducción 🤖

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:

  1. Visita Chatbase.
  2. Haz clic en "Sign Up" y crea una cuenta.
  3. 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:

  1. Haz clic en "Create New Agent" en Chatbase.
  2. 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).
  3. 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:

  1. Ve al Playground en Chatbase.
  2. Haz preguntas para verificar que las respuestas sean precisas.
  3. 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:

  1. Haz clic en "Connect" en Chatbase.
  2. Selecciona la pestaña "Embed".
  3. Haz clic en "Make Public" para habilitar la inserción.
  4. 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:

  1. Inicia sesión en tu cuenta de Gamma.
  2. Abre un sitio web existente o crea uno nuevo.
  3. Agrega una tarjeta en blanco donde quieras colocar el chatbot.
  4. Haz clic en "Incrustar Apps & Páginas Web" en el menú lateral derecho.
  5. Selecciona "Webpage or App" y arrastra el bloque a la tarjeta.
  6. Pega la URL del iframe de Chatbase en el campo de entrada.
  7. Selecciona el iframe y configura "Click Action" en Expandir.
  8. 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.