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

Hoy te voy a enseñar paso a paso cómo puedes crear chatbots de Inteligencia artificial que te van a ahorrar decenas de horas en el trabajo Voy a enseñarte no solo a construir un chatbot sino también darle herramientas darle acciones para que pueda Por ejemplo reservar una llamada y además también te voy a enseñar cómo lo puedes integrar en tu propia página web al final de este vídeo tendrás todo lo que necesitas para Hacer esto realidad Mi nombre es Nico y en los últimos años he ayudado a decenas de empresas a implementar la Inteligencia artificial en

sus negocios en este vídeo vas a pasar de no saber nada sobre chatbox a poder crear los tuyos propios entrenados con una base de conocimiento personalizada y listos para implementarlos en tu negocio o venders elos a otros dentro del mundo de los chatbots tenemos dos grandes competidores tenemos botpress Y tenemos Voiceflow esto es como el Barca Madrid la coca-cola versus Pepsi no son al final dos softwares que nos permiten crear chatbots pero que son bastante similares entre ellos y son las pequeñas diferencias entre los que una tipo de personas elige uno o eligen otro yo

en mi caso me quedo con wordpress ya que soy Partner suyo Entonces no tiene mucho sentido que que hable sobre voiceflow pero la diferencia principal para que te hagas una idea entre estos dos softwares Es que wordpress al menos a en mi parecer es un poco más técnico en el sentido de que nos permite ejecutar código y nos permite Pues eso meter esa rama de código que a veces es necesario mientras que voiceflow tal veces es un poco más sencillo te dejan las cosas más sencillas pero no te permite esta parte un pelín más técnica

que a veces hace falta entonces dicho esto nosotros vamos a trabajar con Bot y lo primero que te quiero enseñar es algo muy importante no Que es el tema de precios a todo el mundo le interesa Entonces como ves V tenemos un precio que es totalmente gratuito que es el que vamos a utilizar y luego tenemos un plan de teams de equipo que vale 500 al mes no me parece que nos podemos olvidar de este plan de pago entonces vamos a quedar con el plan gratuito que como ves pone Pay As you go que esto

es muy importante es decir que nosotros no vamos a pagar una suscripción mensual sino lo que vayamos Gastando es lo que vamos pagando entonces lo que vamos a hacer es loguear noos y nos va a llevar al dashboard Principal donde vamos a tener nuestros chatbots toda la información que necesitamos Entonces lo primero que vamos hacer Es irnos a la configuración y ver todo esto del Pay As you go para ello nos metemos en el apartado de Billings y vamos a ver qué es lo que nos cobran que es muy pero que muy importante Entonces como

veis tenemos 5 Totalmente gratuitos a gastar a nivel de Inteligencia artificial esto sobre todo para lo que nos sirve es para aprender porque con 5 sí que es cierto que una vez que sacas el chatbot al mercado se van a gastar Es lógico no pero bueno para poder aprender y para poder crear tus primeros chatbots da más que de sobra Entonces vamos a ver qué es lo que ocurre el p como veis hay cosas que no nos incluye pero bueno no nos tenemos que preocupar porque son detalles muy Muy pequeños y que normalmente en el

99% de los casos no se utilizan el pugo nos incluye 5 Bots es decir podemos crear cinco chatbots 2000 mensajes o eventos mensuales tres colaboradores 5000 tablas esto vamos a ver las tablas dentro de botpress que son bastante importantes 100 megas de vector database storage 100 MB esto es la cantidad de texto a nivel de pdfs que puedes guardar para tu Inteligencia artificial después de normal es decir de simplemente de Archivos que no sean para para la base vectorial pues tenemos 500 megas 30 días de retención de datos esto significa que wordpress durante 30 días

guarda esos datos para que nosotros podemos trabajar con ellos ver analizarlos etcétera etcétera después podemos llamar hasta 100 veces a la Api por segundo en nuestro caso no nos ha empezar a llamar a la Api Pero bueno es la posibilidad que tienen después nos dan la el soporte de la comunidad cosa que está muy pero Que muy bien y los 5 gratis entonces después tenemos a partir de esto no que esto sería el plan gratis podemos Añadir eh Como extras no entonces el primero sería Always Life Y esto es muy importante vale cada vez que

tengamos un chatbot sacado a producción vamos a necesitar tener un Always Life Porque necesitamos que esté siempre activo que no se apague y se vuelva a encender ya que si hay una persona que entra a las 3 de la mañana a hablar con el chatbox Necesitamos que esté activo que esté despierto después los mensajes y eventos Pues lo mismo esto depende sobre todo de la cantidad del uso que le vas a dar si son muy pocos como como ves aquí tenemos 2000 mensajes pero bueno si necesitamos más se pueden Añadir después más colaboradores lo mismo

se puede Añadir vamos a Añadir unos cuantos para que veáis cómo va subiendo ahí el precio vector database storage Imagínate que tenemos que Añadir un poco más más Tablas necesitamos imagínate 10,000 tablas y necesitamos Añadir un Bot más pues en este caso como veis el coste sería de 51 al mes esto es bueno porque de esta forma lo que es aprender es totalmente gratis el crear tus primeros chatbots el aprender a utilizar la herramienta y lo único por lo que nos cobran al final es una vez que lo queremos sacar al mercado una vez que

verdaderamente lo sacamos a producción pues ahí es donde Oye necesitamos Tenerlo siempre activo necesitamos tener más datos más información más lo que sea que en teoría si ya se está utilizando en producción es porque está funcionando y y va todo bien no Entonces no debería haber ningún problema Entonces dicho eso eh No me voy a meter ahora en todo lo que hay como veis Hay muchísimas cosas porque lo vamos a ir viendo también mientras construimos nuestro chatbots entonces me voy a ir a la parte de de Home lo único decirte que bueno también Tiene varias

integraciones entre estas vamos a verlo aquí pues puedes integrarlo como ves con con el webchat con trelo con Wikipedia bueno tienes cosas pero a ver lo más normal pues con WhatsApp lo puedes integrar también creo que lo puedes integrar integrar con slack lo puedes integrar con Telegram Ahí está y bueno el normal no que sería el webchat que sería con una página web que es sobre todo el que vamos a ver hoy entonces dicho esto esto serían las Integraciones vamos a empezar Ya a crear nuestro chatbot entonces para eso nos venimos a nuestro dashboard principal

