OpenWebinars

Inteligencia Artificial

Cómo diseñar un chatbot con Botpress: Guía paso a paso

¿Sabías que los chatbots pueden manejar hasta el 80% de las consultas de los clientes sin intervención humana? Botpress te permite diseñar chatbots avanzados que mejoran la experiencia del usuario y liberan tiempo para tu equipo. Descubre cómo puedes crear un chatbot eficaz siguiendo nuestra guía detallada paso a paso.

Jorge López Blasco

Jorge López Blasco

Experto en Cloud Computing, Machine Learning y Big Data.

Lectura 11 minutos

Publicado el 1 de julio de 2024

Compartir

Introducción

¿Te has preguntado cómo algunas empresas logran ofrecer atención al cliente las 24 horas del día, los 7 días de la semana? ¿O cómo pueden responder instantáneamente a las consultas de los usuarios en múltiples plataformas sin esfuerzo humano?

La respuesta está en los chatbots.

Estas herramientas automatizadas están revolucionando la manera en que interactuamos con la tecnología y proporcionan un soporte continuo y eficiente para las empresas.

¿Te gustaría crear tu propio chatbot, pero no sabes por dónde empezar? Botpress es una plataforma de código abierto que facilita el diseño y desarrollo de chatbots avanzados, sin necesidad de ser un experto en programación.

En esta guía paso a paso, te mostraremos cómo configurar tu entorno de desarrollo, planificar y diseñar tu chatbot, implementarlo, probarlo y finalmente desplegarlo y mantenerlo.

¿Estás listo para iniciarte en el mundo de los chatbots y descubrir cómo pueden transformar la interacción en tus aplicaciones? Entonces, ¡sigue leyendo!

Qué es Botpress

Botpress es un creador de chatbots de IA basado en navegador que simplifica el proceso de desarrollo de estas herramientas.

La plataforma se abstrae la infraestructura de código necesaria para poner en marcha un chatbot, lo que permite a los usuarios enfocarse en la creación y gestión del chatbot en sí.

Con su interfaz de arrastrar y soltar, tanto desarrolladores como no desarrolladores pueden diseñar, implementar y gestionar chatbots de manera eficiente.

Esta herramienta permite a los desarrolladores crear su propio chatbot de IA.

Estos chatbots pueden conectarse a conocimientos personalizados y desplegarse en diversos sitios web y canales de mensajería como WhatsApp y Telegram.

Gracias a Botpress, diseñar un chatbot avanzado es más accesible que nunca, sin importar tu nivel de experiencia en desarrollo o programación.

Aun así, si tienes conocimientos, o estas interesado en adquirirlos, te recomendamos que leas nuestra entrada Crea un chatbot realmente inteligente con la API de OpenAI: Guía práctica, donde aprenderás a crear un chatbot potenciado con la última versión de la IA de OpenAI.

Características

Entre las características de Botpress podemos destacar:

  • Interfaz visual: Permite crear flujos de conversación mediante una interfaz gráfica. Cuenta con un diseñador visual de conversaciones con interfaz de arrastrar y soltar
  • Tareas integradas: Procesamiento del lenguaje natural, reconocimiento de intenciones, corrección ortográfica, extracción de entidades y etiquetado de ranuras.
  • Multicanal: Compatible con múltiples plataformas como Facebook Messenger, Slack, y más.
  • Gestión de contenido: Facilita la administración de contenido dinámico y estático. Proporciona un emulador integrado para probar tu conversación en tiempo real.
  • Análisis y métricas: Proporciona herramientas para analizar el rendimiento del chatbot

Casos de Botpress en el diseño y desarrollo de chatbots

Botpress proporciona una gama completa de herramientas para crear chatbots versátiles capaces de llevar a cabo una amplia variedad de funciones, desde la gestión de reservas de eventos y la colocación de órdenes hasta la interacción con usuarios y la gestión de casos de soporte.

