Cómo Crear Chatbots de IA Desde Cero (Tutorial Completo de Botpress para Principiantes 2024)

¿Cómo crear chatbots de Inteligencia Artificial?

Introducción a la creación de chatbots

• El presentador, Nico, introduce el tema del video: cómo crear chatbots de inteligencia artificial que ahorran tiempo en el trabajo.

• Se menciona que el objetivo es enseñar desde cero hasta la implementación de un chatbot personalizado para negocios.

Competencia en el mercado de chatbots

• Nico compara dos plataformas populares para crear chatbots: Botpress y Voiceflow, describiéndolas como competidores similares.

• Se destaca que Botpress es más técnico y permite ejecutar código, mientras que Voiceflow es más sencillo pero menos flexible.

Planes y precios de Botpress

• Se explica que Botpress ofrece un plan gratuito y un plan pago (Teams), siendo este último costoso (500 al mes).

• El plan gratuito permite crear hasta cinco bots con 2000 mensajes mensuales, ideal para aprender a usar la herramienta.

Detalles del plan gratuito

• El plan incluye características como almacenamiento limitado y retención de datos por 30 días.

• Se menciona la posibilidad de llamar a la API hasta 100 veces por segundo y se destaca el soporte comunitario disponible.

Funcionalidades adicionales

• La importancia del "Always Live" se enfatiza; los chatbots deben estar activos constantemente para atender usuarios en cualquier momento.

• Los costos adicionales dependen del uso real del chatbot una vez implementado en producción.

Integraciones disponibles

• Botpress permite integraciones con diversas plataformas como WhatsApp, Slack y Telegram, además del webchat estándar.

Comienzo práctico

Creación de un Chatbot

Proceso de Creación del Chatbot

• Se inicia el proceso creando un chatbot, al que se le asigna el nombre "chatbot udia". Al hacer clic en "crear", se genera el escenario inicial para trabajar.

• Se accede al estudio donde se desarrollará el chatbot, optando por comenzar desde cero en lugar de usar una plantilla predefinida.

Diferencias entre Chatbots y Agentes de IA

• Es importante distinguir entre un chatbot y un asistente o agente de inteligencia artificial. Un chatbot guía al usuario a través de ramificaciones, mientras que un agente puede realizar tareas más complejas.

• Los chatbots no dependen completamente de la IA; utilizan la inteligencia artificial solo en puntos clave, evitando errores comunes en atención al cliente.

• El riesgo con agentes que hacen todo es que pueden fallar en situaciones críticas, lo cual podría afectar negativamente a los clientes y las finanzas.

Estructura del Estudio del Chatbot

• La robustez de los chatbots radica en su diseño basado en ramificaciones, permitiendo controlar la interacción con el cliente y utilizar IA solo cuando es necesario.

• En el estudio se encuentran varias pestañas: workflows (flujos), knowledge base (base de conocimiento), tablas y agentes. Cada uno tiene funciones específicas para mejorar la experiencia del usuario.

Flujos y Base de Conocimiento

• Los workflows son flujos creados dentro del chatbot para gestionar interacciones. Incluyen flujos para errores y timeouts.

• La knowledge base proporciona información esencial sobre la empresa, permitiendo que la IA responda preguntas relevantes sobre el negocio.

Uso de Tablas e Información del Usuario

• Las tablas funcionan como hojas integradas donde se puede almacenar información relevante del usuario, como nombres o tickets generados durante las interacciones.

• Existen diferentes tipos de agentes disponibles; sin embargo, el "knowledge agent" es crucial ya que permite interactuar con documentos relevantes para responder preguntas sobre la empresa.

Tarjetas dentro del WordPress

• Se presentan diferentes tipos de tarjetas dentro del sistema WordPress para crear ramificaciones conversacionales.

¿Cómo utilizar la Inteligencia Artificial en WordPress?

Ejecución de Código en WordPress

• Se menciona que, a diferencia de Voiceflow, WordPress permite ejecutar código personalizado mediante la función "execute code", lo cual es accesible incluso para quienes no son programadores.

• La posibilidad de crear scripts personalizados es útil cuando las funcionalidades predeterminadas de WordPress no satisfacen necesidades específicas, y se puede hacer con ayuda de inteligencia artificial como ChatGPT.

Oportunidad de Formación en Inteligencia Artificial

• Se presenta un curso completo sobre inteligencia artificial generativa, diseñado para personas proactivas que desean dominar esta tecnología sin necesidad de conocimientos previos en programación.

• El curso está limitado en plazas y se ofrece un enlace para agendar una llamada de admisión, destacando su relevancia para acelerar carreras o emprender en el ámbito de la IA.

Tipos y Funciones de Inteligencias Artificiales

