Conversify Download – Download Conversify Quellcodes

Conversify

AI-Quellcode

1.0.0

Herunterladen

Conversify-Dokumentation ??

Einführung

Conversify ist eine fortschrittliche Chatbot-Plattform für den Kundensupport, die es Unternehmen ermöglicht, KI-gestützte Chatbots einfach in ihre Websites zu integrieren. Es kombiniert interaktive 3D-Avatar-Technologie, Sprach- und Textschnittstellen und anpassbare Chatbot-Vorlagen, um ein nahtloses und dynamisches Benutzererlebnis zu bieten. Conversify basiert auf einem robusten MERN-Stack (MongoDB, Express.js, React.js, Node.js) und bietet Kunden einbettbare Links oder Code-Snippets, die eine schnelle und einfache Integration ermöglichen.

Hauptmerkmale ?

Einbettbare Chatbot-Integration : Kunden erhalten direkte Links oder Code zum Einbetten von Conversify-Chatbots in ihre Websites.
Anpassbare Vorlagen : Es werden verschiedene Chatbot-Vorlagen bereitgestellt, um unterschiedlichen Kundensupportanforderungen und Markenstilen gerecht zu werden. ?
Interaktiver 3D-Avatar : Benutzer können mit einem 3D-Avatar interagieren, der per Text und Stimme reagiert und so eine ansprechende und menschenähnliche Benutzeroberfläche bietet. ??
Sprach- und Textinteraktion : Abfragen können entweder per Text- oder Spracheingabe gestellt werden, wobei die Antworten in beiden Modalitäten übermittelt werden. ⌨️
Backend mit Mistral und Llama LLM : Conversify nutzt Mistral und LLama für die Bearbeitung von Abfragen in natürlicher Sprache. ?
MongoDB Atlas als Vector Store : Die effiziente und skalierbare Speicherung und der Abruf von Konversationsdaten wird von MongoDB Atlas verwaltet. ?️⚡
Zukünftige Unterstützung für die Modellauswahl : Kunden haben die Möglichkeit, aus mehreren Sprachmodellen auszuwählen, die ihren Anforderungen am besten entsprechen. ??

Architekturübersicht

Conversify basiert auf einer Full-Stack-JavaScript-Architektur unter Verwendung des MERN-Stacks und gewährleistet Skalierbarkeit, Flexibilität und Effizienz.

Backend :

Node.js und Express.js : Behandeln Sie API-Anfragen, verarbeiten Sie Konversationsdaten und verwalten Sie Backend-Dienste. ?
MongoDB Atlas : Speichert Konversationsverlauf, Benutzerprofile und Vektoren für eine effiziente Ähnlichkeitssuche und den Abruf mithilfe eines vectorStore.
Mistral (LLM) : Verarbeitet die Verarbeitung natürlicher Sprache und generiert menschenähnliche Antworten auf Kundenanfragen.

Frontend ?️:

React.js : Bietet eine intuitive, reaktionsfähige Benutzeroberfläche, über die Benutzer mit dem Chatbot interagieren können. Es unterstützt sowohl Text- als auch Spracheingaben. ???‍
Three.js (3D-Avatar) : Eine 3D-Engine, die den interaktiven Avatar antreibt und der Chatbot-Interaktion eine Ebene visueller Interaktion hinzufügt. ?️?

Integrationsprozess

Holen Sie sich einen einbettbaren Link oder Code : Nachdem Sie Ihren Chatbot über die Web-App von Conversify konfiguriert haben, erhalten Kunden einen benutzerdefinierten einbettbaren Link oder ein Code-Snippet. ?
In Website einbetten : Fügen Sie den bereitgestellten Code in den HTML-Code Ihrer Website ein, um die Chatbot-Schnittstelle nahtlos in jede Seite zu integrieren. ?
Anpassung : Passen Sie den Chatbot an, indem Sie Vorlagen auswählen, die zu Ihrer Marke und Ihren Bedürfnissen passen. In Zukunft können Sie auch verschiedene Sprachmodelle für den Betrieb Ihres Chatbots auswählen. ??

Hauptfunktionen ?

1. Interaktive Chat-Schnittstelle ?

Benutzer können mit dem Chatbot über Text- oder Sprachanfragen interagieren. ?
Der Chatbot antwortet über den 3D-Avatar mit Text- und Sprachausgabe und steigert so die Interaktion.

2. Vorlagen ?