y vamos a darle a crear un Bot aquí le podemos poner un nombre le voy a dar chatbot udia mismamente y le damos a crear Entonces cuando le damos a crear se pone a generarnos Por así decirlo el escenario el Cana a partir del cual vamos a empezar a trabajar y donde vamos a trabajar y crear nuestro chat chot y bueno Dentro de poco pues lo tendremos Listo como veis chatbot created vamos a abrir el estudio porque vamos a tener por un lado vale el dashboard que aquí es donde vamos a poder ver todos nuestros

chatbots pero nosotros vamos a trabajar en el estudio no no no en el dashboard Vale entonces aquí podemos empezar de una plantilla si queremos Yo en mi caso no quiero empezar de ninguna plantilla Entonces le tengo que dar aquí que no lo veía al Start from Scratch y le damos a usar plantilla Entonces ya Algo que quiero comentaros desde el principio a la hora de de crear un chatbot es que hay una diferencia entre un chatbot y un asistente o una un agente de Inteligencia artificial vale eh No sé por qué esto me sale tan

grande vamos a cerrarlo un poquito a ver a ver si me deja ahí está y esto Claro que no estoy aquí vale Ahora sí entonces lo que te quiero explicar lo primero es la diferencia de eso entre un chatbot y un asistente porque es bueno y un agente Perdón un chatbot es un es un sistema en el que vas a ir llevando al usuario por una serie de ramificaciones se pueden crear Googles o lo que sea pero la idea de los chatbots no s se trata de tener una Inteligencia artificial que haga todo el trabajo

sino más bien de en unos puntos claves utilizar la ella cuando es necesario por otro lado tenemos los agentes de Inteligencia artificial en los que ya sí que sería una illa la que hace todo el trabajo cuál es el problema Pues que esta illa es muy difícil si lo hace todo la ía sobre todo en temas de atención al cliente etcétera etcétera se puede liar mucho vale Y puede cometer errores y el problema cuando lo sacamos a producción no es que el 99% de las veces lo haga bien el problema es que tal vez el

1% de las veces lo hace mal y eso pueden ser clientes per peridos menos facturación etcétera etcétera entonces por eso los chatbots es una solución muy robusta porque utilizamos La ia pero no es una ia y ya está que creamos sino que creamos este sistema de ramificaciones en los que vamos a llevar al Cliente por donde nosotros queremos y en los puntos importantes donde verdaderamente la Inteligencia artificial tiene sentido lo vamos a agregar entonces bueno dicho eso te voy a explicar ahora te voy a enseñar un poco Cómo cómo es lo primero que voy a

hacer es eliminar esto porque no nos interesa también vamos a eliminar Este Vídeo y vamos a empezar de izquierda a derecha vale vamos a ir viendo todo en Entonces lo primero que vemos a la izquierda como vist Tenemos aquí una serie de pestañas la primera pestaña son los workflows los workflows son los flujos que vamos a crear dentro de nuestro chatbot Entonces el flujo lo vamos a crear aquí dentro no Entonces tenemos un flujo tenemos un flujo de errores cuando haya un error y un flujo de Time out que sería cuando Imagínate Que la persona

se tira media hora y no han mandado ningún mensaje al chatbot y luego conversation nosotros nos vamos a centrar sobre todo en el Main después ap parte de los workflows tenemos la knowledge base la knowledge es la base de conocimiento y aquí es donde vamos a darle al chat la información de Nuestra Empresa la información que necesita la ia para poder responder a las preguntas y bueno vamos a verla luego ya en más detalle después tenemos las tablas las Tablas son muy interesantes las tablas te las tienes que imaginar como un Google Seat pero integrado

o un Excel integrado en la propia plataforma de de wordpress entonces aquí pues por ejemplo puedes guardar la información del usuario Cómo se llama su apellido Qué es lo que está buscando Imagínate que genera un ticket pues puedes guardar aquí el ticket la respuesta si se ha respondido bueno puedes guardar lo que sea al final es como como tablas de Excel o de Google Seat después tenemos apartado de agentes vale aquí no nos vamos a meter mucho en detalle en todos estos tipos de agentes porque la mayoría no son necesarios como tal o se usan

en casos muy específicos pero para que te hagas una idea puedes tener una aa que directamente se especialice en Traducir que sería el Translator agent o un personal t que te permite pues darle una personalidad no ese branding al final esa marca no que que tiene o la forma en La que se expresa tu marca etcétera etcétera pues se lo podrías dar a través de ese Pero principalmente nosotros el que más vamos a utilizar es el knowledge agent que el knowledge agent es básicamente una ia que puede hablar con tus documentos y bueno eso lógicamente

lo vamos a utilizar porque vamos a subirle documentos vamos a querer Que responda dudas seguramente sobre Nuestra Empresa sobre nuestro negocio y es muy importante tenerlo activado después en Tema de hooks no me voy a meter porque esto es bastante avanzado y ahora mismo no no no lo vamos a utilizar Entonces ya hemos visto esto Ahora lo siguiente que te quiero enseñar es si Seguimos aquí vas a ver que se va a abrir una pantalla ahí Entonces estos son las tarjetas que tenemos dentro de wordpress al final como te he dicho de lo que se

trata esto es de crear una ramificación de nuestra convers ación y llevar al Cliente por donde nosotros queremos y para ello pues Tenemos distintos tipos de tarjetas te voy a explicar las principales que más se utilizan pues como veis aquí tenemos mandar mensajes que tenemos pues una tarjeta de texto una de audio de imagen etcétera etcétera aquí principalmente la que más utiliza es la tarjeta de texto esta tarjeta de texto cuando tú la pones ahora lo vamos a hacer simplemente lo que hace es sacar un texto por pantalla vale Ten en cuenta una cosa sacar

un texto por pantalla no es lo mismo que Buscar información o preguntarle al cliente o a la persona que está utilizando el chatbot en el sentido de que normalmente nosotros lo que vamos a hacer es por un lado lanzarme mensajes por pantalla que sería el texto sobre Bueno sobre todo con texto cuando no queremos Buscar información del usuario simplemente queremos poner información no imprimir información por pantalla pero luego vamos a utilizar otras tarjetas que van a ser de capturar Información cuando en en esa pregun cuando le tenemos que hacer una pregunta básicamente al usuario que

tome una decisión entonces dicho esto imprimimos algo por pantalla después en el ejecutar pues tenemos execute code que esto es lo que te he dicho que la diferencia entre voiceflow y wordpress que a mí me gusta más wordpress porque con el execute al final puedes meter parte de código que lo puedes crear no hace falta ser un un un profesional no necesitas ser un Programador lo puedes hacer con Inteligencia artificial este código lo puedes hacer con chat gpt Pero lo bueno que tiene esto es que ha muchas veces al final para cosas muy concretas que