• Se mencionan diferentes tipos de inteligencias artificiales disponibles, como Antropic y OpenAI, así como la importancia del análisis lógico para entender las intenciones del usuario.

• Las tarjetas AI permiten definir caminos basados en descripciones dadas por el usuario; esto incluye tareas específicas que pueden ser ejecutadas por la IA.

Captura y Manejo de Información

• Existen múltiples opciones para capturar información del usuario (como correos electrónicos o números telefónicos), adaptándose al formato requerido.

• Aunque hay muchas opciones disponibles para capturar datos inusuales (como colores o temperaturas), los más comunes son precio, teléfono y correo electrónico.

Interacción con el Usuario a través del Chatbot

• Se describen métodos interactivos como preguntas abiertas (rw input), donde el usuario responde con texto libre.

• Los métodos "single choice" y "multiple choice" permiten al usuario elegir entre varias opciones; esto facilita la navegación dentro del flujo del chatbot.

Construcción del Flujo del Chatbot

• La construcción del flujo se realiza mediante nodos que permiten añadir textos e interacciones; cada nodo tiene entradas y salidas definidas que guían al usuario a través del proceso.

Creación de un Chatbot para una Clínica

Introducción al flujo del chatbot

• Se describe el proceso de conexión entre nodos en un chatbot, donde cada nodo puede llevar a otro nodo estándar, creando un flujo potencialmente infinito.

• Se presenta un ejemplo práctico: la creación de un chatbot para una clínica médica que permite a los clientes reservar citas y resolver dudas.

Configuración inicial del chatbot

• El emulador permite probar el funcionamiento del chatbot en tiempo real, facilitando la interacción directa con el sistema.

• Al iniciar el chatbot con "Hola", se observa cómo sigue el flujo desde el nodo inicial hasta mostrar un mensaje de bienvenida.

Captura de información del usuario

• Se introduce la necesidad de utilizar inteligencia artificial para capturar información relevante del usuario mediante preguntas.

• La importancia de establecer variables para almacenar las respuestas del usuario es destacada; se crea una variable llamada "preguntas".

Categorización y ramificación

• Se explica cómo categorizar las preguntas recibidas en diferentes caminos dentro del flujo, como "Reservar cita" y "Duda".

• Se mencionan tres niveles de variables: workflow (para la conversación actual), user (para interacciones pasadas del mismo usuario), y chatbot (generalmente no utilizadas).

Ejemplo práctico y ajustes finales

• Se establece que si hay dudas, se debe proporcionar información clara; se inicia con una categoría específica para reservas o consultas.

• Un nuevo enfoque implica eliminar tarjetas innecesarias y conectar nodos autónomos que actúan como mini-agentes dentro del sistema.

Instrucciones al agente autónomo

¿Cómo crear un agente autónomo para buscar información?

Creación de un nodo autónomo

• Se inicia la creación de un nodo autónomo que puede buscar información en una base de conocimiento específica.

• Se menciona la necesidad de subir información sobre el negocio, en este caso, la clínica "Vuda", a la base de datos.

Subida de información a la base de conocimiento

• Existen varias formas para cargar información: URL, documentos PDF o texto directo. En este caso, se opta por subir texto.

• La información que se sube ha sido generada con inteligencia artificial y describe los servicios y actividades de la clínica.

Consulta del agente autónomo

• Se realiza una consulta al agente preguntando por la dirección de la clínica; el sistema comienza a buscar esta información.

• Aunque el nodo proporciona respuestas, hay preocupación sobre su precisión y control, ya que podría fallar en ocasiones.

Alternativa manual al uso del nodo autónomo

• Se decide no usar el nodo autónomo y optar por ingresar manualmente las consultas mediante tarjetas específicas.

• Para realizar preguntas al sistema, es necesario utilizar corchetes dobles en lugar del símbolo '@', como lo requiere WordPress.

Manejo de respuestas del sistema

• Al guardar las respuestas generadas por el sistema, se crea una variable llamada "respuesta cono" para almacenar dicha información.

• Se prueba nuevamente haciendo preguntas sobre los servicios ofrecidos por la clínica; sin embargo, hay momentos donde las respuestas son demasiado extensas o imprecisas.

Optimización de respuestas

• Para mejorar las interacciones con el usuario, se recomienda dividir las consultas complejas en partes más simples para evitar saturar al usuario con demasiada información.

Flujo de Trabajo para Respuestas de Usuario

Creación y Almacenamiento de Respuestas

• Se inicia el proceso creando una variable llamada respuesta para almacenar la información solicitada por el usuario.

• Se imprime en pantalla el texto almacenado en respuesta, buscando que sea más conciso mediante un mejor prompting.

Mejora del Flujo de Preguntas

• Se plantea la necesidad de preguntar al usuario qué más desea hacer después de resolver su duda inicial.

