Cómo Crear un Chatbot con IA sin Código Usando Flowise

Flowise es una plataforma de código abierto basada en Lang Chain, diseñada para facilitar la creación de aplicaciones impulsadas por modelos de lenguaje grande (LLMs). En esta guía, aprenderás a instalar y poner en marcha Flowise, además de crear tu primer chatbot.

Voy a suponer que ya tienes npm instalado en tu computadora y que tienes conocimientos básicos de JavaScript y NodeJS.

Configuración de Flowise

Flowise es una plataforma de código abierto construida sobre Lang Chain, que hace que crear aplicaciones con modelos de lenguaje grande (LLMs) sea más sencillo. En esta guía, te mostraré cómo instalar y usar Flowise, y también cómo crear tu primer chatbot.

Instalar y Ejecutar Flowise

  • Abre tu terminal y ejecuta: npm install -g flowise
  • Ejecuta: npx flowise start
  • Abre https://localhost:3000 para acceder a Flowise
Imagen de la interfaz inicial de flowise

Crear tu Primer ChatBot

En este tutorial, construiremos un chatbot general en pocos pasos y lo colocaremos en tu sitio web.

Flowise utiliza elementos llamados "nodos" que interactúan entre sí. Para este ejemplo, usaremos tres nodos:

  • ChatOpenAI: Configura tu conexión a los servicios de OpenAI y selecciona el modelo de lenguaje que prefieras. Permite configuraciones adicionales como temperatura y tokens máximos.
  • Chat Prompt Template: Este nodo gestiona la interacción con el modelo. Puedes dar contexto al chat en el "mensaje del sistema".
  • LLM Chain: Une los otros dos nodos en una cadena. Un LLMChain toma múltiples variables de entrada y usa el PromptTemplate para formatearlas en un prompt, que luego se pasa al modelo.

Configurar y Conectar los Nodes

  • Configura el Chat Prompt Template con contexto y coloca "{text}" en el cuadro de mensaje humano para indicar que el texto ingresado por el usuario será la entrada.
  • Configura ChatOpenAI con tus credenciales de OpenAI. Necesitarás un token de API, que puedes obtener creando un nuevo conjunto de credenciales en API Keys de OpenAI.
  • Conecta los tres nodos como se muestra en la imagen. La cadena tomará el prompt y el modelo como variables de entrada para producir la salida.
Imagen de los nodos creados en Flowise

Probar e Incrustar el ChatBot

Guarda el ChatFlow y haz clic en el botón de chat para probar tu chatbot. Interactúa con el modelo (en este ejemplo, hemos configurado un "asistente para crear historias"). Para añadir el chatbot a tu sitio web, haz clic en el botón "API Endpoint" en la esquina superior derecha y utiliza la opción de modo Popup HTML. Crea un archivo main.html y pega el siguiente script en tu sección <head>.

Imagen que muestra una interacción con el chatbot

Este script añadirá automáticamente un ícono de chat en la esquina inferior derecha de tu página. Al interactuar con este chat, los mensajes pasarán por la cadena LLM que configuraste.

Imagen que muestra la integración del chatbot en una página

Crear un chatbot con Flowise es un proceso sencillo y accesible gracias a su interfaz intuitiva y su capacidad para integrar modelos de lenguaje grande (LLMs). Siguiendo estos pasos, puedes configurar, probar e incrustar rápidamente un chatbot funcional en tu sitio web sin necesidad de experiencia previa en programación avanzada.

¡Hablemos!

Whatsapp: +524421399514

Redes sociales

Unete a nuestra comunidad

¡Recibe contenido exclusivo directamente en tu correo!