Con esta plataforma, no hay límites en cuanto a las posibilidades que puedes explorar. Puedes diseñar chatbots para satisfacer las necesidades específicas de tu negocio o proyecto, adaptándolos a cualquier escenario que puedas imaginar.

Aprende a desarrollar algoritmos de Machine Learning
Conviértete en un profesional de Machine Learning. Domina las habilidades y herramientas necesarias para implementar algoritmos de aprendizaje automático y Deep Learning en Python.
Comenzar gratis ahora

Preparación del entorno de desarrollo

Para comenzar a construir tu propio chatbot con Botpress, primero necesitarás crear una cuenta.

Este proceso es fácil y sencillo: simplemente visita la página de registro, completa los detalles requeridos y regístrate para obtener una nueva cuenta.

Una vez hecho esto, estarás listo para iniciar la creación y personalización de tu chatbot, aprovechando al máximo las herramientas y funcionalidades que Botpress tiene para ofrecer.

Configuración básica

En Botpress, cada chatbot está asociado a un espacio de trabajo.

Al conectarte a Botpress Cloud por primera vez, se genera automáticamente un espacio de trabajo predeterminado para ti. Desde este espacio, puedes invitar a colaboradores a contribuir en el desarrollo de tu chatbot, agregándolos y permitiéndoles participar en el proceso de creación y mejora del proyecto.

Esta característica facilita la colaboración y el trabajo en equipo, permitiendo que múltiples usuarios contribuyan y colaboren eficazmente en el desarrollo y la gestión del chatbot dentro del mismo espacio de trabajo.

Imagen 0 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

Diseño y planificación del chatbot

Una vez que hayas configurado tu cuenta, el proceso para crear un nuevo bot es sencillo:

  • Inicia sesión en Botpress Cloud.
  • Haz clic en “Crear bot” para iniciar el proceso de creación.
  • Selecciona el bot recién creado en tu lista de bots.
  • Haz clic en el botón “Abrir en Studio” ubicado en la parte superior derecha para acceder a la interfaz de Cloud Studio y comenzar a editar tu chatbot.

Imagen 1 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

¡A partir de aquí, el límite es tu creatividad!

Descubre todas las herramientas y funciones disponibles en Cloud Studio para diseñar un chatbot único y personalizado que se adapte a tus necesidades y objetivos específicos.

Definición de Base de Conocimiento

La Base de Conocimiento de Botpress es una herramienta poderosa que permite a los usuarios gestionar y acceder al conocimiento organizacional en un solo lugar.

Está diseñada para reemplazar los sistemas tradicionales de preguntas y respuestas, permitiendo la carga de diversas fuentes de información, como PDFs, documentos de texto y URLs de sitios web.

Imagen 2 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

Para crear una Base de Conocimiento, haz clic en el icono “Agregar Base de Conocimiento” en el Explorador del panel izquierdo del estudio. Puedes crear carpetas y organizar tus bases de conocimiento según tus preferencias.

Es importante proporcionar una breve descripción que explique el propósito y contenido de la Base de Conocimiento. Esto ayuda al sistema a entender el tipo de preguntas que esperar y mejora la capacidad de encontrar respuestas adecuadas para los usuarios.

Si trabajas en una empresa que vende electrodomésticos, puedes crear una Base de Conocimiento para ayudar al equipo de soporte a encontrar rápidamente información sobre problemas comunes de estos productos.

Una descripción podría ser: “Esta Base de Conocimiento proporciona información y soporte para nuestra línea de productos de electrodomésticos, incluyendo consejos de solución de problemas, manuales de usuario y preguntas frecuentes.”

Podemos tener diferentes tipos de fuentes de conocimiento:

  • Documentos: Permite a los usuarios subir diversos formatos de archivos, como PDFs, HTML, TXT, DOC y DOCX. Esto facilita la creación de una Base de Conocimiento integral con diferentes tipos de documentos, como manuales, guías y reportes.
  • Sitios web: Permite a los usuarios agregar contenido web a la Base de Conocimiento mediante URLs de páginas web o mapas del sitio. Esto facilita la incorporación de artículos, blogs y foros en línea.
  • Tablas: Permite conectar tablas de datos a una Base de Conocimiento, facilitando la búsqueda directa de información. Esto es especialmente útil para grandes conjuntos de datos, proporcionando un método sencillo y amigable para recuperar datos.

