Quickstart: Chat-Widget einrichten
Zuletzt aktualisiert: 15. August 2026
Folgen Sie diesen Schritten um in wenigen Minuten live zu gehen.
Schritt 1: Widget erstellen
- Gehen Sie zu Einstellungen → Widgets
- Klicken Sie auf "Widget erstellen"
- Geben Sie einen Namen ein (z.B. "Hauptseite" oder "Support")
- Konfigurieren Sie die Grundeinstellungen:
- Primärfarbe: Passend zu Ihrem Branding
- Position: Unten rechts (Standard) oder unten links
- Willkommensnachricht: Der Text der Besucher begrüßt
- Sprache: Deutsch, Englisch, etc.
Schritt 2: Domain hinzufügen
- Im Widget-Detail, gehen Sie zum Tab "Domains"
- Klicken Sie "Domain hinzufügen"
- Geben Sie Ihre Domain ein (z.B. www.example.com)
- Domain verifizieren: Fügen Sie den angezeigten DNS TXT-Record hinzu
- Record-Typ: TXT
- Name: _silentchat-verify
- Wert: Der angezeigte Verifizierungscode
- Klicken Sie auf "Verifizieren" (DNS-Propagation kann bis zu 24h dauern)
Schritt 3: Snippet einbinden
- Klicken Sie auf "Snippet anzeigen" im Widget
- Kopieren Sie den JavaScript-Code
- Fügen Sie den Code vor dem
</body>-Tag Ihrer Website ein:
<script
src="https://cdn.silentchat.de/silentchat.min.js"
data-widget-key="pk_IHR_WIDGET_KEY"
data-api-url="https://api.silentchat.de"
data-ws-url="wss://ws.silentchat.de"
async
></script>
Für Single-Page-Apps (React, Vue, Angular): Das Script kann auch im <head> platziert werden — es initialisiert sich automatisch.
Schritt 4: Testen
- Öffnen Sie Ihre Website in einem neuen Browser-Tab
- Das Chat-Widget sollte unten rechts (oder links) erscheinen
- Senden Sie eine Testnachricht
- Wechseln Sie zurück zum SilentChat Dashboard — die Conversation erscheint in der Inbox
Nächste Schritte
Häufige Probleme
Widget erscheint nicht?
- Prüfen Sie ob die Domain verifiziert ist
- Prüfen Sie die Browser-Konsole auf Fehler
- Stellen Sie sicher dass kein Ad-Blocker das Script blockiert
Nachrichten kommen nicht an?
- Prüfen Sie ob mindestens ein Agent online ist
- Prüfen Sie die Widget-Status (active/inactive)