tal vez tú quieras hacer ves que las tarjetas de wordpress por ejemplo todo lo que tiene el pack completo no te sirve Entonces llega un punto en el que tal veces es necesario Pues que ejecutes este código y te crees tú pues Por así decirlo tu minis Script de de eso para Programarlo pero eso siempre se puede hacer con Inteligencia artificial si estás listo para dar el siguiente paso y convertirte en un verdadero experto en Inteligencia artificial tengo una gran oportunidad para ti desde el equipo de uda llevamos meses trabajando en una formación completa y

totalmente actualizada dentro del campo de la Inteligencia artificial generativa un curso para personas proactivas como tú que buscan dominar esta tecnología y Llevar sus proyectos al siguiente nivel y lo mejor de todo sin necesidad de programar te voy a ser sincero ahora mismo quedan muy pero que muy pocas plazas por eso en la descripción te dejo un enlace donde puedes agendar una llamada de admisión y reservar tu plaza en el curso superior universitario de Inteligencia artificial generativa Si estás buscando Cómo acelerar tu carrera o emprender dentro del mundo de la Inteligencia artificial Este es el

curso Para ti después tenemos opciones para trabajar con las tablas pues podemos conseguir un récord conseguir una fila insertarlo etcétera etcétera después esto no nos vamos a meter porque esto es para el tema de webchat después tenemos distintas tipos de inteligencias artificial podemos hablar con antropic podemos hablar con grock podemos hablar también aquí con openi y luego también podemos Buscar información en internet como veis hay muchos tipos de tarjeta Después tenemos las las lógicas que podemos ver una intención no es decir qué es lo que está buscando el usuario me está preguntando sobre esto está

preguntando sobre el otro o una expresión esto es como bueno es como para seguir el flujo directamente después Tenemos también tarjetas de la ía que estas las vamos a utilizar tenemos el Ai transition que lo que hace es que con Inteligencia artificial el tú le das varios Caminos con una Descripción y entonces él decide Por qué camino debe ir después se le que lo que hace es tú le das una tarea y la hace y luego que lo que hace es muy similar a la tarea solamente que Por así decirlo la tarea le has dado

unas instrucciones Extra extra para que sepa que tiene que hacer una tarea y aquí es simplemente como generar texto en general y después lo que te he dicho no que aquí imprimí vamos eh imprimí información no a través del Send message pero luego también Podíamos capturar información entonces para capturar información como ves aquí tenemos muchísimos podemos capturar información y ahí lo he cerrado entonces podemos capturar información de todo y dependiendo del formato pues tal vez queremos que que sea de una forma a otra es decir si por ejemplo quiero que sea capturar su correo electrónico

pues hombre me gustaría que que sea un correo electrónico lo que me da si quiero capturar un teléfono que sea un teléfono Si quiero capturar lo que sea Pues lo que sea no aquí hay muchas cosas yo te digo la mayoría nunca lo has utilizado es decir cuándo quieres capturar un color no sé raro cuándo quieres capturar la temperatura cuándo quieres capturar el el volumen medir el volumen son cosas que la verdad yo no utilizo Pero principalmente lo que más utiliza es el precio el número de teléfono el el email y luego tenemos el rw

input que sería este de aquí que simplemente tú le haces Una pregunta una pregunta de lo que tú quieras y te responde por texto eh Hola Me puedes decir tu nombre Mi nombre es Nicolás pues se guarda como Mi nombre es Nicolás después tenemos el single Choice y el multiple Choice que es elegir entre entre un camino otro es decir en este caso también lo vamos a ver pero simplemente le dices Oye quieres sí o no no Y entonces pulsa y dependiendo si es Sí pues se va por un camino si es no se va

por otro y el multiple Choice muy Similar solamente que puede elegir varios Y luego el resto no hace falta tampoco verlo mucho lo importante el que este lo vamos a utilizar Este es el agente que del que te he hablado aquí el knowledge que vamos a utilizar para acceder a nuestra base a nuestra base de datos Y es el que bueno Y es a través de esa tarjeta eh Cómo se hace y después el resto de utilidades esto es como para poner vídeo el vídeo que he borrado aquí al principio pues se servía para eso

Entonces ya hemos visto esa parte ahora vamos a empezar ya con el chatbot el chatbot Funciona muy sencillo tenemos un botón de Start y un botón de end entonces aquí en medio nosotros tenemos que construir nuestro flujo entero esto lo podos a hacer lo podos mover tanto como queramos hacia un lado hacia otro hacer más grande más pequeño Entonces como ves Si pulso Aquí vamos a crear un un nodo estándar entonces Bueno aquí me sale eso que que me deja poner qué es lo Que quiero yo Por ejemplo voy a poner de título porque siempre

viene bien ir poniendo títulos bienvenido Entonces como ves lo como funciona es que por la izquierda Cuando entras a una tarjeta a un nodo entra por la izquierda y sale por la derecha en el sentido de que va a entrar por aquí tú aquí dentro vas a Añadir imagínate una tarjeta vamos Añadir un texto añadimos aquí un texto entonces lo que va a hacer es entrar por aquí lo primero que va a hacer un texto Después si ponemos aquí algo debajo Imagínate que ponemos otro texto después saldría por pantalla este otro texto y así todo

el rato vale añadiríamos una Card y luego seguiríamos por aquí terminaría Imagínate que termina aquí pues entonces ahora los Qué es lo siguiente que haría pues una vez que termina Por así decirlo el nodo de arriba hacia abajo lo que hace es seguir el camino y entonces si esto lo conectas a otro nodo estándar pues seguiría por Aquí lo mismo haría todas las tarjetas pasaría al siguiente haría todas las tarjetas y así hasta Bueno hasta infinito no depende de todo lo grande que lo quieras hacer entonces ahora en texto vamos a poner lo siguiente nosotros

vamos a crear un ejemplo que lo que vamos a hacer es para una clínica que que bueno una clínica médica y la idea es crear un chatbot para que puedan reservar los clientes y puedan sobre todo también preguntar todas las dudas Que tengan no Entonces como te he dicho la tarjeta de texto de text loo que hace es imprimir un mensaje por pantalla entonces voy a poneros lo siguiente Hola coma Bienvenido a al asistente de Vamos a ponerle clínica clínica udia Vale y vamos a dejarlo por aquí por como ves no lo he conectado al

