Inicio>Relacionado con la programación>Código Fuente de IA
Descargar

¿ Conversificar la documentación ?

Introducción

Conversify es una plataforma avanzada de chatbot de atención al cliente que permite a las empresas integrar fácilmente chatbots con tecnología de inteligencia artificial en sus sitios web. Combina tecnología de avatar 3D interactiva, interfaces de voz y texto y plantillas de chatbot personalizables para ofrecer una experiencia de usuario dinámica y fluida. Construido sobre una sólida pila MERN (MongoDB, Express.js, React.js, Node.js), Conversify proporciona a los clientes enlaces integrables o fragmentos de código, lo que permite una integración rápida y sencilla.

Características clave ?

  • Integración de chatbot integrable : los clientes reciben enlaces directos o código para integrar chatbots de Conversify en sus sitios web.
  • Plantillas personalizables : se proporcionan varias plantillas de chatbot para adaptarse a las diferentes necesidades de atención al cliente y estilos de marca. ?
  • Avatar 3D interactivo : los usuarios pueden interactuar con un avatar 3D que responde mediante texto y voz, proporcionando una interfaz atractiva y similar a la humana. ??
  • Interacción de voz y texto : las consultas se pueden realizar mediante texto o entrada de voz, y las respuestas se entregan en ambas modalidades. ⌨️
  • Backend Desarrollado por Mistral y Llama LLM : Conversify aprovecha Mistral y LLama para manejar consultas en lenguaje natural. ?
  • MongoDB Atlas como Vector Store : MongoDB Atlas gestiona el almacenamiento y la recuperación de datos de conversaciones de forma eficiente y escalable. ?️⚡
  • Soporte futuro para la selección de modelos : los clientes tendrán la opción de elegir entre varios modelos de idiomas que mejor se adapten a sus necesidades. ??

Descripción general de la arquitectura

Conversify se basa en una arquitectura JavaScript de pila completa que utiliza la pila MERN, lo que garantiza escalabilidad, flexibilidad y eficiencia.

Parte trasera :

  • Node.js y Express.js : maneja solicitudes de API, procesa datos de conversaciones y administra servicios de backend. ?
  • MongoDB Atlas : almacena el historial de conversaciones, perfiles de usuario y vectores para búsquedas y recuperaciones eficientes de similitudes mediante vectorStore.
  • Mistral (LLM) : maneja el procesamiento del lenguaje natural y genera respuestas similares a las humanas a las consultas de los clientes.

Interfaz ?️:

  • React.js : proporciona una interfaz de usuario intuitiva y receptiva donde los usuarios pueden interactuar con el chatbot. Admite entradas de texto y voz. ??‍
  • Three.js (Avatar 3D) : un motor 3D que impulsa el avatar interactivo, agregando una capa de interacción visual a la interacción del chatbot. ?️?

Proceso de integración

  1. Obtenga un enlace o código integrable : después de configurar su chatbot a través de la aplicación web de Conversify, los clientes recibirán un enlace o un fragmento de código integrable personalizado. ?
  2. Insertar en el sitio web : pegue el código proporcionado en el HTML de su sitio web para integrar perfectamente la interfaz del chatbot en cualquier página. ?
  3. Personalización : personaliza el chatbot seleccionando plantillas que se alineen con tu marca y necesidades. En el futuro, también podrás elegir diferentes modelos de idioma para potenciar tu chatbot. ??

Principales funcionalidades ?

1. ¿ Interfaz de chat interactiva ?

  • Los usuarios pueden interactuar con el chatbot mediante consultas de texto o de voz. ?
  • El chatbot responde a través del avatar 3D con salida de texto y voz, lo que mejora la interacción.

2. ¿ Plantillas ?

  • Elija entre una variedad de plantillas adaptadas a diferentes escenarios de atención al cliente. Estas plantillas guiarán el comportamiento, el tono y la apariencia del chatbot. ?

3. ¿ Integración de voz y texto ?⌨️

  • El chatbot puede procesar entradas de voz y texto de los usuarios. ?️
  • Las respuestas de voz se sintetizan utilizando tecnología avanzada de texto a voz, lo que le da al avatar 3D una voz natural.

4. ¿ Personalización de avatar 3D ?

  • El avatar 3D es totalmente personalizable, lo que permite alinear la marca y la personalidad. Elige entre diferentes estilos y comportamientos de avatar. ??

¿ Hoja de ruta futura ?

  1. Opciones de selección de modelo : los clientes podrán elegir entre diferentes modelos de idioma (como GPT, Mistral, etc.) según sus preferencias y requisitos. ??
  2. Análisis avanzado : panel para realizar un seguimiento del rendimiento del chatbot, las interacciones de los usuarios y los comentarios. ?
  3. Avatares personalizados : más opciones de personalización para que el avatar se alinee mejor con las diferentes necesidades comerciales e identidades de marca. ?️
  4. Bucles de retroalimentación impulsados ​​por IA : permita que el chatbot aprenda de interacciones anteriores para mejorar las respuestas con el tiempo. ?

Empezando

Configurando el backend de BotGenerator

  1. Clonar el repositorio :

    • Abre tu terminal y ejecuta: 
      git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator

  2. Instalar dependencias :

    • En el directorio BotGenerator , instale las dependencias necesarias: 
      npm install

  3. Crear archivo .env :

    • En la carpeta BotGenerator , cree un archivo .env e incluya las siguientes variables de entorno: 
      MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >

  4. Ejecute el servidor :

    • Inicie el servidor de desarrollo: 
      npm run dev
    • Esto abrirá una página web en su navegador, que puede cerrar por ahora.

¿Acceder y probar la interfaz del Chatbot ?

  1. Accede al front-end :

    • Navegue a la carpeta CodeCubicleConversify y abra index.html en su navegador:
      • Opción 1: Utilice el navegador de su elección. ?
      • Opción 2: utilice la extensión VS Code Live Server para alojamiento local. ⚡

  2. Genere y pruebe su chatbot :

    • En la aplicación web Conversify que abrió, complete el formulario, agregue una base de conocimientos y haga clic en Enviar . Obtendrá un elemento div integrable que contiene su chatbot. ??

  3. Insertar el chatbot :

    • Para probar rápidamente el chatbot:
      • Copie todo el elemento div generado.
      • Abra index.html en la carpeta CodeCubicleConversify .
      • Busque la siguiente clase en el código (alrededor de la línea 357): 
         < div class =" side-bar-fs " >
      • Reemplace todo el div con el nuevo que copió, guarde y actualice la página.

  4. Habilite Texto a voz (TTS) :

    • Para habilitar TTS para el chatbot, agregue /tts al final de la URL src en la etiqueta iframe que se proporcionó en el div . ?
      • Por ejemplo: 
         < iframe src =" your_chatbot_url/tts " ... > </ iframe >

Configuración de la aplicación web Convertify

  1. Regístrese en la aplicación web : visite [URL de la aplicación web Conversify] y cree una cuenta.
  2. Configure su chatbot : utilice las plantillas proporcionadas para configurar su chatbot.
  3. Generar código integrable : una vez completada la configuración, recibirá el código de inserción para integrarlo en su sitio web. ?
  4. Monitorear y mejorar : acceda al panel para monitorear las interacciones y optimizar el rendimiento del chatbot.

Contacto y soporte ??

Si tiene alguna pregunta o tiene algún problema, no dude en comunicarse con nuestro equipo de soporte en:

¡Ahora estás listo para darle vida a los chatbots de Conversify en tu sitio web! ??

¿ Colaboradores ?

  • Ayusha Sharma
  • Chirag Singh
  • Rohit Kushwaha
Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo