Chatbot-Assistent

Der Chatbot-Assistent führt Sie in 8 einfachen Schritten durch die Erstellung eines vollständig konfigurierten KI-Chatbots.

Schritt 1: Basics (Erforderlich)

Beginn mit einer Vorlage

Oben in Schritt 1 können Sie eine Vorlage auswählen, die den Assistenten mit optimierten Einstellungen vorbefüllt — Persona, Tonalität, Begrüßungs- und Fallback-Nachrichten sowie Verhaltenseinstellungen. Sie können anschließend alles in den folgenden Schritten anpassen.

Name & Beschreibung

Konfigurieren Sie die grundlegenden Einstellungen für Ihren Chatbot:

Schritt 2: Persona

Definieren Sie die Persönlichkeit und den Hintergrund Ihres Chatbots:

Anonymmodus

Wenn Sie Use Persona Name deaktivieren, stellt sich der Chatbot nicht mit einem Namen vor. Statt "Hallo! Ich bin Alex, Ihr Kundendienstspezialist." sagt er einfach "Hallo! Wie kann ich Ihnen helfen?". Das Feld für den Persona-Namen wird ausgeblendet, wenn dieser Umschalter deaktiviert ist.

Kommunikationsstil

Wählen Sie einen vordefinierten Kommunikationsstil, der den Gesamtton Ihres Chatbots festlegt:

Jeder Stil fügt detaillierte Prompt-Anweisungen mit passender Tonalität, Formulierungsmustern und Beispielen hinzu.

Schritt 3: Tonalität

Feinabstimmung des Kommunikationsstils Ihres Chatbots mit Schiebereglern (Skala 1–5):

Schritt 4: Sprachen

Konfigurieren Sie die Sprachunterstützung:

• Primary Language: Die Hauptsprache für Antworten (wählen Sie zwischen English, German, French, Spanish, Italian oder Portuguese)
• Supported Languages: Zusätzliche Sprachen, in denen Ihr Bot verstehen und antworten kann
• Technical Level: Ein Schieberegler von Simple bis Technical, der bestimmt, wie technisch die Sprache des Bots sein soll

ChatReact unterstützt alle 24 offiziellen EU-Sprachen.

Anredeform

Definieren Sie, wie der Chatbot Website-Besucher ansprechen soll:

Schritt 5: Widget Design

Passen Sie das Erscheinungsbild Ihres Chat-Widgets an:

Position

• Bottom Right (Standard)
• Bottom Left
• Inline (Embedded) — Das Widget wird dort angezeigt, wo das Embed-Skript platziert ist, immer geöffnet, keine Bubble, kein Schließen-Button. Ideal für dedizierte Chat-Seiten oder Support-Bereiche.

Farben

Wählen Sie ein Color Theme:

Wenn Custom ausgewählt ist, können Sie anpassen:

Erweiterte Farbeinstellungen

Erweitern Sie die erweiterten Optionen für feinere Kontrolle:

Jede erweiterte Farbe kann auf automatisch zurückgesetzt werden; in diesem Fall wählt ChatReact eine kontrast-sichere Farbe für Sie aus.

Abmessungen

• Border Radius: Abgerundete Ecken (0–32px)
• Widget Width: Breite des Chatfensters
• Widget Height: Höhe des Chatfensters

Branding

• Use Company Logo: Zeigt Ihr Firmenlogo im Widget-Header. Erfordert den Professional-Plan oder höher; das Logo selbst wird in den Company Settings hochgeladen.
• Header Title: Text im Widget-Header
• Header Subtitle: Sekundärer Text im Header. Wenn Sie dieses Feld leer lassen, zeigt das Widget einen lokalisierten Standard-Untertitel. Nach der Erstellung können Sie den Untertitel vollständig ausblenden, indem Sie dieses Feld in den Widget-Einstellungen leeren.

Schritt 6: Verhalten

Konfigurieren Sie automatisierte Verhaltensweisen:

Pre-Chat-Formular

Erfassen Sie Besucherinformatio­nen, bevor der Chat beginnt:

1. Aktivieren Sie Pre-Chat Form
2. Fügen Sie Felder hinzu (Text, Email, Phone, Textarea)
3. Markieren Sie notwendige Felder bei Bedarf als "Required"

Lernphase

Skip Learning Phase: Schalten Sie dies ein, um Ihren Chatbot von Tag eins mit voller Zuversicht zu starten — ohne zurückhaltende Antworten. Eine Warnung erinnert Sie daran, sicherzustellen, dass Ihre Wissensbasis vor dem Live-Gang gut vorbereitet ist.