La base de conocimiento es un concepto fundamental para muchos de estos sistemas, si quieres conocer más de estos conceptos te recomendamos que sigas nuestro Curso de fundamentos de la inteligencia artificial.

Creación de un mapa de flujo de conversaciones

Un flujo permite descomponer un chatbot complejo en múltiples flujos más pequeños. Esta división facilita el mantenimiento y permite reutilizar estos flujos en otros chatbots.

Los flujos se basan en eventos y no bloqueantes por defecto, lo que significa que se ejecutarán todos los nodos e instrucciones hasta que necesiten esperar por una entrada del usuario. Tenemos diferentes tipos de nodos:

Imagen 3 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

  • Main: El flujo principal que sigue el chatbot para lograr su propósito principal. Por ejemplo, si el chatbot está diseñado para proporcionar servicio al cliente, el flujo principal incluirá pasos para recopilar información sobre el problema del cliente, ofrecer soluciones y resolver el problema.
  • Error: El flujo de error maneja fallos inesperados durante la conversación. Se activa cuando hay problemas técnicos, como errores en el código. Para mejorar la experiencia del usuario, se puede agregar una tarjeta de Confirmación que pregunte al usuario si desea reanudar la conversación.
  • Timeout: El flujo de tiempo de espera se activa cuando el chatbot no recibe una respuesta del usuario durante un período de tiempo determinado. Esto ayuda a evitar que el chatbot parezca no responder. Puedes agregar una tarjeta de texto que informe al usuario que la conversación está terminando o una tarjeta de Confirmación que pregunte si desea continuar.
  • Fin de la conversación: El flujo de fin de conversación está diseñado para cerrar la conversación de manera natural y satisfactoria para el usuario, agradeciendo su participación e invitándolos a proporcionar retroalimentación o continuar la conversación más tarde.
  • Flujos personalizados: Puedes crear y gestionar flujos personalizados junto con los flujos globales para implementar lógica empresarial específica y comportamientos personalizados sin comprometer la funcionalidad esencial de los flujos globales.

Para crear flujos personalizados, haz clic en el icono “Agregar Workflow” en el menú del Explorador.

Esto permite diseñar flujos de conversación que guían la interacción entre el chatbot y los usuarios, incorporando lógica empresarial compleja, integraciones con sistemas externos y manejo avanzado de entrada de usuario.

Desarrollo del chatbot con Botpress

En este apartado vamos a explorar como podríamos desarrollar nuestro chatbot, para ello empezaremos explorando la unidad mínima que compone un flujo, los nodos.

Creación de flujos de conversación

Los nodos son las unidades primarias de la lógica conversacional de tu chatbot. Generalmente, un nodo transición a otro nodo o flujo.

Puedes pensar en un nodo como un paso en una conversación. Un solo nodo puede tener múltiples tipos de contenido, instrucciones y transiciones. Cuando ya no hay más transiciones, la conversación termina.

