Chatbot-Assistent
Der Chatbot-Assistent führt Sie in 8 einfachen Schritten durch die Erstellung eines vollständig konfigurierten KI-Chatbots.
Schritt 1: Grundlagen (Erforderlich)
Konfigurieren Sie die grundlegenden Einstellungen für Ihren Chatbot:
| Feld | Beschreibung | Beispiel |
|---|---|---|
| Name | Anzeigename für Ihren Chatbot | "Support-Assistent" |
| Beschreibung | Interne Beschreibung für Ihr Team | "Bearbeitet Kundenanfragen für unser SaaS-Produkt" |
Der Chatbot-Name wird Besuchern im Chat-Widget-Header angezeigt.
Schritt 2: Persona
Definieren Sie die Persönlichkeit und den Hintergrund Ihres Chatbots:
| Feld | Beschreibung | Beispiel |
|---|---|---|
| Persona-Name verwenden | Umschalter, ob sich der Bot mit Namen vorstellt | Ein/Aus |
| Persona-Name | Der Name, mit dem sich Ihr Bot vorstellt (wenn aktiviert) | "Alex" |
| Rolle | Die Rolle, die Ihr Bot spielt | "Customer Success Manager" |
| Hintergrund | Kontext über die Expertise Ihres Bots | "5 Jahre Erfahrung bei der Unterstützung von Kunden mit technischen Problemen" |
Anonymer Modus
Wenn Sie Persona-Name verwenden deaktivieren, stellt sich der Chatbot nicht mit einem Namen vor. Anstatt "Hallo! Ich bin Alex, Ihr Kundenservice-Spezialist." sagt er einfach "Hallo! Wie kann ich Ihnen helfen?". Das Persona-Name-Feld wird ausgeblendet, wenn dieser Schalter deaktiviert ist.
Eine gut definierte Persona macht Gespräche natürlicher und hilft der KI, konsistent zu bleiben. Verwenden Sie den anonymen Modus, wenn Sie ein neutraleres Chatbot-Erlebnis bevorzugen.
Schritt 3: Tonalität
Kommunikationsstil-Vorlagen
Wählen Sie einen vordefinierten Kommunikationsstil, der den Gesamtton für Ihren Chatbot festlegt:
| Stil | Am besten geeignet für |
|---|---|
| Professionell & Modern (Standard) | Agenturen, Tech-Unternehmen, B2B |
| Exklusiv & Distinguiert | Premium-Marken, Luxushotels, Anwaltskanzleien |
| Warm & Herzlich | Familienbetriebe, Arztpraxen, Restaurants |
| Cool & Lässig | Tattoo-Studios, trendige Cafés, Startups |
| Benutzerdefiniert | Keine Vorlage — verwendet nur Ihre manuellen Schieberegler-Einstellungen |
Jeder Stil fügt detaillierte Prompt-Anweisungen mit passendem Ton, Formulierungsmustern und Beispielen hinzu.
Feinabstimmung mit Schiebereglern
Feinabstimmung des Kommunikationsstils Ihres Chatbots mit Schiebereglern (1-5 Skala):
| Einstellung | Niedrig (1) | Hoch (5) |
|---|---|---|
| Formalität | Locker, freundlich | Formal, professionell |
| Humor | Ernst, keine Witze | Verspielt, witzig |
| Ausführlichkeit | Kurz, prägnant | Detailliert, gründlich |
| Empathie | Sachlich, direkt | Warm, verständnisvoll |
| Proaktivität | Nur reaktiv | Schlägt nächste Schritte vor |
Schritt 4: Sprachen
Konfigurieren Sie die Sprachunterstützung:
- Primärsprache: Die Hauptsprache für Antworten
- Unterstützte Sprachen: Zusätzliche Sprachen, die Ihr Bot verstehen und beantworten kann
ChatReact unterstützt alle 24 EU-Sprachen und viele weitere.
Anredeform
Legen Sie fest, wie der Chatbot Websitebesucher ansprechen soll:
| Einstellung | Beschreibung | Beispiel |
|---|---|---|
| Formell (Sie) | Höflichkeitsform für professionelle/geschäftliche Kommunikation | "Wie kann ich Ihnen helfen?" |
| Informell (Du) | Persönliche Ansprache für lockere Kommunikation | "Wie kann ich dir helfen?" |
Die Anredeform wird nur in Sprachen verwendet, die eine Höflichkeitsform haben (z.B. Deutsch, Französisch, Spanisch). Im Englischen und ähnlichen Sprachen gibt es diese Unterscheidung nicht.
Das Widget erkennt automatisch die Browser-Sprache des Besuchers und antwortet in der entsprechenden Sprache.
Schritt 5: Widget-Design
Passen Sie das Erscheinungsbild Ihres Chat-Widgets an:
Position
- Unten rechts (Standard)
- Unten links
- Inline (Eingebettet) — Widget wird dort angezeigt, wo das Embed-Script platziert ist, immer geöffnet, keine Bubble, kein Schließen-Button. Ideal für dedizierte Chat-Seiten oder Support-Bereiche.
Farben
| Einstellung | Beschreibung |
|---|---|
| Primärfarbe | Haupt-Akzentfarbe (Buttons, Header) |
| Sekundärfarbe | Verlauf und Hover-Zustände |
| Hintergrundfarbe | Hintergrund des Chat-Fensters |
| Textfarbe | Farbe des Nachrichtentexts |
Erweiterte Farbeinstellungen
Erweitern Sie die erweiterten Optionen für eine detailliertere Steuerung:
| Einstellung | Beschreibung |
|---|---|
| Benutzer-Bubble-Farbe | Hintergrundfarbe der Besucher-Nachrichtenblasen |
| Bot-Bubble-Farbe | Hintergrundfarbe der Bot-Nachrichtenblasen |
| Header-Textfarbe | Textfarbe im Widget-Header |
Abmessungen
- Eckenradius: Abgerundete Ecken (0-50px)
- Widget-Breite: Breite des Chat-Fensters
- Widget-Höhe: Höhe des Chat-Fensters
Branding
- Logo-URL: Benutzerdefiniertes Logo im Header
- Header-Titel: Text im Widget-Header
- Header-Untertitel: Sekundärer Text im Header
- Bubble-Text: Text neben dem Chat-Icon wenn geschlossen (leer lassen für nur das Icon)
Schritt 6: Verhalten
Konfigurieren Sie automatisierte Verhaltensweisen:
| Einstellung | Beschreibung |
|---|---|
| Willkommensnachricht | Erste Nachricht beim Öffnen des Chats |
| Fallback-Nachricht | Antwort, wenn der Bot nicht antworten kann |
| Proaktive Begrüßung | Besucher automatisch begrüßen |
| Proaktive Verzögerung | Wartezeit vor der Begrüßung (ms) |
| Automatisch öffnen | Widget automatisch öffnen |
| Auto-Öffnen Verzögerung | Wartezeit vor dem Öffnen (ms) |
| Sound aktiviert | Töne für neue Nachrichten abspielen |
| Zeichenlimit | Maximale Nachrichtenlänge pro Besuchernachricht (Standard: 2000 Zeichen, auf "Kein Limit" setzen zum Deaktivieren) |
| Tipp-Indikator | Tipp-Animation anzeigen |
Pre-Chat-Formular
Sammeln Sie Besucherinformationen, bevor der Chat beginnt:
- Aktivieren Sie Pre-Chat-Formular aktiviert
- Fügen Sie Felder hinzu (Name, E-Mail, Telefon, Freitext)
- Markieren Sie optionale Felder als "Pflichtfeld" bei Bedarf
Klicken Sie auf Mit KI übersetzen, um alle Feld-Labels und Platzhalter automatisch in alle unterstützten Sprachen zu übersetzen.
Lernphasen-Verhaltensmodus
Während der Lernphase können Sie bestimmen, wie sich der Chatbot bei unsicheren Antworten verhält:
| Modus | Beschreibung |
|---|---|
| Vorsichtig | Bot ist zurückhaltend und verweist bei Unsicherheit aktiv auf den E-Mail-Handoff. Fügt proaktiv Unsicherheitsformulierungen hinzu. |
| Ausgewogen (Standard) | Normale Antworten. Zeigt nur Unsicherheit, wenn der Nutzer die Richtigkeit hinterfragt. |
| Selbstbewusst | Antwortet wie im Normalbetrieb. Die Lernphase sammelt nur Feedback, ohne das Antwortverhalten zu ändern. |
Zusätzliche Lernphasen-Anweisung: Optionaler Freitext für spezielle Anweisungen während der Lernphase, z.B. "Bei Preisanfragen immer auf das Team verweisen."
Der Lernphasen-Modus ist auch in den Chatbot-Einstellungen nach der Erstellung konfigurierbar.
Schritt 7: Einschränkungen & Compliance
Legen Sie Regeln und Einschränkungen fest:
Blacklist-Themen
Themen, die Ihr Chatbot vermeiden sollte:
- Konkurrenzprodukte
- Rechtsberatung
- Preisverhandlungen
Best-Practice-Compliance
Wählen Sie branchenübliche Compliance-Regeln:
- ✅ DSGVO-Datenverarbeitung
- ✅ Keine medizinische Beratung
- ✅ Keine Finanzberatung
- ✅ Professionelle Sprache
- ✅ Eskalationsprotokoll
Kern-Anweisungen
Benutzerdefinierte Regeln für Ihren Chatbot:
- "Bei komplexen Fragen immer eine Demo-Terminvereinbarung empfehlen"
- "Niemals Kundendaten oder interne Metriken teilen"
- "Preisfragen an das Vertriebsteam weiterleiten"
Antwortlimits
- Max. Antwortlänge: Zeichenlimit für Antworten
- Human-Handoff-Trigger: Keywords, die Live-Chat-Eskalation auslösen
Schritt 8: Zusammenfassung (Erforderlich)
Überprüfen Sie alle Einstellungen vor der Erstellung Ihres Chatbots:
- Verifizieren Sie alle Konfigurationen
- Vorschau des Widget-Designs
- Klicken Sie auf Chatbot erstellen zum Abschluss
Nach der Erstellung
Nach der Erstellung können Sie:
- Wissen hinzufügen - Websites crawlen oder FAQs hinzufügen
- Testen - Vorschau-Funktion nutzen, um Gespräche zu testen
- Einbetten - Das Widget zu Ihrer Website hinzufügen
- Iterieren - Einstellungen basierend auf Feedback anpassen