Wenn die Lernphase aktiv ist, können Sie festlegen, wie sich der Chatbot bei Unsicherheit verhalten soll:

Additional Learning Phase Instruction: Optionaler Freitext für spezielle Anweisungen während der Lernphase, z. B. "Always refer pricing questions to the team."

Live-Chat

Ermöglichen Sie Besuchern, in Echtzeit mit menschlichen Support-Agenten zu sprechen (erfordert den Professional-Plan oder höher):

1. Schalten Sie Enable Live Chat ein
2. Wählen Sie einen Live Chat Mode:

Erfahren Sie mehr im Live Chat guide.

Schritt 7: Einschränkungen & Compliance

Legen Sie Regeln und Beschränkungen fest:

Blockierte Themen

Themen, über die Ihr Chatbot nicht sprechen soll:

• Konkurrenzprodukte
• Rechtliche Beratung
• Preisverhandlungen

Best-Practice-Compliance

Wählen Sie aus acht branchenüblichen Compliance-Regeln:

• No legal advice — empfiehlt die Konsultation eines Rechtsanwalts (vorausgewählt)
• No binding commitments — trifft niemals verbindliche Zusagen zu Preisen, Rabatten oder Lieferung (vorausgewählt)
• Refer to human support — bietet an, für sensible oder komplexe Fälle mit menschlichem Support zu verbinden (vorausgewählt)
• No internal information — gibt keine internen Firmeninformationen oder vertrauliche Details preis
• No competitor information — teilt keine Informationen über Wettbewerber und zieht keine Vergleiche
• No medical advice — empfiehlt, einen Gesundheitsfachmann zu konsultieren
• No financial advice — erteilt keine Finanz- oder Anlageberatung
• Data privacy — geht sorgfältig mit personenbezogenen Daten um und fragt nicht nach unnötigen Informationen

Core Instructions

Benutzerdefinierte Regeln für Ihren Chatbot, verwaltet als Liste:

• Einzelne Anweisungen hinzufügen, bearbeiten oder löschen
• Jede Anweisung aktivieren oder deaktivieren, ohne sie zu löschen
• Klicken Sie auf Improve with AI, um Ihre Anweisungen automatisch verfeinern zu lassen

Beispielanweisungen:

• "Always recommend scheduling a demo for complex questions"
• "Never share customer data or internal metrics"
• "Refer pricing questions to the sales team"

Core Instructions haben die höchste Priorität und sind in jeder Chat-Antwort stets enthalten.

Antwortlimits & Übergabe

• Max Response Length: Zeichenlimit für Antworten (100–2000 Zeichen)
• Human Handoff Trigger: Beschreiben Sie in eigenen Worten, wann der Bot den Chat an einen Menschen übergeben soll, z. B. "For product complaints or refund requests"
• Human Handoff Email: E-Mail-Adresse, an die der Bot Besucher beim Handover verweist

Schritt 8: Summary (Erforderlich)

Überprüfen Sie alle Einstellungen vor der Erstellung Ihres Chatbots:

• Verifizieren Sie alle Konfigurationen
• Vorschau des Widget-Designs
• Klicken Sie auf Create Chatbot, um abzuschließen

Nach der Erstellung

Nachdem Sie auf Create Chatbot klicken, werden Sie direkt in den Set up your knowledge base-Assistenten geführt, der die Wissensbasis Ihres Chatbots in drei schnellen Schritten füllt:

1. Scan website — Geben Sie Ihre Website-URL ein; ChatReact entdeckt Seiten automatisch und lässt Sie auswählen, welche importiert werden sollen
2. Upload documents — Fügen Sie PDF-, DOCX-, TXT-, MD-, CSV- oder JSON-Dateien hinzu
3. Done — Weiter zu Ihrem Dashboard

Beide Inhalts-Schritte können übersprungen werden — Sie können jederzeit später Wissen hinzufügen. Siehe den Knowledge Base guide für Details.

Von dort aus können Sie:

1. Test - Verwenden Sie die Vorschau-Funktion, um Gespräche zu testen
2. Embed - Fügen Sie das Widget Ihrer Website hinzu
3. Iterate - Passen Sie Einstellungen basierend auf Feedback an

Nächste Schritte

• Knowledge Base Guide →
• Widget Embedding →
• FAQs Management →