Wählen Sie aus einer Vielzahl von Vorlagen, die auf unterschiedliche Kundensupportszenarien zugeschnitten sind. Diese Vorlagen bestimmen das Verhalten, den Ton und das Erscheinungsbild des Chatbots. ?

3. Sprach- und Textintegration ?⌨️

Der Chatbot kann sowohl Sprach- als auch Texteingaben von Benutzern verarbeiten. ?️
Sprachantworten werden mithilfe fortschrittlicher Text-to-Speech-Technologie synthetisiert und verleihen dem 3D-Avatar eine natürliche Stimme.

4. 3D-Avatar-Anpassung ?‍??

Der 3D-Avatar ist vollständig anpassbar und ermöglicht so die Markenbildung und Persönlichkeitsausrichtung. Wählen Sie aus verschiedenen Avatar-Stilen und -Verhaltensweisen. ??

Zukünftige Roadmap ?

Modellauswahloptionen : Kunden können je nach ihren Vorlieben und Anforderungen zwischen verschiedenen Sprachmodellen (wie GPT, Mistral usw.) wählen. ??
Advanced Analytics : Dashboard zur Verfolgung der Chatbot-Leistung, Benutzerinteraktionen und Feedback. ?
Personalisierte Avatare : Mehr Anpassungsoptionen für den Avatar, um ihn besser an unterschiedliche Geschäftsanforderungen und Markenidentitäten anzupassen. ?️
KI-gestützte Feedbackschleifen : Ermöglichen Sie dem Chatbot, aus früheren Interaktionen zu lernen, um die Antworten im Laufe der Zeit zu verbessern. ?

Erste Schritte

Einrichten des BotGenerator-Backends

Klonen Sie das Repository :
- Öffnen Sie Ihr Terminal und führen Sie Folgendes aus:
```
git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator
```
Abhängigkeiten installieren :
- Installieren Sie im BotGenerator -Verzeichnis die erforderlichen Abhängigkeiten:
```
npm install
```

Erstellen Sie .env Datei :

Erstellen Sie im BotGenerator Ordner eine .env Datei und fügen Sie die folgenden Umgebungsvariablen ein:

MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >

Führen Sie den Server aus :
- Starten Sie den Entwicklungsserver:
```
npm run dev
```
- Dadurch wird eine Webseite in Ihrem Browser geöffnet, die Sie vorerst schließen können.

Auf das Chatbot-Frontend zugreifen und es testen ?

Greifen Sie auf das Frontend zu :
- Navigieren Sie zum CodeCubicleConversify Ordner und öffnen Sie index.html in Ihrem Browser:
  - Option 1: Verwenden Sie den Browser Ihrer Wahl. ?
  - Option 2: Verwenden Sie die VS Code Live Server-Erweiterung für lokales Hosting. ⚡
Generieren und testen Sie Ihren Chatbot :
- Füllen Sie in der von Ihnen geöffneten Conversify-Web-App das Formular aus, fügen Sie eine Wissensdatenbank hinzu und klicken Sie auf „Senden“ . Sie erhalten ein einbettbares div Element, das Ihren Chatbot enthält. ??
Betten Sie den Chatbot ein :
- Um den Chatbot schnell zu testen:
  - Kopieren Sie das gesamte generierte div Element.
  - Öffnen Sie index.html im CodeCubicleConversify Ordner.
  - Suchen Sie im Code nach der folgenden Klasse (ca. Zeile 357):
```
 < div class =" side-bar-fs " >
```
  - Ersetzen Sie das gesamte div durch das neue, das Sie kopiert haben, speichern Sie und aktualisieren Sie die Seite.
Aktivieren Sie Text-to-Speech (TTS) :
- Um TTS für den Chatbot zu aktivieren, hängen Sie /tts am Ende der src -URL im iframe-Tag an, das im div bereitgestellt wurde. ?
  - Zum Beispiel:
```
 < iframe src =" your_chatbot_url/tts " ... > </ iframe >
```

Conversify Web-App-Setup

Melden Sie sich bei der Web-App an : Besuchen Sie [Conversify Web App-URL] und erstellen Sie ein Konto.
Konfigurieren Sie Ihren Chatbot : Verwenden Sie die bereitgestellten Vorlagen, um Ihren Chatbot zu konfigurieren.
Einbettbaren Code generieren : Sobald die Konfiguration abgeschlossen ist, erhalten Sie den Einbettungscode zur Integration in Ihre Website. ?
Überwachen und verbessern : Greifen Sie auf das Dashboard zu, um Interaktionen zu überwachen und die Leistung des Chatbots zu optimieren.