nodo n no hace falta esto Solo hace falta al final del todo y ahora vamos a seguir no que te he dicho Aquí es donde vamos a crear todo el workflow y vamos a crear todo pero aquí A la derecha hay otra parte muy pero que muy importante y esto es un emulador es decir que no tenemos que Por así decirlo pensar si está funcionando o no sino que podemos probar nuestro chatbot en tiempo real Entonces yo si ahora pongo inicio el chatbot poniendo cualquier palabra en este caso le voy a poner Hola como veis

lo que ha hecho es directamente ha empezado en el nuo Start ha visto que ha empezado se ha metido por aquí se ha metido a la primera al primer nodo ha Ido bajando y lo primero que ha visto ha sido esta tarjeta y es lo que me ha puesto por aquí hola bienvenido al asistente de clínica bauda Entonces ahora yo imagínate que voy a poder voy a poner otro mensaje entonces ahora lo que le quiero preguntar es en en Qué le puedo ayudar entonces para eso vamos a utilizar ya la Inteligencia artificial vamos a utilizar

un Ai transition entonces para eso Bueno vamos a utilizar eso le transition Pero antes que se me Ha olvidado necesitamos Buscar información no al final como te he dicho cuando necesitamos preguntar al usuario que el usuario elija que haga alguna acción tenemos que capturar esa información entonces para preguntas así normales preguntas en las que tiene que responder un texto pues podemos utilizar el rwing vamos a ponerlo aquí importante ponerlo antes de ley de transition como te he dicho va de arriba a abajo entonces es importante el orden que Pones esto aquí el Search ol cabis

bueno el knowledge base esto es Si queremos que busque información en este caso no queremos que aquí que busque información entonces voy a dar a disable y y Aquí vamos a vamos a ver qué es lo que tenemos lo primero que pemos es el tipo de valor aquí question to as the user es decir qué le vamos a preguntar Pues le voy a preguntar en qué puedo ayudarte en qué puedo ayudarte y vamos a crear una variable vale la información que Capturamos la tenemos que guardar en variables pues entonces yo voy a guardar esta información

en una variable que se llame preguntas entonces una vez que tenemos esa información ahora lo siguiente que podemos hacer es categorizar pero como ves lo que me pide es Oye qué qué es lo que quieres categorizar no en e transition lo que va a hacer es un texto lo va a categorizar en una de las en una de las categorías y me y me va a dividirlo por Los caminos no Entonces yo aquí lo que te voy a tener que poner es la pregunta y cómo pongo eso como veis me aparece aquí abajo no sé

por qué me aparece aquí pero hay que poner @work reflow preguntas vale como ves workflow preguntas eh después veremos que hay otro tipo de variables hay tres niveles vale el nivel workflow el nivel user y el nivel chatbot el nivel workflow son variables que sirven para este flujo es decir para para esta conversación para Una única conversación el nivel user eh Son para las que sirven para el mismo usuario en distintas conversaciones y el nivel de chatbot sirve para ese chatbot entonces Normalmente se juega con las de workflow y con las de user las de

chatbot la verdad es que nunca nunca se utilizan entonces aquí lo categorizamos pero necesitamos crear Bueno necesitamos crear la categoría entonces la primera categoría voy a poner Reservar cita y la segunda categoría E lo que voy a poner Duda duda sobre la Bueno vamos a poner duda vale Y aquí en Advance settings pues podríamos podríamos seleccionar el modelo en este caso no lo voy a tocar y Force classify que lo que haría sería obligarle a elegir una de las dos opciones Entonces esto ya Lo tendríamos el módulo de bien verida Ahora como ves como te

he dicho un chatbot al final lo que vamos a hacer es una ramificación Entonces tenemos la parte de reservar citas y la parte de dudas vamos a Empezar con la de dudas Imagínate que tiene una duda Entonces esto lo que va a hacer Vamos a ponerle aquí un texto y vamos a poner lo que sea para simplemente ver que funciona entonces para eso vamos voy a poner aquí lo que sea y voy a probar el emulador lo cerramos lo iniciamos en qué puedo ayudarle tengo una duda vale como ves se ha metido por aquí entonces

aquí en verdad cuando cuando él pregunte no te va a preguntar tengo una duda Seguramente te va a decir Oye eh Cuál es la dirección del sitio no por ejemplo Entonces eso es lo que vamos a crear ahora ahora aquí para ello voy a eliminar esta tarjeta entera vamos a eliminarla y voy a enseñarte un nuevo punto vamos a intentar cerrar esto para tener un poco más de espacio no sé si me me deja a ver me deja cerrar esto pero esto no no me está dejando Bueno entonces estamos aquí voy a Ahí está mucho

mejor vamos a conectar un nodo Autónomo vale esto básicamente es como tener un mini agente de ella aquí dentro entonces tú le vas a dar unas instrucciones esto es como tener un gpt y le vas a dar una serie de acciones y con eso pues te va a dar una respuesta Entonces nosotros en las instrucciones le vamos a poner lo siguiente eres un experto Ahí vamos a bajarlo eres un experto en resolver dudas sobre el negocio eh bayuda Para ello tienes una base de conocimiento con toda la Información necesaria para responder a las preguntas de

los usuarios responde siempre de forma concisa y en un tono conversacional bueno básicamente le digo Oye qué eres cuál es tu tarea no y luego puedo aquí Añadir una una una tarjeta no en este nodo autónomo Entonces le hemos dado las instrucciones y hay que darle las acciones que tiene entonces para ello le voy a dar una acción que sea como te he dicho que sea el agente entonces de esta forma pues ya lo Tendríamos creado este este nodo o bueno sí este nodo este agente autónomo que lo que va a poder hacer es buscar

información en nuestra base de conocimiento sobre el negocio de de la clínica de oda no pero claro nosotros no hemos subido ninguna información de nuestro negocio Entonces eso es lo que tenemos que hacer ahora para ello nos venimos al libr y vamos a eliminar esta de aquí porque no vamos a querer no no la hemos creado y vamos a darle a crear Nueva knowledge base voy a llamarle eh clínica vuda La voy a guardar y aquí dentro tenemos distintas formas de subir esta información como veis puedes subir un URL de una página web puedes subir

un documento PDF puedes buscar en internet y pero yo en mi caso bueno y utilizar las tablas no de wordpress pero yo voy a utilizar directamente subir texto entonces para ello lo pulso me meto aquí dentro y yo tengo por aquí no Ah este es y yo tengo por aquí la información que Quiero meter de clínica bía esta información me la he inventado la la he cogido con Bueno es más fácil hacer Comando a la verdad A ver si me deja Comando a ahí esta información me la he inventado la he hecho con Inteligencia artificial

