Mit Cohere: Baue einen einfachen Chatbot für deine Kleinunternehmens-Website

Erstelle dein Cohere-Konto

Besuche zunächst cohere.com in deinem Webbrowser. Du siehst die Cohere-Startseite, wahrscheinlich mit einem auffälligen „Sign up“- oder „Get started“-Button. Klicke diesen Button, um den Registrierungsprozess zu starten. Befolge die Anweisungen auf dem Bildschirm, um deinen Namen und deine E-Mail-Adresse einzugeben und ein sicheres Passwort zu wählen. Nach dem Absenden erhältst du in der Regel eine Bestätigungs-E-Mail – öffne sie und klicke auf den darin enthaltenen Link, um dein neues Konto zu bestätigen.

Falls es anders aussieht: Wenn du keinen „Sign up“-Button findest, suche nach „Log in“ und dann nach einem kleineren Link wie „Register“ oder „Create an account“.

Du weißt, dass es funktioniert hat, wenn du auf eine Erfolgsseite weitergeleitet oder automatisch in die Cohere-Plattform eingeloggt wirst.

Starte ein neues Chatbot-Projekt

Sobald du bei Cohere angemeldet bist, siehst du wahrscheinlich einen Hauptbereich Dashboard oder Projects, der als dein zentraler Arbeitsbereich dient. Suche nach einem großen Button oder Link mit der Aufschrift „New Project“ oder „Create Chatbot“. Klicke darauf, um mit dem Aufbau deines KI-Assistenten zu beginnen. Du wirst dann aufgefordert, den Typ des Projekts auszuwählen, das du erstellen möchtest; wähle „Chatbot“ oder eine ähnliche Option. Als Nächstes musst du deinem Chatbot einen eindeutigen Namen geben, wie „ShopHelper“ oder „SupportBot“. Dieser Name hilft dir später, dein Projekt zu identifizieren, und ist für deine Website-Besucher nicht sichtbar.

Falls es anders aussieht: Der „New Project“-Button könnte sich in einem Seitenmenü, am oberen Bildschirmrand oder als „+“-Symbol befinden. Suche einfach nach einer klaren Option, um etwas Neues zu starten.

Du weißt, dass es funktioniert hat, wenn ein neuer Projektarbeitsbereich geöffnet wird, in dem du Inhalte zu deinem Chatbot hinzufügen kannst.

Baue Unterhaltungen mit dem visuellen Editor auf

Cohere bietet einen visuellen Drag-and-Drop-Editor, mit dem du ganz einfach gestalten kannst, wie dein Chatbot antwortet. Stell dir ein Whiteboard vor, auf dem du Konversations-„Blöcke“ anordnest. Suche zunächst den „Add Block“- oder „+“-Button, um deinen ersten „Question“-Block hinzuzufügen. Gib eine deiner häufigsten Kundenanfragen in diesen Block ein, wie zum Beispiel 💬 „Wie sind eure Öffnungszeiten?“. Ziehe dann einen „Answer“-Block direkt darunter und gib die richtige Antwort ein, zum Beispiel: 💬 „Wir haben Montag-Freitag von 9:00 bis 17:00 Uhr und Samstag von 10:00 bis 15:00 Uhr geöffnet.“ Wiederhole diesen Vorgang für jede deiner wichtigsten Fragen und baue so einen einfachen Konversationsablauf für deinen Bot auf. Dieser visuelle Ansatz ermöglicht es dir, den Bot zu „lehren“, ohne komplexen Code schreiben zu müssen.

Falls es anders aussieht: Das Layout der Blöcke kann leicht variieren, aber die Kernidee, Fragen mit Antworten zu verbinden, bleibt dieselbe. Suche nach klaren Bezeichnungen wie „Question“, „Response“ oder „Message“.

• Antwortblock: „Ja, wir versenden nach Australien, Neuseeland und Großbritannien. Die Versandkosten werden an der Kasse berechnet.“ Du weißt, dass es funktioniert hat, wenn du deine Fragen- und Antwortblöcke visuell auf der Arbeitsfläche miteinander verbunden siehst, die einen grundlegenden Konversationspfad bilden.

Generiere deinen Web-Widget-Code

Ein Widget ist wie eine kleine, eigenständige Mini-App, die du direkt in deine Website einbetten kannst. Sobald du einige Fragen-und-Antworten-Paare eingerichtet hast, musst du deinen Chatbot in dieses einbettbare Widget umwandeln. Suche nach einem „Deploy“-, „Publish“- oder „Embed“-Tab oder -Button innerhalb deiner Cohere-Projektoberfläche. Dieser Bereich ist normalerweise dafür vorgesehen, deinen Chatbot auf andere Plattformen zu bringen. Hier findest du Optionen zur Erstellung eines Web-Widgets. Du kannst vielleicht sogar sein Aussehen anpassen (z. B. Größe, Farbe oder Position auf deinem Bildschirm). Nachdem du deine Auswahl getroffen hast, generiert Cohere automatisch einen Code-Schnipsel, typischerweise eine Kombination aus HTML und JavaScript. Dieser Code ist die wesentliche Verbindung, die deiner Website ermöglicht, mit deinem neuen KI-Assistenten zu kommunizieren.

Falls es anders aussieht: Der genaue Speicherort der Option „Deploy“ oder „Embed“ könnte sich in einer Seitenleiste oder einem Top-Level-Menüpunkt befinden. Mache dir keine Sorgen, wenn die Anpassungsoptionen leicht anders aussehen; das Wichtigste ist, den generierten Code zu finden.

<script src="https://widget.cohere.com/embed.js"></script>
<div id="cohere-chat"></div>
<script>
  CohereChat.init({
    container: "#cohere-chat",
    botId: "MyOnlineStoreAssistant" // Your bot's unique ID
  });
</script>

Du weißt, dass es funktioniert hat, wenn du ein Feld mit Codezeilen siehst, die du in deine Zwischenablage kopieren kannst.

Füge das Widget zu deiner Website hinzu

Jetzt ist es an der Zeit, deinen Chatbot auf deiner Live-Website zu platzieren. Melde dich bei deinem Content Management System (CMS) deiner Website wie WordPress, Wix oder Squarespace an. Navigiere zu dem Bereich, in dem du den HTML-Code deiner Seiten oder des Footers der Website bearbeiten kannst. Dieser ist oft mit „Theme Editor“, „Custom Code“ oder „Embed Code“ beschriftet. Füge den Code-Schnipsel, den du von Cohere kopiert hast (in Schritt 4), in diesen dafür vorgesehenen HTML-Bereich ein. Ein gängiger und effektiver Ort ist direkt vor dem schließenden </body>-Tag im Footer deiner Website, da dies sicherstellt, dass das Chat-Symbol auf jeder Seite erscheint. Nach dem Einfügen speichere und veröffentliche deine Änderungen, um sie live zu schalten.

Falls es anders aussieht: In einigen CMS-Plattformen wie Wix oder Squarespace suchst du möglicherweise nach einem „Embed Block“- oder „Custom Code“-Bereich in deinem Seiten-Editor. Bei WordPress gehst du möglicherweise zu Design → Theme-Datei-Editor → footer.php (oder einer ähnlichen Template-Datei) und fügst den Code dort ein.

Du weißt, dass es funktioniert hat, wenn du deine Live-Website in einem Browser besuchst und eine kleine Chat-Blase oder ein Icon siehst, normalerweise in der unteren rechten Ecke.