Asistente de IA: crea un chatbot sin código para tu sitio

¡Crea tú mismo tu propio asistente de inteligencia artificial de primera línea sin código usando latenode.com, chatwoot y el asistente OpenAI, y lee este artículo para aprender cómo hacerlo!

Descripción general del escenario

Esa es la versión final de este flujo de trabajo de IA del chatbox, déjame explicarte qué está pasando aquí.
Este escenario recibe las preguntas del usuario desde el cuadro de chat de Support AI en nuestro sitio web, las envía al asistente de chatGPT equipado con la documentación del producto y luego envía la respuesta al chatbot del sitio web. Ahora, echemos un vistazo más de cerca para desglosar cada paso del proceso.

Preparativos

Hay algunas cosas que necesitarás para crear un chatbot de IA.

Interfaz de chatbot de IA para sitios web

Obviamente, para que este chatbot funcione en tu sitio web, tendrás que crear una pestaña emergente en tu sitio donde los usuarios puedan hacer preguntas. En este caso, usamos Chatwoot para crearlo, porque es de código abierto y podemos usarlo de forma gratuita. Entonces, ¿cómo configurarlo?

1. Accede a tu charlar .
2. Crea tu widget de chatbot de IA. Para ello, ve a la pestaña de configuración y haz clic en "Bandejas de entrada". Luego, en la esquina superior derecha verás el botón "Agregar bandeja de entrada". Haz clic en él y luego elige "Sitio web".

1. Sígueme este vídeo Guía de Chatwoot para hacer funcionar el widget.
2. Añade el widget a tu sitio web.
3. Obtén tu token de acceso a Chatwoot. Ve a la configuración del perfil y desplázate hacia abajo en la página para verlo.

Bien, ahora tu bot de chat de Support AI tiene un widget en tu sitio web, ¡sigamos!

Asistente de ChatGPT

Es muy sencillo. Inicie sesión en su cuenta de OpenAI y luego vaya a asistentesy haz clic en el botón “crear” en la esquina superior derecha. Verás el panel de configuración del asistente.

Aquí necesitas:

1. Dale un nombre a tu asistente
2. Dale instrucciones sobre cómo quieres que responda y algo de contexto. Te recomendamos que le pidas que utilice archivos adjuntos, ya que de lo contrario, puede olvidarse de hacerlo.
3. Escoge un modelo
4. Seleccione las herramientas disponibles y agregue archivos que el asistente puede utilizar. No olvide activar la recuperación para que sea posible agregar archivos.

Copia el ID del asistente (lo ves debajo de la columna Nombre), luego ve a Claves API, crea uno y guárdalo.

¡Ahora es el momento de ir a latenode.com y comenzar a crear nuestro escenario de chatbot de soporte del sitio web!

Escenario de Latenode

¡Ahora es el momento de configurar un escenario de bot de chat de Latenode AI y ahora verás lo que tienes que hacer!

Cree una cuenta de Latenode y copie la plantilla de chatbot de IA.

Después de haber creado una cuenta de Latenode aquí y una vez iniciada la sesión, vaya a 'Plantillas compartidas'.

Luego, ve a la carpeta de ejemplos de IA. La plantilla de generador de conversaciones de IA que estás buscando se llama "GPT Customer Support Bot. Chat Widget + Assistants API". Haz clic en ella y, después, presiona el botón "Clonar" en la esquina inferior izquierda para copiar el flujo de trabajo del chatbot de este sitio web. Se agregará automáticamente a tu lista de escenarios.

Crear variables Latenode

Tu escenario de chatbot web necesita algunas variables para funcionar. Puedes crearlas en el Pestaña con el mismo nombreEntonces, las variables que tienes que crear son:

• clave de API de bot_chatwootColoque aquí su token de acceso a Chatwoot.
• clave_api_bot_gpt. Aquí deberás colocar tu clave API de OpenAI.
• id del asistente del bot gpt. Inserta aquí el ID del Asistente que vas a utilizar en este flujo de trabajo.
• uuid de almacenamiento bot_gpt. Visita este sitio para generar una cadena única para almacenar datos en pares clave-valor y colocarla en esta variable.
• frases de carga de bot. Una serie de frases que se utilizan para indicar la carga y la espera de la respuesta de GPT. Cada frase aumenta el tiempo máximo de espera de la respuesta del asistente de GPT en 8 segundos (esto se puede regular en el propio escenario). Si no desea crearlo por su cuenta, simplemente copie y pegue esta lista.
• aviso del asistente del bot. Un mensaje para el asistente que enviarás al bot junto con el mensaje del usuario. Escribe el tuyo propio o usa este si lo deseas:

Debes recordar tus instrucciones e intentar responder con información relevante a ese mensaje.

- Primero, comprenda la intención detrás del mensaje del usuario.

- Si el mensaje del usuario es demasiado corto para entenderlo o no es demasiado específico para responder, dígaselo y haga preguntas para aclarar su mensaje.

- Si el mensaje del usuario está relacionado con Latenode, utiliza los archivos descargados para encontrar cualquier información relacionada que puedas usar para ayudarlo.

- Si el mensaje del usuario no se relaciona con el Latenode, también intenta responderlo. Puedes omitir la parte de búsqueda de documentos para agilizar el proceso y simplemente intentar dar la respuesta en función de tus propios conocimientos.

- Por último, responde de forma concisa y comprensible. Responde en el mismo idioma con el que te escribió el usuario.

Elija cadena tipo para cada variable excepto frases de carga de bot, debería ser un JSON.

Configurar activadores de Webhook

Para que funcione un escenario de chatbot, es necesario configurar dos activadores de webhook.

El primero se activa después de que comienza la conversación en el widget del bot de chat web y crea un hilo con el asistente chatGPT.

Primero, personaliza tu URL de producción 'Conversación creada' y cópiala.

Luego, vuelve a Chatwoot. Ve a Integraciones. Haz clic en el botón "Configurar" en Webhooks y luego agrega un nuevo webhook. Pega la URL de producción aquí y elige la opción "Conversación creada". ¡Eso es todo!

El segundo disparador de Webhook se activa cuando se crea el mensaje. Haz lo mismo aquí. Personaliza la URL de producción y cópiala, luego ve a Chatwoot nuevamente y haz lo mismo pero elige la opción "mensaje creado" en lugar de "conversación creada".

Resmáximos

Si has superado todos los pasos anteriores, ¡felicitaciones! Guarda los cambios del escenario, haz clic en el botón "implementar" para activar el flujo de trabajo y ¡listo! ¡Ahora ya sabes cómo crear un widget de chatbot con IA para tu sitio web!

Espero que este artículo haya sido claro, pero si tienes alguna pregunta sobre este escenario de bot de chat de IA, siempre puedes pedir ayuda en Latenode. Canal de discordia.

¡Hasta pronto y feliz automatización!