y me he inventado pues esto que qué es lo que hace boda A qué se dedica etcétera etcétera entonces la guardo y ahora sí que sí ya lo tendría creado Entonces ahora lo mismo volvemos a Bueno vamos a cerrar esto volvemos a Nuestro workflow Y entonces ahora en principio si nosotros ponemos Aquí vamos a poner a vamos a Me puedes dar la dirección la dirección de la clínica en teoría esto es una información que está dentro como veis ha empezado ha bueno está buscando la información Mejor dicho Ahora nos ha dicho que va a buscar

la dirección de la clínica eh para nosotros y ahí ha sacado la información entonces es un nodo autónomo en el que Bueno pues te damos ía más libertad y Bueno pues Que puede sacar información pues como ves al final Pues nos lo ha dado no sede central estaría aquí sucursal norte Sin dar más información estoy aquí para ayudarte Vale entonces esto sería una forma de hacerlo qué es lo que pasa pues que aquí no tenemos mucho control y como te he dicho el problema no es que el 99% de las veces lo haga bien sino

que el 1% lo haga mal entonces a mí este nodo la verdad Todavía no me termina de convencer que es una muy buena opción yo Creo que todavía le queda un poco Entonces nosotros en vez de utilizar eso vamos a hacerlo como un poco más manualmente cómo vamos a hacer esto pues vamos a meter directamente la tarjeta de query knowledge vale Entonces no vamos a utilizar este autónomo sino que vamos a poner nosotros mismos La información entonces para eso nos pone un querry que es básicamente la información que queremos Buscar qué es lo que que

vamos a querer buscar vamos a querer Buscar la Pregunta Entonces le voy a poner lo siguiente vale le voy a decir responde a la siguiente pregunta de manera concisa y conversacional y luego le voy a poner esto de aquí workflow preguntas cuando utilizamos el knowledge agent este de aquí necesitas poner corchetes en vez de poner la roba que habíamos utilizado antes e por alguna razón el equipo de wordpress lo hace así tienes que poner los corchetes doble corchete para que signifique esta pregunta de aquí vale Aquí puede seleccionar donde lo puede buscar en este caso

solo tenemos una base de conocimiento por lo que no haría falta Pero bueno vamos a seleccionar y luego anser tenemos que guardarla en algún sitio Entonces le voy a Le voy a llamar respuesta conocimiento vale respuesta cono Y lo guardarías esa información ahí dentro qué es lo que pasa vas a ver voy a hacer la misma pregunta que le he hecho antes para que veas qué es lo que nos da en qué puedo Ayudarte Me puedes dar la dirección de la clínica ahí se pone a pensar Bueno claro espérate claro se ha puesto a pensar

Pero no no lo ha podido sacar por pantalla un segundo vamos a ponerlo Aquí vamos a poner aquí @ eh cómo lo había llamado me sale que no la he creado eh respuesta cono a ver creo que la tengo que crear desde cero si no me acuerdo Ah vale sí la tengo que crear desde aquí Pues aquí también se pueden crear variables de esta forma así encima te lo Explico pulsando aquí puedes crear una variable respuesta cono y y bueno en este caso le puedes poner una descripción workflow que sería como te dicho el nivel

y el tipo que sería String porque es texto Entonces ahora sí que sí si me meto aquí en principio me debería salir respuesta cono Ahí está ahora esperemos que sí que se haya guardado Entonces ahora pongo workflow respuesta cono vale a ver si se ha guardado ahí sí que sí vamos a copiar Esto de nuevo y vamos a probarlo entonces a tat ta ta en que puedo ayudarte la dirección de la clínica sanidad de la salud número de bueno en este caso nos lo da bien vale como veis Pero hay a veces vaas a ver

eh voy a poner a ver por ejemplo Qué servicios tienes a ver si me da la respuesta que quier Qué servicios tienes Hay a veces que no funciona bien ese chat vale ese query aunque le hemos dicho que lo haga de forma concisa Hay a veces que nos Escribe muchísima muchísima información entonces en ese caso muchas veces es mejor utilizar dos veces por ejemplo esto es el ejemplo claro como ves esto en un chatbot es como que de repente es Demasiada información para el usuario y no merece la pena entonces qué es lo que puedes

hacer para esto y es algo que yo recomiendo Pues en vez de poner aquí esto vamos a poner Espere un segundo Espere un segundo Por favor y lo que voy a utilizar es la Inteligencia artificial Dos veces en este caso la primera para sacar la información y luego no no lo quiero quiero el e generate text y luego lo que voy a hacer es meterle un prom para generar el el texto para generar como un texto mucho más conciso de esto entonces Entonces le vamos a poner lo siguiente A ver vamos a moverlo un poco

para aquí a continuación te proporciono se te proporciona una información que ha pedido el usuario tu objetivo es resumirla y que se pueda leer de forma Amena nunca escribas más de cuatro o cinco líneas Aquí está el contenido que tienes que resumir y aquí abajo lo que le voy a poner es el @work Flow respuesta cono Y vamos a guardarlo en esto en una respuesta o sea en una variable Perdón que le voy a llamar respuesta ya me parece un buen nombre y como ves ahí ya se ha creado y ya estaría Entonces esto nos

va a dar un resumen y ahora lo que tenemos que hacer es imprimir por pantalla ese texto vamos A ponerlo por aquí y @work reflow respuesta Entonces ahora sí que sí vamos a copiar esto vez habría que hacer algo más de prompting no sé qué tal será la respuesta ahora pero en teoría nos la debería dar algo más concisa Vamos a ver entonces como veis ahí ya saco la información nos dice espera un segundo y como ves ahora no nos ha mandado todo todo ese párrafo enorme sino que simplemente nos ha dado Pues eso algo

mucho más conciso podríamos jugar con el Prom para que sea incluso incluso más pequeño o que sea con Bullet points o que sea de la forma al final que que tú quieras entonces una vez que ya hemos hecho esto Ahora vamos a pensar Cuál es el flujo no al usuario ya le hemos resuelto una duda pues vamos a preguntarle qué más quiere hacer no Entonces para ello vamos aquí a Añadir un nodo vamos a poner llamarle decisión voy a llamarle a este que no le he cambiado eh duda Y entonces en decisión Lo que vamos

