Chatbot ohne Code erstellen: Der komplette Leitfaden
Sie müssen keine einzige Zeile Code schreiben, um einen KI-Chatbot für Ihre Website zu bauen, zu trainieren und zu veröffentlichen. Das war vor drei Jahren noch anders. Im Jahr 2026 bringen Sie No-Code-Chatbot-Baukästen in unter 30 Minuten von null zu einem funktionierenden Chatbot.
Diese Anleitung führt Sie durch den gesamten Prozess: Registrierung, Training Ihres Chatbots mit Ihren Inhalten, Anpassung von Erscheinungsbild und Verhalten, Testen und Einbetten auf Ihrer Website. Alles läuft über eine visuelle Oberfläche.
Was No-Code-Chatbot-Baukästen 2026 leisten
Die aktuelle Generation von No-Code-Chatbot-Tools unterscheidet sich grundlegend von den Entscheidungsbaum-Buildern früherer Jahre. Diese älteren Tools erforderten, dass Sie jeden möglichen Gesprächspfad manuell abbildeten. Fehlte ein Zweig, landete der Nutzer in einer Sackgasse.
Moderne No-Code-Baukästen setzen im Hintergrund auf große Sprachmodelle (GPT, Claude, Gemini). Statt Gesprächsabläufe zu skripten, trainieren Sie den Chatbot mit Ihren Inhalten, geben ihm Anweisungen zu Tonfall und Verhalten, und die KI übernimmt das eigentliche Gespräch. Sie versteht Kontext, verarbeitet Anschlussfragen und antwortet in natürlicher Sprache.
Das können Sie erreichen, ohne Code zu schreiben:
| Funktion | Wie es funktioniert |
|---|---|
| Mit Ihrer Website trainieren | URL angeben; das Tool crawlt und indexiert Ihre Seiten |
| Mit Dokumenten trainieren | PDFs, Word-Dateien oder Textdateien hochladen |
| Mit Q&A-Paaren trainieren | Konkrete Fragen und ihre idealen Antworten eingeben |
| Ein KI-Modell wählen | Aus Modellen wie GPT-4o, Claude oder Gemini auswählen |
| Erscheinungsbild anpassen | Farben, Position, Willkommensnachricht und Avatar festlegen |
| Verhaltensregeln festlegen | Anweisungen in einfacher Sprache für Tonfall, Umfang und Eskalation schreiben |
| Aktionen hinzufügen | Lead-Erfassung, vorgeschlagene Nachrichten oder benutzerdefinierte Schaltflächen konfigurieren |
| Auf jeder Website einbetten | Ein einziges Script-Tag kopieren und einfügen |
| Mehrere Sprachen unterstützen | Chatbot erkennt die Sprache des Besuchers automatisch und antwortet darin |
Was früher einen Entwickler erforderte – ein KI-Modell trainieren, eine Chat-Oberfläche bauen, Echtzeit-Messaging umsetzen, in Produktion bringen – übernimmt heute alles die Plattform.
Sieben Schritte zu Ihrem Chatbot
Schritt 1: Registrieren und Chatbot erstellen
Beginnen Sie mit der Erstellung eines Kontos. Bei Agentkit dauert das etwa 30 Sekunden. Sie landen auf einem Dashboard, auf dem Sie Ihren ersten Chatbot erstellen können.
Klicken Sie auf „Chatbot erstellen“ und geben Sie ihm einen Namen. Wählen Sie etwas Aussagekräftiges, wie „Acme Support Bot“ oder „Sales Assistant“. Der Name erscheint zu Organisationszwecken in Ihrem Dashboard; Besucher auf Ihrer Website sehen die Willkommensnachricht, die Sie später konfigurieren.
Wählen Sie Ihr KI-Modell. Agentkit bietet Ihnen Zugriff auf eine Reihe von Modellen von drei Anbietern:
| Anbieter | Verfügbare Modelle | Am besten für |
|---|---|---|
| OpenAI | GPT-4o, GPT-4o-mini, GPT-4.1, GPT-4.1-mini, GPT-4.1-nano, o4-mini | Allzweck, starkes logisches Schlussfolgern |
| Anthropic | Claude Sonnet 4, Claude Haiku 3.5 | Nuancierte Gespräche, detaillierte Antworten |
| Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.0 Flash, Gemini 2.0 Flash-Lite | Schnelle Antworten, starke Mehrsprachigkeit |
Wenn Sie unsicher sind, starten Sie mit GPT-4o-mini oder Claude Haiku 3.5. Sie sind schnell, leistungsfähig und kosteneffizient. Sie können das Modell später wechseln, ohne neu zu trainieren.
Schritt 2: Trainingsquellen hinzufügen
Das ist der wichtigste Schritt. Die Qualität Ihres Chatbots hängt direkt von der Qualität und Vollständigkeit seiner Trainingsdaten ab.
Ihnen stehen vier Quellentypen zur Verfügung:
Website-URLs: Geben Sie Ihre Website-URL ein, und Agentkit crawlt die Seiten. Das ist der schnellste Weg, Ihrem Chatbot umfassendes Wissen zu vermitteln. Richten Sie es auf Ihre Marketing-Website, Ihr Help Center, Ihre Dokumentation oder FAQ-Seite. Der Crawler folgt Links innerhalb Ihrer Domain und indexiert die gefundenen Inhalte.
Tipps für das Website-Training:
- Beginnen Sie mit Ihren wichtigsten Seiten: Startseite, Preise, FAQ, Produktfunktionen
- Wenn Sie ein Help Center oder eine Wissensdatenbank haben, crawlen Sie diese separat für eine gründliche Abdeckung
- Prüfen Sie die indexierten Seiten, um sicherzustellen, dass nichts Irrelevantes enthalten ist
Dokumente: Laden Sie PDFs, Word-Dokumente oder Textdateien hoch. Das ist nützlich für Inhalte, die nicht auf Ihrer Website stehen: interne Abläufe, Produktspezifikationen, Schulungsunterlagen oder Richtliniendokumente.
Q&A-Paare: Geben Sie manuell eine Frage und ihre ideale Antwort ein. Damit haben Sie die größte Kontrolle über bestimmte Antworten. Nutzen Sie Q&A-Paare für:
- Ihre 10–20 häufigsten Fragen
- Fragen, bei denen die Antwort exakt sein muss (Preise, Richtlinien, rechtliche Aspekte)
- Fragen, die Ihre Website-Inhalte nicht eindeutig beantworten
Reiner Text: Fügen Sie beliebige Textinhalte ein. Produktbeschreibungen, Unternehmenshintergrund, Team-Bios oder alle anderen Informationen, die der Chatbot kennen soll.
Eine gute Startkonfiguration:
| Quellentyp | Was Sie hinzufügen sollten | Priorität |
|---|---|---|
| Website | Ihre Haupt-Marketing-Website | Hoch |
| Website | Help Center oder Dokumentations-Website | Hoch |
| Q&A-Paare | Top-20-FAQs mit präzisen Antworten | Hoch |
| Dokument | Produktdatenblatt oder Funktionsliste | Mittel |
| Reiner Text | Unternehmensüberblick, Mission, wichtigste Alleinstellungsmerkmale | Mittel |
Schritt 3: Erscheinungsbild anpassen
Sorgen Sie dafür, dass der Chatbot wirkt, als gehöre er zu Ihrer Website. Im Anpassungsbereich können Sie Folgendes einstellen:
Farben: Legen Sie die Primärfarbe passend zu Ihrer Marke fest. Chat-Blase, Header und Akzentelemente verwenden alle diese Farbe. Geben Sie einen Hex-Code ein oder nutzen Sie die Farbauswahl.
Position der Chat-Blase: Wählen Sie unten rechts oder unten links. Unten rechts ist die Konvention, die die meisten Besucher erwarten. Ändern Sie das nur, wenn dort bereits ein anderes Element (etwa ein Support-Widget) sitzt.
Willkommensnachricht: Das Erste, was Besucher sehen, wenn der Chat sich öffnet. Machen Sie sie konkret und hilfreich:
- Schwach: „Hi! Wie kann ich Ihnen helfen?“
- Besser: „Hi! Ich kann Fragen zu unserem Produkt, den Preisen und den Funktionen beantworten. Was möchten Sie wissen?“
- Am besten: „Willkommen bei Acme. Ich helfe Ihnen bei Preisen, dem Einstieg oder der Fehlerbehebung. Was führt Sie heute zu uns?“
Chatbot-Name und Avatar: Geben Sie dem Chatbot einen Namen, der zu Ihrer Marke passt. „Acme Assistant“ oder „Support Bot“ sind klar und ehrlich. Laden Sie einen individuellen Avatar oder Ihr Logo hoch, damit er optisch zu Ihrer Website passt.
Erste Nachrichten und vorgeschlagene Prompts: Fügen Sie drei bis fünf vorgeschlagene Nachrichten hinzu, die beim Öffnen des Chats erscheinen. Sie geben Besuchern einen Einstiegspunkt und lenken Gespräche zu Themen, die Ihr Chatbot gut beherrscht.
Schritt 4: Anweisungen schreiben
Anweisungen sagen dem Chatbot, wie er sich verhalten soll. Das unterscheidet sich von Trainingsdaten (was der Chatbot weiß). Anweisungen definieren Persönlichkeit, Umfang und Regeln des Chatbots.
Schreiben Sie Anweisungen in einfacher Sprache. Der Chatbot folgt ihnen als Verhaltensrichtlinien. Hier eine Vorlage:
Identität: „Sie sind ein KI-Assistent für [Firmenname]. Sie helfen Besuchern, mehr über unser Produkt zu erfahren, und beantworten ihre Fragen.“
Umfang: „Beantworten Sie ausschließlich Fragen auf Basis der bereitgestellten Trainingsdaten. Beantworten Sie keine Fragen zu Themen, die nicht mit [Firma] oder ihren Produkten zusammenhängen.“
Tonfall: „Seien Sie freundlich, klar und prägnant. Verwenden Sie einfache Sprache. Vermeiden Sie Fachjargon.“
Einschränkungen: „Wenn Sie die Antwort nicht kennen, sagen Sie das ehrlich. Erfinden Sie keine Informationen.“
Eskalation: „Wenn ein Besucher mit einem Menschen sprechen möchte, Fragen zur Abrechnung hat oder eine Frage stellt, die Sie nicht beantworten können, weisen Sie darauf hin, dass er unser Support-Team unter [email protected] erreichen kann.“
Sprache: „Antworten Sie in derselben Sprache, die der Besucher verwendet.“
Sie müssen kein Prompt-Engineer sein. Schreiben Sie die Anweisungen so, wie Sie Einarbeitungsnotizen für ein neues Teammitglied verfassen würden. Klar, konkret und praxisnah.
Schritt 5: Aktionen hinzufügen
Mit Aktionen kann Ihr Chatbot mehr tun als nur Fragen beantworten. Agentkit unterstützt fünf Aktionstypen, und keiner davon erfordert Code:
| Aktionstyp | Was sie tut | Anwendungsbeispiel |
|---|---|---|
| Leads erfassen | Erfasst Name, E-Mail und individuelle Felder | „Soll ich Ihnen einen detaillierten Vergleich schicken? Wie lautet Ihre E-Mail-Adresse?“ |
| Benutzerdefiniertes Formular | Zeigt während des Gesprächs ein strukturiertes Formular an | Bewerbungsaufnahme, Erstellung von Support-Tickets |
| Benutzerdefinierte Schaltfläche | Zeigt eine anklickbare Schaltfläche im Chat an | Schaltfläche „Demo buchen“ verlinkt zu Ihrem Kalender |
| Benutzerdefinierte API | Ruft einen externen API-Endpunkt auf | Bestellstatus prüfen, Kontoinformationen abrufen |
| Vorgeschlagene Nachrichten | Zeigt anklickbare Prompts für den Besucher an | Besucher zu häufigen Themen lenken |
Beginnen Sie bei den meisten Chatbots mit vorgeschlagenen Nachrichten und der Lead-Erfassung. Diese beiden Aktionen decken die häufigsten Bedürfnisse ab und sind in wenigen Minuten konfiguriert.
Schritt 6: Im Playground testen
Bevor Sie Ihren Chatbot auf Ihrer Live-Website einsetzen, testen Sie ihn gründlich. Agentkit enthält einen Playground, in dem Sie vollständige Gespräche mit Ihrem Chatbot führen und sehen können, wie er antwortet.
Testen Sie diese Szenarien:
| Testszenario | Worauf Sie achten sollten |
|---|---|
| Häufige Frage | Antwortet er präzise anhand der Trainingsdaten? |
| Frage außerhalb der Trainingsdaten | Sagt er, dass er es nicht weiß, oder erfindet er etwas? |
| Mehrteiliges Gespräch | Behält er den Kontext über mehrere Nachrichten hinweg bei? |
| Themenfremde Frage | Bleibt er im Rahmen Ihrer Anweisungen? |
| Verschiedene Sprachen | Antwortet er in der Sprache des Besuchers? |
| Auslöser für Lead-Erfassung | Erscheint das Lead-Erfassungsformular zum richtigen Zeitpunkt? |
| Grenzfälle | Unhöfliche Nachrichten, leere Nachrichten, sehr lange Fragen |
Passen Sie Trainingsdaten und Anweisungen anhand Ihrer Erkenntnisse an. Dieses iterative Testen macht den Unterschied zwischen einem Chatbot, der Besucher beeindruckt, und einem, der sie frustriert.
Schritt 7: Auf Ihrer Website einbetten
Sobald Sie mit der Leistung des Chatbots zufrieden sind, ist es Zeit, live zu gehen. Agentkit gibt Ihnen ein einziges Script-Tag, das Sie zu Ihrer Website hinzufügen:
<script data-chatbot="your-chatbot-id" src="https://cdn.agentkit.ai/widget.js"></script>
Fügen Sie dies vor dem schließenden </body>-Tag auf jeder Seite ein, auf der der Chatbot erscheinen soll. Das war’s. Kein Build-Schritt, keine Abhängigkeiten, keine Konfigurationsdateien.
Was Sie ohne Code anpassen können
Hier eine vollständige Liste aller Einstellungen, die Sie über das Agentkit-Dashboard ändern können:
| Einstellung | Optionen |
|---|---|
| KI-Modell | Modelle von OpenAI, Anthropic und Google |
| Trainingsquellen | Website, Dokument, Q&A, Text |
| Primärfarbe | Beliebige Hex-Farbe |
| Chat-Position | Unten rechts, unten links |
| Willkommensnachricht | Individueller Text |
| Chatbot-Name | Individueller Text |
| Chatbot-Avatar | Bild hochladen |
| Vorgeschlagene Nachrichten | Bis zu 6 anklickbare Prompts |
| System-Anweisungen | Verhaltensregeln in einfacher Sprache |
| Aktionen | Lead-Erfassung, Formulare, Schaltflächen, API-Aufrufe, vorgeschlagene Nachrichten |
| Sprache | Automatische Erkennung aus über 95 Sprachen |
| Domain-Beschränkungen | Begrenzen, wo das Widget geladen wird |
| Ratenlimit | Nachrichten pro Nutzer und Zeitraum steuern |
| Automatisches Retraining | Quellen nach Zeitplan automatisch erneut crawlen (ab Standard) |
Alle diese Einstellungen sind über Point-and-Click-Oberflächen verfügbar. Ändern Sie sie jederzeit; Aktualisierungen werden sofort übernommen, ohne den Widget-Code neu einzubetten.
Wann Sie die API benötigen
Die No-Code-Oberfläche deckt die meisten Anwendungsfälle ab, aber es gibt Situationen, in denen die REST-API (verfügbar ab dem Hobby-Plan) zusätzliche Flexibilität bietet:
- Individuelle Integrationen: Den Chatbot mit internen Tools, Datenbanken oder Workflows verbinden, die Zapier nicht abdeckt
- Programmatische Verwaltung: Chatbots in großer Zahl erstellen oder aktualisieren, Trainingsquellen per Skript verwalten
- Individuelle Analysen: Gesprächsdaten in Ihr eigenes BI-Tool oder Data Warehouse übertragen
- White-Label-Bereitstellungen: Den Chatbot in Ihr eigenes Produkt für Ihre Kunden integrieren
- Erweiterte Webhooks: Chatbot-Ereignisse mit individueller Geschäftslogik verarbeiten
Die API ist keine Voraussetzung, um von einem Chatbot zu profitieren. Betrachten Sie sie als Erweiterungspunkt für Teams, denen das Dashboard nicht mehr ausreicht.
Plattformspezifisches Einbetten
WordPress
Fügen Sie das Script-Tag über ein Plugin wie Insert Headers and Footers zu Ihrer WordPress-Website hinzu, oder fügen Sie es direkt in die Datei footer.php Ihres Themes ein. Wenn Sie einen Page-Builder wie Elementor oder Divi verwenden, fügen Sie ein HTML-Widget mit dem Script-Tag hinzu. Der Chatbot funktioniert mit jedem WordPress-Theme und steht nicht in Konflikt mit anderen Plugins.
Shopify
Gehen Sie in Ihrem Shopify-Adminbereich zu Online-Shop, dann zu Themes, dann zu Code bearbeiten. Öffnen Sie die Datei theme.liquid und fügen Sie das Script-Tag vor dem schließenden </body>-Tag ein. Speichern Sie, und der Chatbot erscheint auf jeder Seite Ihres Shops. Nutzen Sie für einzelne Seiten Shopifys Section- oder Seitenvorlagen-System.
Squarespace
Gehen Sie zu Einstellungen, dann zu Erweitert, dann zu Code-Injection. Fügen Sie das Script-Tag im Bereich Footer ein. Squarespace lädt es automatisch auf jeder Seite. Das Chatbot-Widget legt sich über Ihr Squarespace-Layout, ohne Ihr Design zu beeinträchtigen.
Ihren Chatbot pflegen
Den Chatbot zu bauen ist der erste Schritt. Damit er nützlich bleibt, braucht es laufende Pflege:
Wöchentlich: Werfen Sie einen Blick in die Chat-Protokolle. Suchen Sie nach Fragen, die der Chatbot nicht beantworten konnte, und ergänzen Sie diese Inhalte in Ihren Trainingsquellen.
Monatlich: Prüfen Sie die allgemeinen Chatbot-Kennzahlen. Interagieren Besucher? Antwortet der Chatbot präzise? Aktualisieren Sie die Trainingsdaten, wenn sich Produkt, Preise oder Richtlinien geändert haben.
Vierteljährlich: Überprüfen Sie umfassend Ihre Anweisungen, vorgeschlagenen Nachrichten und Aktionen. Wenn sich Ihr Unternehmen weiterentwickelt, sollte Ihr Chatbot mitwachsen.
Die Funktion für automatisches Retraining von Agentkit (ab dem Standard-Plan) crawlt Ihre Website-Quellen automatisch nach Zeitplan erneut, sodass Ihr Chatbot aktuell bleibt, wenn Sie neue Inhalte veröffentlichen. Bei Q&A-Paaren und Dokumenten müssen Sie weiterhin manuell aktualisieren, wenn sich Informationen ändern.
Erste Schritte
Sie können noch heute einen funktionierenden Chatbot auf Ihrer Website haben. Registrieren Sie sich, fügen Sie Ihre Website-URL als Trainingsquelle hinzu, schreiben Sie ein paar Zeilen Anweisungen und betten Sie das Script-Tag ein. Der gesamte Prozess dauert weniger als 30 Minuten.
Starten Sie mit dem kostenlosen Plan, der 50 Nachrichten pro Monat und einen Chatbot umfasst – genug, um das Erlebnis zu testen und zu sehen, wie Besucher interagieren. Wenn Sie mehr Volumen brauchen, bietet Ihnen der Hobby-Plan für $29.99/Monat 2.000 Nachrichten und API-Zugriff. In unserem Leitfaden zu Chatbot-Kosten und Preisen erfahren Sie, wie die Pläne mit Ihrer Nutzung skalieren.
Keine Programmierkenntnisse nötig. Keine technische Einrichtung. Kein Warten auf einen Entwickler.
Erstellen Sie Ihren Chatbot kostenlos →
Keine Kreditkarte erforderlich.
