Zum Hauptinhalt springen

Erste Schritte

Bauen Sie einen nützlichen Chatbot, bevor Sie ihn auf Ihrer Website einsetzen. Die grundlegende Abfolge lautet erstellen → Inhalte hinzufügen → prüfen → testen → anpassen → integrieren.

1. Konto und Projekt erstellen

Melden Sie sich beim ChattyBox-Dashboard an, wählen Sie New Chatbot und geben Sie dem Projekt einen Namen. Das Projekt wird unter Content geöffnet, wo indexierte Seiten und Crawl-Aufträge erscheinen.

Unter Preise finden Sie die aktuellen Limits für Projekte, Seiten und Nutzung.

2. Inhaltsquelle konfigurieren

Öffnen Sie Settings und fügen Sie die Website hinzu, die den Antworten des Chatbots als Grundlage dienen soll. Wählen Sie den passenden Erkennungsmodus, Seitenlimits, Regeln zum Ein- oder Ausschließen und den Aktualisierungszeitplan und speichern Sie anschließend die Quellenkonfiguration.

Führen Sie Scrape now aus. ChattyBox findet die ausgewählten Seiten, extrahiert lesbare Inhalte und bereitet sie für den Abruf vor. Je nach Website und Seitenanzahl kann dies einige Minuten dauern.

Verwenden Sie Inhalte hinzufügen und aktualisieren, wenn Sie Anleitungen zu Sitemaps, manuellen URLs, Crawling, Mehrsprachigkeit oder erneutem Crawling benötigen.

3. Indexierte Inhalte prüfen

Kehren Sie zu Content zurück und bestätigen Sie, dass die erwarteten Seiten erfolgreich indexiert wurden. Beheben Sie fehlgeschlagene Aufträge, irrelevante Seiten oder fehlende Abschnitte, bevor Sie Antworten bewerten. Ein Chatbot kann Informationen, die nicht indexiert wurden, nicht zuverlässig beantworten.

4. Antwortqualität testen

Öffnen Sie Test Chat und stellen Sie repräsentative Fragen, die echte Besucher verwenden werden. Prüfen Sie, ob die Antworten:

  • die indexierte Dokumentation statt unbelegter Annahmen verwenden;
  • auf nützliche Quellseiten verweisen;
  • fehlende Informationen mit dem vorgesehenen Fallback behandeln;
  • für wichtige Sprachen und Begriffe funktionieren.

Verbessern Sie bei einer schwachen Antwort die Quellinhalte oder Indexierungsregeln und crawlen Sie erneut. Installieren Sie den Chatbot nicht nur deshalb, weil der erste Crawl abgeschlossen wurde.

5. Benutzererlebnis anpassen

Mit Persona passen Sie das Verhalten des Assistenten und die Formulierung des Fallbacks an. Wenn Sie das gehostete Widget verwenden möchten, können Sie unter Embed Titel, Begrüßungsnachricht, Farben, Symbol, Position und Sprachverhalten in der Vorschau prüfen.

Diese Entscheidungen folgen auf den Inhaltstest, damit die visuelle Einrichtung keine Probleme beim Abruf oder in der Dokumentation verdeckt.

6. Eine Integration auswählen

ZielNächster Schritt
Die gepflegte ChattyBox-Oberfläche aus Anwendungscode einbindenJavaScript SDK
Eine eigene Oberfläche erstellen und pflegenHeadless JavaScript SDK
Einen KI-Coding-Assistenten das npm-Paket integrieren lassenKI-gestützte Integration
Die Projektkonfiguration über Git und CI verwaltenCLI und Konfigurationsbereitstellung
Die gepflegte Oberfläche ohne npm oder Build-Schritt verwendenGehostetes Widget-Skript

Browser-Integrationen benötigen einen öffentlichen Widget-API-Schlüssel. Erstellen Sie ihn unter Public Keys, beschränken Sie die zulässigen Origins auf die Domains, die den Chatbot aufrufen dürfen, und kehren Sie dann zu Embed zurück, um den Schlüssel auszuwählen und das generierte Snippet sowie die API-URL zu kopieren.

Öffentliche Widget-Schlüssel sind dafür vorgesehen, in Browsercode zu erscheinen. Tokens für die Konfigurationsbereitstellung und andere Verwaltungszugangsdaten sind vertraulich und dürfen niemals zu einer Website hinzugefügt werden.

7. Vor dem Start validieren

Installieren Sie die ausgewählte Integration zuerst auf einer Vorschau- oder Staging-Website. Testen Sie vor der allgemeinen Veröffentlichung die bereitgestellte Origin, die Navigation zwischen Routen, Quellenangaben, Fallback-Verhalten, das mobile Layout und die Browserkonsole.

Führen Sie die Start-Checkliste durch und verwenden Sie anschließend Analytics sowie Content Gaps, um die Dokumentation zu verbessern, sobald echte Fragen eingehen.

We use optional analytics and tag-management tools to understand site use. Choose whether to allow PostHog and Google Tag Manager. Turning analytics off reloads this page so the change takes effect cleanly. Essential site functionality and error monitoring are not controlled by this choice. Read our privacy policy.