a utilizar es un single Choice el single Choice lo que hace es Oye decide el camino no entonces aquí dentro como ves es muy similar lo que hacemos es primero la pregunta que vamos a hacer eh vamos a decirle Por ejemplo eh qué le podemos decir por ejemplo Vamos a ponerle esto tienes alguna otra duda o sea reservar una cita en este caso quiero guardar esta variable para en verdad no porque no la voy a utilizar luego ya ya verás porque entonces ahora Aquí le puedo poner tienes algún otro lado deseas reservar una cita voy

a poner Eh quiero reservar una cita sigo teniendo dudas vale vamos a quitar lo mismo cuando sale el librito ahí significa que tienes esto activado no lo queremos activado porque no lo vamos a utilizar y vale vamos a ver el reservar una cita lo vamos a ver más adelante porque vamos a ver cuando creamos el de reservar una cita pero el de sigo teniendo dudas esta ramificación la Podde podemos crear esta ramificación cuando siga teniendo dudas lo que vamos a tener que hacer es voy a copiar Este nodo voy a en verdad vamos a eliminarlo

y voy a pegar este nodo de nuevo si se me quiere pegar No no no parece que quiera pegarse a ver copy Noe paste node with transition no sé si lo estoy pegando en otro sitio pero parece que no eh Bueno pues vamos a vamos a vamos a hacerlo otra forma vamos a crear un standar node voy a copiar esto vamos a Pegarlo tampoco me está dejando pegarlo no sé qué qué le está pasando a esto porque va tan lento Pero bueno pues vamos a crearlo directamente metiendo metiéndolo así tenemos esto después teníamos un texto

después teníamos eh la Inteligencia artificial y luego teníamos otro texto Entonces vamos a ir rellenando encima sí al menos lo vemos dos veces que que siempre viene mejor vamos a ponerlo cerca para que lo pueda ver bien Y entonces vamos a ir cogiendo Este responde a la siguiente vamos a esto responde a la siguiente seleccionamos la base después el texto lo cogemos como veis es un copiar y pegar se podría directamente Conectar a este pero pero te quiero enseñar de esta forma porque creo que tiene más sentido a ver copiamos este bueno en verdad no

se podría pegar ahora te voy a explicar el por qué A ver lo copiamos lo pegamos aquí Y por último @work Flow respuesta @work Flowr puesta yaa creo que se llamaba respuesta yaa Ahí está Vale y aquí me da un error por por algo que vamos a ver vale porque no he elegido ninguna variable pues vamos a guardarlo en respuesta yaa y esto lo vamos a guardar en respuesta con no vale ahora sí que sí ya lo tenemos creado Entonces qué es lo que pasa porque dirías Claro si sigo teniendo una dudas podría conectarlo o

sea podrías hacer esto conectarlo directamente aquí al inicio cuál es el Problema Pues que aquí no tiene ninguna duda como tal Y lo que pasa o sea es que no hay como ninguna duda creada en el sentido de que le dices vale sigo teniendo quiero reservar una cita o sigo teniendo dudas si lo conectas directamente aquí la duda que que has guardado o sea lo este este archivo no esta variable la respuesta cono no se ha actualizado O sea no se ha actualizado en el sentido que va a preguntar workflow preguntas que es la variable

Inicial que sería esta de aquí vale va a hacer esta pregunta porque no hemos actualizado esa variable que metemos aquí entonces una forma de hacerlo y que a m me parece sobre todo que se ve mejor es duplicar esto quiero reservar una cita no sigo teniendo dudas y entonces aquí lo que voy a hacer es copiar esta variable a ver si ahora me deja copiar y pegar y pegarla aquí past Card Ahí está y ponerla al principio entonces de esta forma vamos a poner la información o sea Vamos a volver a crear un un vamos

a actualizar la información de la variable preguntas entonces así de esta forma Siempre vamos a tener la pregunta que nos hace el usuario en qué puedo ayudarte y ahora sí que sí lo que podemos hacer es conectarlo directamente aquí entonces aquí de esta forma pues ya te dice quiero res una cita o sigo teniendo dudas Vale pues está ya estaría vamos a probarlo para ver queé funciona vamos a decir dónde está la clínica y Luego vamos a poder ponerle Qué servicios tienen espera un segundo ahora Nos está dando la respuesta le decimos que sigo teniendo

dudas en que puedo ayudarte Qué servicios tienes y ahora está pensando TR y En nada bueno me debería dar la la respuesta espera un segundo ahí la está buscando y aquí me la ha dado y como veis vuelve Entonces esto ya sería el ciclo ciclo infinito Entonces ahora vamos por la segunda parte que sería reservar una cita para Reservar una cita lo que le voy a pedir primero es una fecha y luego el nombre y el apellido vale esto de reservar una cita lo vamos a hacer con una acción vamos a conectar a make Y

en este vídeo no me voy a meter tanto en en la parte de m no de cómo lo hacemos Eh Pero bueno te quiero Enseñar cómo puedes eso Conectar botpress a make porque creo que es una herramienta muy pero que muy potente dos standar Note vamos a poner aquí reservar cita y lo primero que voy A Añadir aquí es una de texto que una de Buscar información de texto Entonces vamos a poner por aquí donde hay una de T ta ta de aquí estaría Entonces le voy a preguntar qué día y hora le viene bien

Y entonces esta información no queremos buscarlo en la knowledge base y voy a ponerle voy a llamarle fecha voy a crear una que se llame fecha como veis ahí se ha creado Entonces ya tendremos esta información después aparte de la fecha e nos va a dar la fecha eh lo que voy a Pedirle es cuál es su número cuál es su nombre y cuál es su correo electrónico Entonces le voy a pedir el nombre que para eso voy a hacer un raw input porque es un texto normal no lo que queremos eh Me podría decir

su nombre por favor Vale y vamos a guardarlo en una variable que le voy a llamar nombre bueno perdón no vamos a guardar una variable que se llama nombre vamos a crear una nueva variable porque vamos a cambiar el scope y vamos a poner que es usuario porque Claro el nombre de la persona no va a cambiar entre conversación de una a otra entonces de esta forma lo podemos mantener lo ponemos nombre lo añadimos y lo luego voy a hacer lo mismo con el correo voy a crear una que se llame correo y en vez

de workflow va a ser usuario Entonces ahora sí que sí lo voy a guardar en el que se llama nombre y eh No quiero buscar aquí dentro a ver si se ha guardado sí se ha guardado y aquí ahora voy a Añadir una que sea del email Porque es la tercera variable que quiero conseguir Me podría proporcionar su correo y aquí lo mismo lo guardamos en la que se llame correo no queremos la la desactivamos entonces con esta información Ya lo tenemos pero ahora lo que quiero hacer es lo que he dicho de las tablas

