Erstelle deinen ersten KI-Chatbot
Erstelle deinen ersten Chatbot in Minuten
Befolge diese Schritte, um in wenigen Minuten einen voll funktionsfähigen KI-Chatbot auf deiner Website einzurichten.
Schritt 1: Kostenlos registrieren
Gehe auf webchatagent.com und erstelle ein kostenloses Konto. Es ist keine Kreditkarte erforderlich, dein Kostenlos-Tarif umfasst einen Chatbot-Agenten, genügend Trainingsinhalte zum Indexieren einer kleinen Website und ein monatliches Nachrichtenkontingent. Jedes neue Konto startet zudem automatisch eine 14-tägige Premium-Testphase, sodass alle kostenpflichtigen Funktionen während der Testphase freigeschaltet sind.
Schritt 2: Wissen hinzufügen
Öffne den Tab Wissen deines Assistenten und klicke auf Datenquelle hinzufügen. Eine Wissensquelle ist alles, was dein Bot liest, um Fragen zu beantworten:
- Website-URL – Gib die Adresse deiner Website ein und WebChatAgent durchsucht und indexiert deine Seiten automatisch. Beispiel: Gib
https://yourshop.comein, und das System übernimmt deine Produkt-, FAQ- und Richtlinienseiten. - Datei-Upload – Lade Dokumente direkt hoch: PDF-, Word- (.docx), TXT-, Markdown- (.md) oder Excel-Dateien (.xlsx). Ideal für Handbücher, Preislisten oder interne Dokumente, die nicht auf deiner Website veröffentlicht sind.
Der Chatbot verarbeitet und indexiert alle Inhalte, damit er beim Beantworten von Benutzerfragen relevante Informationen abrufen kann. Je umfassender deine Daten sind, desto besser sind die Antworten deines Chatbots. Nur der extrahierte Text zählt zu deinem Inhaltskontingent, die Originaldateien selbst nicht.
Schritt 3: Deinen Chatbot konfigurieren
Passe das Verhalten deines Chatbots im Tab Einstellungen an:
- Service-Name / Firmenname – Lege die Marke fest, die der Assistent repräsentiert und gegenüber Besuchern erwähnen darf.
- Chatbot-Name – Gib dem Assistenten einen internen Dashboard-Namen wie z. B. "Website Support".
- Erlaubte Websites – Lege fest, welche Domains diesen Assistenten laden dürfen.
- Zeitzone und Standardsprache – Bestimme das Zeit- und Terminverhalten sowie den Standard für kurze, unklare Nachrichten.
- Erweiterte KI-Einstellungen – Überprüfe den verbundenen Anbieter, das Antwortmodell, den Nachrichtenmultiplikator, die Kreativität und die wortweise Ausgabe.
- Antwortstil und Rolle – Definiere optional Tonalität, Zuständigkeiten, Grenzen und Eskalationsregeln. Beispiel: "Du bist ein freundlicher Support-Assistent für einen Online-Shop. Antworte auf Basis der verbundenen Quellen. Erfinde niemals Produkt- oder Richtliniendetails."
Schritt 4: Das Widget auf deiner Website einbinden
Öffne Kanäle → Chat-Widget und klappe Installationsdetails anzeigen auf. Kopiere den fertigen Code und füge ihn vor dem schließenden </body>-Tag in das HTML deiner Website ein:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_CHATBOT_ID"></web-chat-agent>
Ersetze YOUR_CHATBOT_ID durch deine tatsächliche Chatbot-ID (im Einbettungscode des Dashboards bereits vorausgefüllt).
Tipp: Wenn du WordPress nutzt, kannst du stattdessen das WebChatAgent WordPress Plugin installieren. Es übernimmt die Integration automatisch, gib einfach deine Chatbot-ID in den Plugin-Einstellungen ein.
Schritt 5: Testen
Öffne deine Website im Browser. Unten rechts sollte nun die Chat-Sprechblase erscheinen. Klicke darauf und stelle eine Frage zu den Inhalten, die du hinzugefügt hast. Der Chatbot ruft die passenden Informationen ab und generiert eine Antwort.
Was kommt als Nächstes?
Nachdem dein Chatbot live ist, helfen dir diese Themen dabei, das Beste aus WebChatAgent herauszuholen:
- Best Practices – Tipps zur Verbesserung der Chatbot-Leistung und Antwortqualität.
- Funktionen – Richte Lead-Erfassung, Feedback, Live-Chat, Termine und URL-Suche ein.
- Kanäle – Konfiguriere das Chat-Widget, den Inline-Chat, das Team-Wiki, WhatsApp, Telefon oder E-Mail.
- Experteneinstellungen – Verbinde MCP-Server und REST-APIs.