• Se introduce un nodo de decisión llamado "duda", utilizando una opción de elección única (single choice) para determinar los siguientes pasos del usuario.

Opciones Disponibles para el Usuario

• Las opciones presentadas incluyen: "Quiero reservar una cita" y "Sigo teniendo dudas".

• La ramificación se crea para manejar las dudas adicionales, aunque se decide eliminar y recrear nodos debido a problemas técnicos.

Conexión y Actualización de Variables

• Se discute la importancia de actualizar las variables antes de conectar nodos, asegurando que reflejen correctamente las preguntas del usuario.

• Se explica cómo duplicar nodos puede ayudar a mantener actualizada la información sobre las dudas del usuario.

Ciclo Infinito y Reservas

• El flujo permite que el sistema vuelva a preguntar al usuario si tiene más dudas o si desea reservar una cita.

¿Cómo conectar Botpress a Make para reservar citas?

Introducción a la conexión de herramientas

• Se presenta el proceso de reserva de citas utilizando Botpress y Make, destacando la potencia de esta última herramienta.

• Se menciona la creación de un campo para preguntar al usuario sobre la fecha y hora que le conviene, almacenando esta información en una base de conocimiento.

Recopilación de datos del usuario

• Se solicita al usuario su nombre mediante un input directo, guardándolo en una variable llamada "nombre".

• Se crea una nueva variable llamada "usuario" para mantener el nombre del usuario entre diferentes conversaciones.

• Además del nombre, se pide el correo electrónico del usuario y se guarda en otra variable denominada "correo".

Creación y gestión de tablas

• Se introduce la idea de crear una tabla llamada "reservar" para almacenar los datos recopilados (nombre y correo).

• Las columnas se configuran con nombres adecuados, asegurándose que no aparezcan innecesariamente en las visualizaciones.

Inserción de registros en la tabla

• Se explica cómo insertar registros en la tabla creada anteriormente, seleccionando los campos correspondientes.

• La información se almacena correctamente utilizando variables definidas previamente.

Conexión con Make y ejecución del webhook

• Para conectar con Make, se utiliza un comando execute, donde se definen variables como "disponible" para manejar respuestas.

¿Cómo configurar un chatbot para reservas?

Creación del Webhook y Evento en Google Calendar

• Se menciona la necesidad de cambiar el webhook, que es único para cada usuario. Es importante copiar y pegar el webhook correcto.

• Se crea una variable de fecha debido a un desfase horario en WordPress. Si no hay problemas con la hora, esta parte puede omitirse.

• Se establece un evento en Google Calendar con una duración de una hora, y se prepara un mensaje de confirmación para el usuario sobre la reserva realizada.

Envío de Correos Electrónicos

• Se discute la importancia de recopilar correos electrónicos para enviar notificaciones sobre las reservas. El mensaje incluye agradecimientos y recordatorios previos a la consulta.

Interacción del Chatbot

• Se muestra cómo interactuar con el chatbot al solicitar una cita, incluyendo pasos como proporcionar nombre y correo electrónico.

• El sistema confirma la reserva mostrando detalles específicos como fecha y hora.

Manejo de Dudas Post Reserva

• Después de realizar una reserva, se plantea si el usuario tiene más dudas o desea terminar la conversación. Esto asegura que los usuarios no puedan salir sin resolver sus inquietudes.

• La estructura del chatbot está diseñada para mantener a los usuarios dentro del flujo hasta que realicen otra acción o terminen su interacción.

Publicación e Implementación en Página Web

• Se explica cómo publicar el chatbot fuera del entorno de WordPress, permitiendo su uso en otras plataformas web.

• Para mejorar la estética del chatbot, se busca un estilo CSS que permita personalizar colores y tamaños.

Personalización Visual del Chatbot

• Una vez cargado el chatbot, se observa que necesita mejoras visuales.

• Se pueden ajustar colores y dimensiones mediante estilos CSS personalizados para hacer más atractivo al usuario final.

Chatbot y su Integración en Páginas Web

Introducción al Chatbot

• Se presenta el concepto de "chatbot" como una herramienta que puede ser utilizada para proporcionar asistencia, mencionando la posibilidad de personalizarlo con información relevante.

• Se discute la opción de agregar imágenes al chatbot, destacando la importancia de ajustar las dimensiones para evitar distorsiones visuales.

Personalización del Chatbot

• Se menciona la capacidad de modificar la URL del chatbot y cómo esto afecta su apariencia en la interfaz.

• La conversación se centra en eliminar marcas de agua o créditos visibles, como "creado con WordPress", para mejorar la presentación del chatbot.

Integración Técnica

• Se explica cómo conectar el chatbot a diferentes plataformas web, incluyendo WordPress y otras páginas personalizadas utilizando HTML.