KI-Assistent: Erstelle einen No-Code Chatbot für deine Website

Erstelle deinen ersten KI-Assistenten ohne Code mit latenode.com, chatwoot und OpenAI assistant. Lies diesen Artikel, um zu erfahren, wie du das machst!

Szenario-Übersicht

Das ist die endgültige Version dieses Chatbox-KI-Workflows. Lass mich erklären, was hier vor sich geht.
Dieses Szenario holt sich die Nutzerfragen aus der Support-KI-Chatbox auf unserer Website, sendet sie an den mit Produktdokumentation ausgestatteten chatGPT-Assistenten und schickt dann die Antwort zurück an den Website-Chatbot. Schauen wir uns nun die einzelnen Schritte des Prozesses genauer an.

Vorbereitungen

Es gibt ein paar Dinge, die du brauchst, um einen KI-Chatbot zu erstellen.

Website KI-Chatbot-Schnittstelle

Damit dieser Chatbot für eine Website funktioniert, musst du natürlich einen Pop-up-Tab auf deiner Website erstellen, in dem die Nutzer die Fragen stellen können. In diesem Fall verwenden wir Chatwoot, weil es Open Source ist und wir es kostenlos nutzen können. Also, wie wird es eingerichtet?

1. Melde dich bei deinem chatwoot-Konto an
2. Erstelle dein KI-Chatbot-Widget. Gehe dazu auf die Registerkarte "Einstellungen" und klicke dann auf "Posteingänge". Dann siehst du in der oberen rechten Ecke die Schaltfläche "Posteingang hinzufügen". Klicke darauf und wähle dann "Website".

1. Folge dieser Chatwoot-Anleitung, damit das Widget funktioniert.
2. Füge das Widget zu deiner Website hinzu.
3. Hol dir dein Chatwoot-Zugangs-Token. Gehe zu den Profileinstellungen und scrolle auf der Seite nach unten, um es zu sehen.

Ok, jetzt hat dein Support-KI-Chatbot ein Widget auf deiner Website, lass uns weitermachen!

ChatGPT Assistent

Das ist ganz einfach. Logge dich in dein OpenAI-Konto ein und gehe dann zu Assistentenund klicke auf die Schaltfläche "Erstellen" in der oberen rechten Ecke. Dann siehst du das Einstellungsfeld für den Assistenten.

Das musst du tun:

1. Gib deinem Assistenten einen Namen
2. Gib ihm Anweisungen, wie es antworten soll, und etwas Kontext. Wir empfehlen, dass du ihn bittest, angehängte Dateien zu verwenden, denn sonst kann er es vergessen.
3. Wähle ein Modell
4. Wähle die verfügbaren Werkzeuge aus und füge Dateien hinzu, die der Assistent verwenden kann. Vergiss nicht, den Abruf zu aktivieren, um das Hinzufügen von Dateien zu ermöglichen.

Kopiere die ID des Assistenten (du siehst sie unter der Spalte Name), dann gehe zu API-Schlüssel, erstelle einen und speichere ihn.

Jetzt ist es an der Zeit, zu latenode.com zu gehen und unser Chatbot-Szenario für den Website-Support zu erstellen!

Latenode Szenario

Jetzt ist es an der Zeit, ein Latenode KI-Chatbot-Szenario einzurichten. Jetzt wirst du sehen, was du tun musst!

Erstelle ein Latenode Konto und kopiere die KI-Chatbot-Vorlage.

Nachdem du hier ein Latenode Konto erstellt und dich eingeloggt hast, gehst du zu den "Gemeinsamen Vorlagen".

‍

Gehe dann in den Ordner mit den KI-Beispielen. Die Vorlage für den KI-Konversationsgenerator, die du suchst, heißt "GPT Customer Support Bot. Chat Widget + Assistenten API". Klicke darauf und klicke dann auf die Schaltfläche "Klonen" in der unteren linken Ecke, um diesen Website-Chatbot-Workflow zu kopieren. Er wird dann automatisch zu deiner Liste der Szenarien hinzugefügt.

Latenode Variablen erstellen

