Erste Schritte
Dieser Leitfaden führt Sie durch die Erstellung Ihres ChatReact-Kontos und das Einrichten Ihres ersten KI-Chatbots.
1. Erstellen Sie Ihr Konto
Anmeldeoptionen
ChatReact verwendet passwortlose Authentifizierung über Magic Links:
- Geben Sie Ihre E-Mail-Adresse ein
- Erhalten Sie einen sicheren Anmeldelink per E-Mail
- Klicken Sie auf den Link, um sich anzumelden – kein Passwort erforderlich!
Registrierungsschritte
- Besuchen Sie chatreact.ai und klicken Sie auf "Start Free Trial"
- Geben Sie Ihre E-Mail-Adresse ein
- Prüfen Sie Ihren Posteingang und klicken Sie auf den Magic Link, um sich anzumelden
Kostenlose Konten beinhalten 100 Chats pro Monat und 1 Chatbot. Keine Kreditkarte erforderlich.
2. Abschluss des Onboardings
Nach der Anmeldung werden Sie durch den Onboarding-Prozess geführt:
Schritt 1: Ihr Profil
- Geben Sie Ihren Namen ein (dies wird in Ihrem Konto angezeigt)
Schritt 2: Firma erstellen oder beitreten
- Neue Nutzer: Erstellen Sie eine neue Firma
- Geben Sie Ihren Firmennamen ein
- Optional: Geben Sie Ihre Website-URL ein und klicken Sie auf Analyze — ChatReact füllt automatisch Ihren Firmennamen, die Markenfarbe, das Logo und eine KI-generierte Firmenbeschreibung aus, die Sie vor dem Fortfahren bearbeiten können
- Bestehendes Team: Wenn ein Teammitglied Sie eingeladen hat, öffnen Sie den Einladungslink aus Ihrer E-Mail, um seiner Firma beizutreten — keine Firmenerstellung erforderlich
Die Website-Analyse richtet Ihr Firmenprofil und Branding ein. Um Ihren Chatbot aus den Inhalten Ihrer Website lernen zu lassen, führen Sie anschließend einen Website-Scan in der Knowledge Base durch.
3. Erstellen Sie Ihren ersten Chatbot
Nach dem Onboarding werden Sie aufgefordert, Ihren ersten Chatbot mit dem Chatbot Wizard zu erstellen.
Der Wizard führt Sie durch 8 einfache Schritte:
| Step | Description |
|---|---|
| 1. Basics | Name and description |
| 2. Persona | Personality and background |
| 3. Tonality | Communication style (formal, humorous, etc.) |
| 4. Languages | Primary and supported languages |
| 5. Design | Widget colors and appearance |
| 6. Behavior | Welcome messages and automation |
| 7. Restrictions | Compliance rules and limitations |
| 8. Summary | Review and create |
Nur Schritt 1 (Basics) und Schritt 8 (Summary) sind erforderlich. Alle anderen Schritte können später konfiguriert werden.
4. Wissen hinzufügen
Direkt nachdem der Wizard abgeschlossen ist, öffnet ChatReact eine geführte Knowledge Setup: scannen Sie Ihre Website (sehen Sie eine Vorschau der gefundenen Seiten und wählen Sie aus, welche importiert werden sollen) und laden Sie Dokumente hoch — oder überspringen Sie diesen Schritt und fügen Sie Wissen später hinzu.
Sie können jederzeit weiteres Wissen hinzufügen, um Ihren Chatbot intelligenter zu machen:
Option 1: Scannen Sie Ihre Website
- Gehen Sie in der Seitenleiste zur Knowledge Base
- Geben Sie Ihre Website-URL ein und klicken Sie auf Preview Pages
- Überprüfen Sie die gefundenen Seiten und wählen Sie aus, welche importiert werden sollen — empfohlene Seiten sind für Sie vorausgewählt
- Klicken Sie auf Import Pages und ChatReact extrahiert und lernt aus Ihren Inhalten
Option 2: Dokumente hochladen
- Gehen Sie in der Seitenleiste zur Knowledge Base
- Ziehen Sie Ihre Dateien in den Bereich Upload Documents
- Unterstützte Formate: PDF, TXT, Markdown, CSV, JSON, DOCX (max. 10 MB pro Datei)
Option 3: FAQs manuell hinzufügen
- Gehen Sie in der Seitenleiste zu FAQs
- Klicken Sie auf Add FAQ
- Geben Sie Frage- und Antwortpaare ein
- Ihr Chatbot verwendet diese für präzise Antworten
Option 4: Core Instructions
- Gehen Sie in der Seitenleiste zur Knowledge Base
- Klicken Sie im Abschnitt Core Instructions auf Add Instruction, um spezifische Regeln hinzuzufügen, die Ihr Chatbot stets befolgen soll
- Beispiele: "Always recommend our premium plan first" oder "Never discuss competitor products"
5. Auf Ihrer Website einbetten
Sobald alles konfiguriert ist, fügen Sie ChatReact zu Ihrer Website hinzu:
<script
src="https://www.chatreact.ai/embed/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
Das war's! Ihr KI-Chatbot ist jetzt live.