Cómo crear fácilmente un chatbot de WhatsApp con Botpress v12 y Smooch
Un chatbot puede ser una ayuda increíblemente útil para tu negocio y este post te dará todos los pasos que necesitas para crea el tuyo propio. Usando Botpress v12 y Smooch (ahora conocido como Sunshine Conversations por Zendesk) Le mostraremos cómo conectarse a WhatsApp y crea un simple bot de preguntas y respuestas que responde a una variedad de preguntas.
Antes de construir el bot
Antes de empezar, tendrás que instalar y configurar varios servicios , para lo que necesitarás un correo electrónico profesional y al menos 64 GB de espacio en el disco duro.
Descargar Botpress
Para empezar, vaya a la página de documentación deBotpress v12 y descargue su versión preferida de Botpress.
Crear una cuenta en Smooch
Mientras se descarga Botpress v12, ve a la página de registro de Smooch/Sunshine Conversations. Una vez completado el proceso de registro, tendrás que crear una aplicación y darle un nombre.
Llegados a este punto, la descarga de Botpress debería haber finalizado. Si lo ha descargado con la opción "binario", simplemente extraiga el contenido de la descarga en un directorio de su elección.
Descargar Ngrok
El tercer servicio que usaremos se llama Ngrok, que puedes descargar aquí. Ngrok es un servicio gratuito que utilizaremos para compartir en la web el servidor Botpress que se ejecuta en tu máquina local. Sigue las instrucciones del sitio para descargarlo e instalarlo. Ya estás listo para empezar a crear tu chatbot.
Configurar Botpress con claves API de Smooch
Para empezar con tu chatbot, primero tienes que abrir la carpeta en la que extrajimos Botpress v12 y ejecutar el archivo 'bp'. Esto iniciará el bot, que requiere la descarga de algunos módulos. Este proceso lleva algún tiempo, pero sólo debería ser necesario hacerlo una vez, después de lo cual cada lanzamiento posterior será más expeditivo.
Mientras la aplicación Botpress se está configurando, vuelve a tu aplicación en Smooch y selecciona "Configuración". Deberías ver opciones para nombrar a tu bot, darle una imagen, opciones de mensaje, un ID de aplicación y claves API. Cuando veas las claves API, deberás crear una nueva clave API.
Crea y configura tu bot
La configuración de Botpress v12 debería estar completa en el momento de generar la clave API en Smooch. En este punto, tu consola te habrá dicho dónde abrir Botpress Studio - en nuestro caso era localhost:3000. Navega a la URL proporcionada en la consola y regístrate en tu cuenta de administrador.
Como es la primera vez que ejecutas Botpress, verás que tu espacio de trabajo no tiene bots. Selecciona la opción de crear un bot y dale un nombre. Esto rellenará automáticamente el campo ID de bot. A continuación, selecciona una plantilla de bot (como la opción 'Learn Botpress Basics').
Verás que tu espacio de trabajo tiene ahora un bot. Proceda seleccionando el bot (haga clic en su nombre). Una barra vertical, a la izquierda del Studio, debería llamar tu atención. Las opciones que se presentan aquí serán con las que más trabajes mientras desarrollas tu bot. En nuestro caso, empezaremos con la opción del editor de código, que abrirá una serie de directorios en el estudio y nos llevará a nuestro siguiente paso.
Bajo Configuraciones en el editor de código, verás dos carpetas. Por ahora, céntrate en el bot Actual.
Selecciona bot.config.json en Configuraciones y desplázate hasta 'mensajería'. Es aquí donde podrás añadir un objeto 'channels', que contendrá un objeto 'smooch'. En Smooch, crea un valor booleano llamado "enabled" y dale un valor de true. A continuación, tendrás que crear las cadenas 'keyId' y 'secret' - que tomarán el ID y el secreto de la clave API que generaste en tu aplicación Smooch, respectivamente.
Una vez completada esta tarea, guarda tu bot.config.json y navega a la carpeta Global en Configuraciones para abrir el botpress.config.json. Busca "externalUrl", que se establecerá como una cadena vacía. Se trata de un servicio bastante sencillo, así que sólo tienes que seguir las instrucciones del sitio para exponer el puerto en el que se ejecutará el bot con Ngrok. Después de eso, vuelve a pegar la URL HTTPS en la cadena externalUrl.
Guarda el archivo, reinicia el servidor y vuelve a abrir tu bot. Haz clic en "Entrenar ahora" en la esquina inferior derecha. Deberías ver "Listo" donde antes había "Entrenar ahora".
Habla con tu bot
Vuelve a la aplicación Smooch y verás que los webhooks se configuran automáticamente. Vuelve a integraciones, selecciona WhatsApp y conéctate. Ahora, elige tu modo de integración - para el propósito de esta guía, "Sandbox" funcionará bien.
Selecciona "Activar Sandbox" y sigue las instrucciones para enviar un mensaje al número especificado en WhatsApp. Una vez que hayas conectado correctamente tu Smooch Sandbox para WhatsApp, deberías recibir un mensaje. Cualquier otro mensaje será reenviado al webhook que has creado.
¡Ahora podrás hablar con tu bot!
Haz que tu bot te responda
Ahora que tenemos un bot en blanco, y hemos recibido un mensaje confirmando que nuestras integraciones funcionan correctamente, vamos a empezar con la respuesta inicial del bot después de que digamos algo.
Para ello, vaya a Preguntas y respuestas en Botpress Studio, que será la cuarta opción en el menú de la barra lateral izquierda. Verás que se te pide que añadas una pregunta pulsando el signo más de la barra de herramientas. Aparecerá una pantalla que le dará la opción de introducir texto tanto para la pregunta como para la respuesta. En nuestro caso, la pregunta es "¿Cuál es tu fruta favorita? La respuesta es: "Mi fruta favorita es el tomate, que la mayoría de la gente confunde con una verdura". Podemos repetir este proceso varias veces, dándole cada vez una pregunta y una respuesta nuevas.
Verás que en la parte superior derecha de cada nueva pregunta pone incompleto. Si pasas el ratón por encima, te dirá que la pregunta y la respuesta sólo utilizarán la concordancia exacta. Esto se debe a que tenemos que añadir varias formas diferentes de hacer la pregunta con el fin de permitir y ayudar al aprendizaje automático para el bot. Sigue adelante y añade varias variaciones de la pregunta al Q&A, cuantas más añadas mejor.
Por último, podemos mantener una conversación con nuestro bot, hacerle algunas preguntas sencillas y obtener una respuesta. Esto debería ser bastante sencillo, simplemente hazle una de las preguntas que has creado, ¡y luego recibe una respuesta! Ten en cuenta que, al tratarse de una integración bastante sencilla, cualquier pregunta incorrecta o mensaje fuera de los parámetros configurados para este bot será simplemente ignorado.
Conclusión
En esta guía, cubrimos el registro de los servicios que necesitas para tener éxito en la creación de un chatbot con Botpress v12. Esto incluía Smooch, Ngrok y el propio Botpress . Configuramos nuestros servicios, los integramos y hablamos con nuestro bot. Al hablar con el bot vimos cómo maneja una variedad de entradas, y observamos cómo responde a entradas incorrectas o inespecíficas. Si quieres crea algo más robusto, llamando a APIs y trabajando con flujos, un buen lugar para empezar sería nuestro ejemplo de chatbot Mars Rover Photography. Si quieres crea más allá de WhatsApp e integrar tu chatbot con otros canales, echa un vistazo a nuestra lista de reproducciónBotpress v12 Channel Integration en YouTube. ¡Feliz creación de bots! :robot:
Resumen paso a paso
Aunque se recomienda leer esta guía en su totalidad, he aquí un resumen aproximado de los pasos principales:
1. Preparación
- Descargue botpress de https://v12.botpress.com/
- Regístrate en app.smooch.io
- Crea una aplicación en smooch y asígnale un nombre
- Extraiga el contenido de la descarga de Botpress en un directorio de su elección.
- Descargue Ngrok de https://ngrok.com/ y asegúrese de seguir las instrucciones del sitio para su instalación.
2. Inicio
- Abra la carpeta en la que se extrajo Botpress
- Ejecutar archivo "bp
- Tenga paciencia mientras se descargan los módulos adecuados
3. Creación
- Generar la clave API
- Espere a que Botpress termine de configurarse
- La consola le dirá dónde topen el Botpress Studio (Ejemplo: para mí era localhost:3000)
- Navegue a la url proporcionada en la consola
- Registrarse con una cuenta de administrador
- Crear opción bot y nombrarla
- Seleccionar plantilla de bot (Ejemplo: "Bot vacío")
- El espacio de trabajo tendrá ahora un bot
- Haz clic en el nombre del bot
- Ir a la opción de editor de código
4. Configuración
- Busque la carpeta Bot actual en Configuraciones en el editor de código
- Selecciona bot.config.json en Configuraciones y desplázate hasta "mensajería".
- Añadir un objeto "canales" (contendrá un objeto "smooch")
- En Smooch, crea un valor booleano llamado "enabled" y dale un valor de true
- Crear cadenas "keyId" y "secret" (que tomarán el ID y el secreto de la clave API generada anteriormente en Smooch).
- Guarda tu bot.config.json
- Ir a Configuraciones
- Abra botpress.config.json
- Busque "externalUrl' (será una cadena vacía)
- Guardar archivo
- Reiniciar el servidor
- Abrir bot de nuevo
- Haz clic en "entrenar ahora"
- "Listo" sustituirá a "entrenar ahora"
- Vuelve a Smooch y verifica los webhooks configurados automáticamente
- Ir a integraciones
- Selecciona WhatsApp y conéctate
- Elija el modo de integración (ejemplo: he utilizado "Sandbox")
- Selecciona "Activar Sandbox" y sigue las instrucciones para enviar un mensaje al número especificado en WhatsApp
- Comprobar si se ha recibido el mensaje
- Otros mensajes se reenviarán a webhook
- ¡Ya puedes hablar con tu bot!
5. Hablar con el Bot
- Hazle al bot una de tus preguntas
- Leer la respuesta
- Hazle una pregunta "equivocada" y observa que no responde
Comparte esto en:
Construye gratis tu propio chatbot personalizado
Empieza a crear un bot GPT personalizado con nuestra intuitiva interfaz de arrastrar y soltar.
Empieza: ¡es gratis! 🤖No se necesita tarjeta de crédito
Manténgase al día sobre lo último en IA chatbots