Dein Web-Chatbot-Szenario braucht einige Variablen, um zu funktionieren. Du kannst sie auf der Registerkarte mit demselben Namen erstellen. Die Variablen, die du erstellen musst, sind also:

• bot_chatwoot_api_key. Trage hier dein Chatwoot-Zugangs-Token ein.
• bot_gpt_api_key. Hier musst du deinen OpenAI-API-Schlüssel eingeben.
• bot_gpt_assistant_id. Füge hier die ID des Assistenten ein, den du in diesem Workflow verwenden willst.
• bot_gpt_storage_uuid. Besuche diese Seite, um eine eindeutige Zeichenkette für die Speicherung von Daten in Schlüssel-Wert-Paaren zu generieren und sie in diese Variable zu setzen.
• bot_loading_phrases. Ein Array von Phrasen, die verwendet werden, um das Laden anzuzeigen und auf die Antwort des GPT zu warten. Jede Phrase erhöht die maximale Wartezeit für die Antwort des GPT-Assistenten um 8 Sekunden (das kann im Szenario selbst geregelt werden). Wenn du sie nicht selbst erstellen willst, kannst du diese Liste einfach kopieren und einfügen .
• bot_assistant_prompt. Eine Aufforderung für den Assistenten, die du zusammen mit der Nachricht des Nutzers an den Bot schickst. Schreibe deinen eigenen oder verwende diesen, wenn du möchtest:

Du musst dich an deine Anweisungen erinnern und versuchen, mit relevanten Informationen auf diese Nachricht zu antworten.

- Verstehe zunächst die Absicht, die hinter der Nachricht des Nutzers steht.

- Wenn die Nachricht des Nutzers zu kurz ist, um sie zu verstehen, oder zu unspezifisch, um sie zu beantworten - sage ihm das und stelle Fragen, um seine Nachricht zu verdeutlichen.

- Wenn sich die Nachricht des Nutzers auf die Latenode bezieht, nutze die heruntergeladenen Dateien, um Informationen zu finden, mit denen du ihm helfen kannst.

- Wenn sich die Nachricht des Benutzers nicht auf die Latenode bezieht, versuche auch, sie zu beantworten. Du kannst den Teil mit der Dokumentsuche überspringen, um schneller zu sein, und einfach versuchen, die Antwort auf der Grundlage deines eigenen Wissens zu geben.

- Antworte schließlich kurz und verständlich. Antworte in der gleichen Sprache, in der der Nutzer dir geschrieben hat.

Wähle den String-Typ für jede Variable außer bot_loading_phrases, sie sollte ein JSON sein.

Webhook-Auslöser einrichten

Damit ein Chatbot-Szenario funktioniert, musst du zwei Webhook-Trigger einrichten.

Die erste wird ausgelöst, nachdem das Gespräch im Web-Chatbot-Widget begonnen hat und erstellt einen Thread mit dem chatGPT-Assistenten.

Passe zunächst deine "Conversation created"-Produktions-Url an und kopiere sie.

Dann gehe zurück zu Chatwoot. Gehe zu Integrationen. Klicke auf die Schaltfläche "Konfigurieren" unter Webhooks und füge dann einen neuen Webhook hinzu. Füge hier die Produktions-URL ein und wähle die Option "Konversation erstellt". Das war's!

Der zweite Webhook-Trigger wird aktiviert, wenn die Nachricht erstellt wird. Mache hier alles genauso. Passe die Produktions-URL an und kopiere sie. Dann gehst du wieder zu Chatwoot und machst alles genauso, wählst aber die Option "Nachricht erstellt" anstelle von "Konversation erstellt".

Ergebnisse

Wenn du alle vorherigen Schritte erfolgreich durchlaufen hast, herzlichen Glückwunsch! Speichere die Änderungen am Szenario, klicke auf die Schaltfläche "Bereitstellen", um den Workflow zu aktivieren, und das war's! Jetzt weißt du, wie du ein KI-Chatbot-Widget für deine Website erstellen kannst!

Ich hoffe, dieser Artikel war verständlich, aber wenn du noch Fragen zu diesem KI-Chatbot-Szenario hast, kannst du jederzeit im Latenode Discord-Kanal um Hilfe bitten.

Bis bald und viel Spaß beim Automatisieren!

‍