Hay diferentes tipos de nodos:

  • Nodo de inicio

    El Nodo de Inicio es un Nodo de Entrada especializado que solo está disponible en el flujo principal de un bot de Botpress. Sirve como punto de partida para la conversación y solo puede ejecutar transiciones a otros nodos estándar.

  • Nodo de entrada

    Cada flujo en tu bot, excepto el flujo principal, comienza con un Nodo de Entrada. Este nodo es el punto de inicio para cada flujo individual y solo puede ejecutar transiciones a otros nodos estándar dentro de ese flujo.

    Se utiliza para definir el punto de entrada del flujo y las condiciones iniciales que deben cumplirse para que el flujo comience a ejecutarse.

  • Nodo de salida

    Similar al Nodo de Entrada, cada flujo en tu bot, excepto el flujo principal, debe terminar con un Nodo de Salida. Este nodo es el último en un flujo y solo puede recibir transiciones de otros nodos estándar dentro de ese flujo.

    Se utiliza para definir el punto de salida del flujo y especificar las condiciones que deben cumplirse para que el flujo termine. El Nodo de Salida generalmente contiene lógica de limpieza o finalización, como enviar un mensaje al usuario o actualizar una base de datos, antes de que el flujo se complete.

  • Nodo estándar

    El Nodo Estándar es un bloque de construcción versátil en el flujo de tu bot. Permite agregar tanto instrucciones como transiciones a tu flujo, y puede representar una variedad de pasos en la conversación con el usuario.

    Puedes agregar instrucciones al Nodo Estándar para definir qué debe hacer el bot en ese punto de la conversación, como enviar un mensaje o pedir una entrada al usuario. También puedes agregar transiciones al Nodo Estándar para especificar las condiciones bajo las cuales la conversación debe proceder al siguiente nodo.

    Los nodos estándar se pueden conectar a otros nodos dentro del mismo flujo usando transiciones, lo que te permite crear flujos de conversación complejos que se adaptan a la entrada y acciones del usuario. Son bloques de construcción esenciales para crear experiencias de IA conversacional que sean atractivas y útiles para tus usuarios.

  • Nodo de fin

    El Nodo de Fin es un nodo único en el flujo principal de tu bot. Su propósito es limpiar la sesión de conversación y restablecer el bot a su estado inicial una vez que se alcanza. Cuando se ejecuta el Nodo de Fin, borrará todas las variables y datos del usuario asociados con la conversación y establecerá el cursor de vuelta al comienzo del flujo principal.

    El Nodo de Fin se utiliza típicamente cuando se desea reiniciar la conversación con el usuario y comenzar una nueva sesión desde cero. Es particularmente útil para bots que manejan información sensible o personal, donde es importante asegurar que los datos de sesiones anteriores no sean accesibles para usuarios posteriores.

Implementación de acciones y eventos

Los eventos representan interacciones o cambios de estado dentro de la plataforma de chat, como cuando un usuario abre el chat en WhatsApp, se crea un nuevo problema en Linear, o un miembro se une a un grupo en Telegram.

La Programación Fija permite programar eventos para que ocurran en momentos específicos, útil para enviar recordatorios o mensajes sensibles al tiempo, estas se definen mediante expresiones cron. Una expresión cron es una cadena que representa un horario, con cinco campos separados por espacios: minuto, hora, día del mes, mes y día de la semana.

Sin embargo, al habilitar el webchat, puedes acceder a disparadores específicos, los hay de diferentes tipos:

  • Trigger: Activado por un evento personalizado desde el navegador del usuario.
  • Conversation Started: Activado cuando el usuario abre el bot.
  • Message In Channel: Utilizado para iniciar una conversación o escuchar eventos en sistemas externos.

Integración con APIs y servicios externos

A continuación, vamos a explicar cómo utilizar la tarjeta de código ejecutable en Botpress para acceder a APIs externas, como la API de OpenAI. Las APIs te permiten conectarte a recursos externos y extender las funcionalidades de tu chatbot.

Para integrar la API de ChatGPT y generar respuestas impulsadas por IA para tu chatbot, sigue estos pasos:

  1. Crear una variable en tu flujo de Botpress: Para almacenar la respuesta de la API de ChatGPT.

  2. Añadir la tarjeta de código ejecutable a tu flujo de Botpress y pegar el siguiente código:

const apiKey = 'OpenAI's APIKey';
const { data } = await axios.post("https://api.openai.com/v1/chat/completions", {
  "model": "gpt-3.5-turbo-0301",
  "messages": [{"role": "user", "content": event.payload}],
  "max_tokens": 100,
  "n": 1,
  "stop": null,
  "temperature": 0.7
});