que también creo que es importante que quiero Oye guardar esta información de la persona del nombre y del y de la fecha y y Bueno un poco lo que está buscando no Entonces Voy a llamar a esta una nueva tabla que voy a llamar reservar la la vamos a crear Y entonces aquí dentro podemos Añadir podemos Añadir podemos Añadir columnas entonces voy a llamar una columna que se llame nombre vamos a guardarla otra que se llame correo la guardamos y por ahora por el momento vamos a dejarlo así no sé si estas dos la podemos

la podemos eh Para que no aparezcan Eh vale Creo que creo que le dado a que no aparezca la de nombre a Ver vamos a ponerlo en mayúscula nombre nombres Vamos a ponerle vamos a guardarla Vale y vamos a hide columnes vale No parece que me deje vamos a poner entonces correo con mayúscula también correos y ya está lo dejamos así vale entonces ahora nosotros en nuestra aquí como te he dicho lo que quiero es subir la información para ello vamos a Air una nueva carta una nueva tarjeta que se llama insertar Records entonces aquí

lo que vamos a tener que hacer es Seleccionar nuestra tabla que en este caso es reservar eh No sé por qué a ver ta ta ta cómo se llamaba reservar Table esta de aquí y lo que vamos a hacer es en este caso vamos a Añadir el nombre va a ser user en este caso no es workflow nombre y correo va a ser @user correo y ya estaría entonces de esta forma ya lo tenemos guardado ahí dentro perfecto Pues ahora lo que tenemos que hacer una vez que hacemos todo esto es obviamente conectarlo con make

y que y que bueno Que se conecte de alguna forma y que compruebe si bueno y que crees que reserve la reunión Entonces es lo que vamos a hacer ahora para ello la única forma que hay de llamar a make es a través de un execute vale Pero como vas a ver es muy pero que muy sencillo Entonces lo único que vamos a poner es lo siguiente vale const vas a poner aquí el nombre que quieras lad Data o el nombre que tú quieras le puedes llamar si quieres Pepe vale Pero si le llamas Pepe

aquí le tienes que llamar también Pepe aquí vale aquí PP p a ver PP Ahí está después necesitamos crear una variable que se llama workflow punto disponible que es lo que vamos a hacer ahora vamos a cerrar esto vamos a crear una nueva variable que se llame disponible que es la información que nos va a devolver de main Vale puces ahora te voy a explicar cómo funciona esto para que lo entiendas donde pone Pep aquí ves que se abren una unas llaves Tenemos que poner la fecha tenemos que poner aquí la información que queremos enviar

a make Entonces yo en este caso Quiero poner la fecha que le he llamado fecha Quiero poner el nombre que quiero enviar una variable no que se llame nombre que sea el nombre y un correo que sea el correo y luego lo que vamos a hacer es hacer una llamada a un webhook un webhook lo que va a hacer básicamente es esta información que le hemos pasado aquí y enviársela a make Directamente para que haga lo que tenga que hacer una vez que termine esa automatización eh tenemos una cosa que se llama una respuesta del

webhook que lo que básicamente se es devuelve la información de Oye esto se ha hecho bien Esto se ha hecho mal O la información que necesites Vale entonces eso esa información que nos devuelve el webhook es la que vamos a guardar en la variable workflow punto disponible que sería igual a response que sería la respuesta Que nos da ese webhook ese escenario ese automatización y punto Data Porque queremos los datos que bueno básicamente se guarda ahí lo bueno es que no necesitas entender esto a la perfección y entender el el código que hay detrás lo

único que tienes que saber Es que aquí tienes que poner las variables que quieres enviar después el el response pun Data será la información que nos devuelva e la automatización y lo que vas a tener que cambiar es el webhook Vale para que coincida con tu webhook eso lo vamos a ver ahora entonces ahora vamos a meternos a make y ver la automatización pues bueno ya estamos dentro de make y la automatización que vamos a utilizar es esta no la voy a crear desde cero Entonces en este caso como ves Tenemos aquí el webhook que

este webhook el tuyo no va a ser lo mismo entonces lo vas a tener que cambiar en este caso mi webhook es como ves ae9 y aquí es también ae9 el tuyo Será distinto Entonces tienes que copiar y pegarlo aquí entonces aquí Qué estamos haciendo vale aquí lo que estamos haciendo es crear un evento en Google calendar y luego eh mandar de vuelta la información le hemos dicho ya se ha reservado la sesión para el día que sea y bueno Esto básicamente es para cambiar el formato y que quede bonito Entonces vamos a ver qué

es lo que tengo en cada uno para que tú también lo puedas replicar como veis es el webhook después Aquí lo que creo es una variable fecha y es que no sé por qué wordpress me da la fecha con una hora más de la que toca entonces Bueno aquí aquí se cambia Si ves que esto no te hace falta y te da la fecha bien directamente pues no la cambies después hemos conectado una burbuja de Google de de crear eventos donde la fecha el donde empieza es en la fecha porque le vamos a dar con

hora y donde termina va a ser la fecha pero añadiendo una hora y ya está No tocamos Nada más y luego por último pues tenemos un una respuesta que eso es lo que he dicho que vamos a devolver a la al apres que en este caso le vamos a volar el siguiente mensaje ya se ha reservado sesión para el día que sea no y luego Aparte también he pensado que puede ser interesante pues mandar un correo entonces para esta lo que estamos haciendo es para el correo que es el como por eso te he dicho

que necesitamos el correo también para poder enviar un Correo en el que diga reserva realizada Hola nombre Eh muchas gracias por su reserva el día previo a la consulta le mandaremos un nuevo correo a modo recordatorio con toda la información necesaria un saludo el equipo de de By uda Entonces si le damos aquí a ejecutar y nos volvemos a nuestro chatbot una vez que ya tenemos esto creado lo que voy a hacer es para que también veas La respuesta es Añadir aquí una nueva tarjeta que sea @work reflow eh Workflow Cómo le llamado disponible no

disp disponible Ahí está Y entonces vamos a ver esto cómo funciona si le vamos Aquí vamos a poner a reservar vamos a poner quiero reservar una cita Entonces se mete por aquí Qué día y hora te viene bien Mañana a la a la 1 me podría decir su nombre eso no quería hacer Nico Nicolas cor [email protected] Me podría atar a ya se ha reservado la sesión para el 2024 el día 29 a la 1 como ves ha funcionado me ha Devuelto eso y si nos metemos aquí en make Pues como ves ha creado el evento

