DocsKanäle verbinden › WebChat einbetten

WebChat auf der Website einbetten

Das WebChat-Widget ist eine gebrandete Chat-Blase unten rechts auf deiner Website. Besucher schreiben dir direkt; die Nachrichten landen im selben Posteingang wie E-Mail, WhatsApp & Co. Einbetten dauert 2 Minuten und ist in jedem Tarif frei.

⏱ ca. 2–5 Min · Recht: settings.manage (Admin) · Free & Paid · kein externes Konto nötig

Einstellungen → Kanäle mit WebChat-Einbettcode
Einstellungen → Kanäle — der WebChat-Einbettcode steht direkt beim Kanal.

Schritt für Schritt

  1. WebChat aktivieren. Öffne Einstellungen → Kanäle. Bei mehreren Marken oben die passende Marke wählen. Stelle den Kanal WebChat auf Aktiv (Standard: an).
  2. Einbett-Code kopieren. Direkt beim WebChat-Kanal steht der Einbett-Code — ein einzeiliges Script:
    <script src="https://crm.the-y.at/webchat/<deine-marke>/widget.js" async></script>
    Klicke „Kopieren". <deine-marke> ist der Slug deiner Marke und steht fertig im Code.
  3. Auf der Website einfügen. Füge das Script auf jeder Seite, auf der der Chat erscheinen soll, direkt vor dem schließenden </body>-Tag ein. Bei WordPress/Baukästen gibt es dafür meist ein Feld „Custom Code / Footer-Scripts".
  4. Testen. Lade deine Website neu — unten rechts erscheint die Chat-Blase. Klick sie an, schreib eine Testnachricht: sie taucht sofort im Posteingang auf, du kannst direkt antworten.
Kein Build, kein Neustart: Aktivieren/Deaktivieren wirkt sofort. Deaktivierst du den Kanal, verschwindet die Blase (das Script liefert dann nichts aus).

Aussehen anpassen (Branding)

Die Blase übernimmt automatisch dein Marken-Design. Unter Einstellungen → Design stellst du Akzentfarbe, App-/Marken-Name und Kürzel je Marke ein — das wirkt in der Blase, im Chat-Fenster, im Login und in den öffentlichen Seiten (Hilfe-Portal, Buchung).

Öffnungszeiten & Auto-Antwort

Unter Einstellungen → Öffnungszeiten hinterlegst du je Kanal Zeiten und eine Auto-Antwort innerhalb (z. B. „Wir sind gleich da") und außerhalb (z. B. „Wir melden uns morgen"). Die Auto-Antwort geht nur auf die erste Nachricht eines Besuchers.

Chatbot & KI-Deflection (optional)

Anonyme Chats zu Kontakten machen

Schreibt ein anonymer Besucher, kannst du im Ticket mit „Kontakt anlegen" einen CRM-Kontakt aus dem Chat erstellen — ab dann läuft alles in seiner 360°-Ansicht zusammen.

Mehrere Marken

Jede Marke (Workspace) hat ihren eigenen Einbett-Code mit eigenem Slug und eigenem Branding. So betreibst du getrennte Chats für mehrere Websites — alles in einer Instanz, eine Rechnung.

Fehlerbehebung

Die Chat-Blase erscheint nicht

Prüfe: Ist der WebChat-Kanal aktiv? Sitzt das Script wirklich vor </body> und ist der Marken-Slug korrekt? Leere den Browser-/Website-Cache und lade neu. Öffne die Entwickler-Konsole (F12) und schau, ob widget.js geladen wird (Status 200).

Der Chat soll nur auf bestimmten Seiten erscheinen

Füge das Script nur auf den gewünschten Seiten/Templates ein (nicht global). Umgekehrt: für die ganze Website ins gemeinsame Footer-Template.

Datenschutz / Cookie-Hinweis

Der WebChat speichert eine Sitzungs-Kennung im Browser des Besuchers, damit der Gesprächsverlauf erhalten bleibt. Weise in deiner Datenschutzerklärung auf den Chat hin; behandle Chat-Inhalte wie andere Kundenkommunikation.

Weiter geht's