workflow.variableName = data.choices[0].message.content;

Asegúrate de reemplazar OpenAI’s APIKey con tu clave API de OpenAI real, y variableName con el nombre de la variable creada en el paso 1.

  1. Prueba tu chatbot en el emulador de Botpress: Para verificar si está generando respuestas impulsadas por IA.

La IA generativa está cobrando un papel fundamental dentro de muchos sectores, por ello si quieres convertirte en todo un experto te recomendamos que sigas nuestra Ruta de Especialista en Inteligencia Artificial

Pruebas y depuración

Una vez construido tu bot llega una de las tareas más importantes, testearlo y depurarlo para asegurarte de que actúa como debe.

Métodos de pruebas

Existen varias formas de testear el comportamiento de tu bot en producción.

La pestaña de Conversaciones te permite ver el historial de conversaciones de tu bot, lo cual es excelente para identificar problemas. Consulta esta página para obtener más información.

Por otro lado, si tu bot está en vivo y ya tiene usuarios, se recomienda duplicar el bot para depurar su comportamiento. Esto te permitirá probar y depurar de manera segura sin afectar tu bot en vivo.

Puedes agregar Tarjetas de Texto en diferentes etapas de la conversación para aislar problemas.

Por último, para una depuración más detallada, utiliza declaraciones de console.log en los registros.

Depuración de problemas

Cómo Agregar Registros a tu Chatbot de Botpress

Para agregar registros a tu chatbot de Botpress, sigue estos pasos:

  • Inicia sesión en tu Botpress Studio y elige el flujo en el que deseas agregar el registro.
  • Selecciona la Tarjeta de Código Ejecutable desde la Caja de Herramientas y arrástrala a la ubicación adecuada en tu flujo.
  • Dentro de la Tarjeta de Código Ejecutable, agrega el siguiente código console.log(“Some text”)
  • Interactúa con tu chatbot para generar algunas entradas y salidas que serán registradas.
  • Navega a la pestaña de Registros para ver los mensajes de consola generados durante la conversación.

Imagen 4 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

Despliegue y mantenimiento del chatbot

Una vez esta todo testeado es el momento de publicar tu chatbot.

Despliegue del chatbot

En Botpress Studio, compartir tu chatbot publicado es fácil mediante el uso de una URL generada específicamente para tu bot. Esta URL puede ser compartida con otros, permitiéndoles acceder e interactuar con tu chatbot para propósitos de prueba o uso general.

El botón de compartir se encuentra en la esquina superior derecha de la interfaz del Studio. Es importante tener en cuenta que el botón de compartir solo está habilitado una vez que hayas publicado tu chatbot utilizando el botón de publicar.

Al hacer clic en el botón de compartir, se generará una URL específica para tu chatbot. Al compartir la URL, otros pueden acceder e interactuar con tu chatbot a través de un navegador web, eliminando la necesidad de instalar cualquier software adicional.

Compartir tu chatbot de esta manera permite una distribución rápida y sencilla, facilitando el acceso y la interacción con tu bot para pruebas o uso general.

Mantenimiento y actualización

La pestaña de Analíticas en el panel de control de tu bot te permite visualizar la actividad reciente de tu bot y monitorear la salud de tu proyecto de chatbot.

Por defecto, cada bot en tu Espacio de Trabajo viene con gráficos de analíticas preconfigurados. Estos cubren los usuarios del mes pasado, usuarios nuevos o recurrentes, cuántos mensajes envían los usuarios por sesión, cuántas sesiones tuvo tu bot durante el último mes, cuántos mensajes se enviaron a tu bot durante el último mes y una visión general de los últimos 3 meses.

Puedes crear tableros personalizados, que visualizan datos relacionados con tu bot, ya sea editando un tablero existente de tu diseño predeterminado o creando un nuevo gráfico por completo.