y luego también el correo Entonces ahora yo si me meto en mi cuenta en en esta cuenta en la de en la de Nicolas core1 Entonces esto sería ya la automatización y con esto ya más o menos tendríamos el chatbot lo único que tenemos que hacer ahora es hacer algo similar a esto es decir que cuando que queremos que que pregunte lo mismo No qué quiere reservar una cita o o sea cuando termine esto le Preguntamos pues esto también tiene alguna otra duda o desea reservar Bueno más bien Perdón esto no sería así vamos a

copiar este nodo vamos a pegar este nodo vamos a ponerlo aquí y vamos a decirle tiene alguna otra duda o desea terminar la conversación porque no va a querer reservar una cita si ya la he reservado la conversación eh vamos a poner aquí terminar la conversación Entonces si queremos terminar la conversación pues le damos a n si le Damos que sigue teniendo dudas Pues nos metemos aquí en la pregunta y ya estaría entonces de esta forma ya tendríamos nuestro chatbot conectado y lo bueno es que si te das cuenta el apartado de dudas es un

bucle infinito en el que solo la única forma que tiene de salir es eh A ver Perdón la única forma que tiene salir es si quiere reservar una cita es decir que no puede terminar la conversación eh de forma voluntaria por qué Pues porque al final la idea de un Chatbot en este caso de reservar una cita de crear estos eventos no es resolverle las dudas sino resolver las dudas pero que luego reserve una cita Entonces el constante repe bueno eso repetir ese proceso y al final eh que no tenga esa opción Pues bueno tal

vez le da para algún caso pues consigue que reserve una cita cuando al principio no quería Entonces esto sería el chatbot en Sí ahora vamos a ver cómo podemos implementarlo a una página web para eso Tenemos aquí arriba el botón de publicar que si lo pulsamos pues pues vas a ver que básicamente nos nos nos permite utilizar este chatbot fuera del entorno de del estudio de wordpress entonces bueno tarda un pelín en publicarse y luego nosotros lo que vamos a hacer es conectarlo a a una página web Pero bueno vamos vamos paso a paso entonces

mientras esto esto carga vamos a meternos en internet y vamos a buscar algo que vamos a necesitar que es un Wordpress Style se a ver si ahí a ver si los escribir que esto es básicamente para dejar bonito nuestro nuestro chatbot porque si no va a ser muy feo vas a ver ya se ha cargado entonces Ahora yo si me meto aquí en internet vas a ver que me ha dado un link y este link ya es nuestro chatbot la página no es la más bonita pero como ves eh A ver hay que cargado H

la bienvenido en qu puedo ayudarte Qué servicios tiene no ahí bueno Y entonces aquí funciona y ya se Lo podrías pasar esto otra persona para que lo pueda utilizar pero claro es muy feo así el chatbot entonces una forma de ponerlo bonito es directamente tienes este Styles seit URL que te permite pues jugar con él no Entonces le puedes cambiar el color Imagínate que lo queremos lo quieres en color pues esto en verde lo puedes poner un poco en el color que que tú quieras puedes esto ya es jugar con ello Puedes cambiar todos los

colores el esto un poco lo que tú Quieras pero lo más importante y lo que a mí me gusta más cambiar es el tema de eh la altura ponerlo un pelín más grande porque Normalmente se queda un poco pequeño entonces dejarlo en 80 como ves ahí ha cambiado sale raro vamos a ponerlo en 70 Pero de esta forma ves pues puedes como cambiar Cómo se ve el diseño entonces una vez que lo tengas que es que te guste el diseño simplemente leas a Style URL y copias Esto entonces ya volviendo a a a Wordpress ya

tenemos creado nuestro chatbot de reservas ahora le vamos a dar a webchat y aquí es donde vamos a personalizarlo entonces eh A ver este es chatbot reservas no sé si este es al que no le habíamos llamado chatbot tu día Perdón que me he confundido Aquí está chatbot tu día le damos a webchat y aquí podemos poner información podemos poner de todo pues podríamos poner asistente clínica bayuda te ayudamos a conseguir estar sano no sé cualquier cosa aquí Puedes poner una descripción que sería lo que aparece ahí Coméntame qué quieres vale Esto es lo que

aparecería aquí abajo y luego también podrías subirle una imagen vale las imágenes sí que es cierto que hay que hacerlo específicamente para esto porque vaas a ver por ejemplo voy a subir esta imagen para ponérsela vas a ver que como que se estira un poco Vale entonces simplemente tenerlo en cuenta pero una vez que le tenemos todo esto puesto también puedes Poner esto de información de contacto pero queda un poco feo entonces yo no lo suelo recomendar la guardamos y como ves asistente clínica pudía te ayudamos a conseguir estar sanos comentame qué quieres Coméntame qué

necesitas vamos a poner Entonces ahora sí que sí Y tenemos más má otras partes no También tenemos aquí donde tenemos que poner stait URL que lo podemos poner y guardar Entonces vas a ver que va a cambiar y ahora mismo nos aparece así no es lo más bonito Ahora mismo como queda Pero bueno eso sería ir tocando lo que lo vayas tocando después esto que ahora vamos a ir Pero antes quiero ir al advancing y vamos a poner esto para que se quite lo de creado con wordpress Entonces ahora de esta forma ya lo tenemos

aquí no ya lo podemos y se lo podemos pasar a gente y y y bueno que lo utilice no ves aquí me ha dado la respuesta pero claro lo que molaría sería por ejemplo tenerlo integrado en una página web entonces Para eso tenemos el serab link que es la página que acabamos de ver y luego tenemos este segundo código que es lo que vamos a utilizar para conectarlo a la página web entonces bueno Esto lo puedes conectar con wordpress lo puedes conectar con tu propia página web si sabes html pero yo en mi caso eh

la herramienta que voy a utilizar es la de hostinger entonces para hostinger yo estoy aquí dentro de de mi sitio web lo que voy a hacer es a ver que lo Encuentre copiar este código me voy a venir a mi sitio web en este caso hostinger le voy a dar a los tres puntos creo que es a integraciones y aquí donde en este caso si nunca has puesto nada Lo tendrás en blanco lo pegas le das a guardar cambios actualizamos el sitio y aquí ahora si nos vamos vas a ver que aquí abajo nos va

a aparecer un botón Entonces si pulso este botón como ves se nos Abre nuestro asistente en este caso un poco feo los colores yo no soy Diseñador los colores no son los más bonitos pero como ves es el es el chatbot hola bienvenido al asistente clínica hoa en que puedo ayudarte quiero reservar y como ves funciona a la perfección