Al elegir qué datos mostrará tu pestaña de Analíticas, puedes seleccionar de una lista de eventos relacionados con conversaciones. Estos incluyen:

  • Usuarios totales, nuevos y recurrentes.
  • Sesiones.
  • Mensajes del bot, del usuario y totales.
  • Promedio de mensajes enviados por tu bot por sesión.
  • Promedio de mensajes enviados por los usuarios por sesión.
  • Promedio de sesiones por usuario.

Imagen 5 en Cómo diseñar un chatbot con Botpress: Guía paso a paso

Mejora las habilidades de tus analistas de datos
En OpenWebinars lograrás que tu equipo se mantenga a la vanguardia en las últimas tecnologías para implementar y crear algoritmos de Machine Learning.
Solicitar más información

Conclusiones

La creación y desarrollo de un chatbot con Botpress ofrece una solución eficiente y accesible para empresas y desarrolladores que buscan implementar herramientas de atención al cliente automatizadas.

A través de esta guía paso a paso, hemos explorado desde la configuración inicial hasta el despliegue y mantenimiento del chatbot, abarcando aspectos clave como el diseño de flujos de conversación, la integración con APIs externas y la depuración de problemas.

Botpress proporciona una plataforma intuitiva y poderosa que simplifica el proceso de desarrollo de chatbots avanzados.

Con su interfaz visual de arrastrar y soltar, tanto desarrolladores como no desarrolladores pueden diseñar, implementar y gestionar chatbots de manera eficiente, sin necesidad de conocimientos profundos de programación.

La plataforma es compatible con múltiples plataformas de mensajería, lo que permite desplegar chatbots en una amplia variedad de canales, desde Facebook Messenger hasta WhatsApp.

Además, la capacidad de visualizar la actividad del chatbot a través de la pestaña de Analíticas proporciona información valiosa para mejorar su rendimiento y eficacia.

En resumen, Botpress ofrece una solución integral para el diseño, desarrollo y despliegue de chatbots avanzados, permitiendo a las empresas ofrecer un soporte al cliente eficiente y personalizado a través de canales digitales.

Aun así, no todo vale, la UE recientemente limito el uso de algunos de estos asistentes, si quieres saber más te recomendamos que leas nuestro articulo Lo que debes saber de la legislación de IA de la UE.

Finalmente, aquí tienes un video de apoyo, perteneciente al Curso para no programadores: Uso básico de asistentes y GPTs en OpenAI, por si quieres seguir aprendiendo de una forma más profunda.

Bombilla

Lo que deberías recordar de diseño de un chatbot con Botpress

  • Los chatbots están revolucionando la forma en que interactuamos con la tecnología, ofreciendo soporte continuo y eficiente para las empresas.
  • Botpress es una plataforma de código abierto que simplifica el diseño y desarrollo de chatbots avanzados, sin necesidad de experiencia en programación.
  • Botpress ofrece una interfaz visual que permite crear flujos de conversación mediante arrastrar y soltar, facilitando tanto a desarrolladores como a no desarrolladores la creación y gestión de chatbots.
  • La plataforma es compatible con múltiples plataformas como Facebook Messenger, Slack y más, lo que permite una amplia distribución de los chatbots creados.
  • Es posible crear chatbots personalizados para satisfacer las necesidades específicas de cualquier negocio o proyecto utilizando Botpress.
  • Se pueden diseñar flujos de conversación con nodos principales, de entrada, de salida y estándar para guiar la interacción entre el chatbot y los usuarios de manera efectiva.
  • Es posible implementar acciones y eventos en los chatbots de Botpress, como la programación de eventos para recordatorios o mensajes sensibles al tiempo.
  • Botpress permite la integración con APIs externas, como la API de OpenAI, para extender las funcionalidades de los chatbots y generar respuestas impulsadas por IA.
Compartir este post

También te puede interesar

Icono de la tecnología
Curso

Creación de chatbots con Dialogflow

Principiante
1 h. y 42 min.

Con esta formación aprenderás a construir un agente virtual o chatbot con Dialogflow de Google Cloud Platform. La...

Pablo Javier Serrallonga Esparza