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 · Stand: Version 1.1.53

Schritt für Schritt

1. WebChat öffnen. Einstellungen → Kanäle → Karte „WebChat“. Er läuft sofort, ohne Einrichtung (Status „Läuft“). Bei mehreren Marken oben die passende Marke wählen.
2. Selbst testen. „Jetzt testen – schreib dir selbst“ öffnet den Chat; deine Nachricht landet in Sekunden im Posteingang, und deine Antwort erscheint sofort im Chat-Fenster.
3. Einbett-Code kopieren. Klapp „Auf deiner Website einbauen – mit Anleitung für WordPress, Wix & Co.“ auf. Dort steht der Einbett-Code — ein einzeiliges Script:

   <script src="https://crm.the-y.at/webchat/<deine-firma>/widget.js" async></script>

   Klicke „Kopieren". <deine-firma> ist die Adresse deines Kontos und steht fertig im Code; mit mehreren Marken gilt der Code für die oben gewählte Marke.
4. 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. Für WordPress, Wix, Jimdo, Shopify und Squarespace zeigt die Karte je drei kurze Schritte (siehe unten).
5. 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.

Web-Chat auf deine Website bringen — auch ohne Code

Seit 1.1.53 hilft dir die WebChat-Karte, den Chat dorthin zu bringen, wo deine Kunden sind:

• Chat-Link: Unter „Chat-Link & QR-Code“ steht der Link zum Chat. Setz ihn in deine E-Mail-Signatur, dein Google-Profil oder deine Instagram-Bio. Mit mehreren Marken gilt der Link für die oben gewählte Marke.
• QR-Code: „QR-Code zeigen“ und „QR-Code speichern (PNG)“ — für Visitenkarte, Aushang, Flyer oder die Theke. Mit der Handy-Kamera scannen, der Chat öffnet sich direkt. Der QR-Code entsteht in deinem Browser.
• Anleitungen je Website-Baukasten: WordPress, Wix, Jimdo, Shopify, Squarespace und „anderes System“ — je drei kurze Schritte. Die Anbieter ändern ihre Menüs manchmal; die Anleitungen sind deshalb ohne Gewähr.
• Code an deinen Webdesigner schicken: „Nachricht kopieren“ (fertiger Text mit Code und Link) oder „Als E-Mail öffnen“.
• Ganz ohne Code: Leg auf deiner Website einen Knopf oder Link „Chat“ an, der auf den Chat-Link zeigt.

Aussehen anpassen (Branding)

Die Blase übernimmt automatisch dein Marken-Design. Unter Einstellungen → Logo & Farben (früher „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). Im Free-Tarif zeigt der Chat-Kopf deinen Firmennamen, unten steht „Powered by The-Y“ (seit 1.1.52). Der Browser-Tab der Chat-Seite zeigt seit 1.1.53 deinen Firmennamen bzw. den Namen der Marke statt „The-Y CRM“.

Öffnungszeiten & Auto-Antwort

Unter Einstellungen → Öffnungszeiten & Feiertage gilt ein Wochenplan für alle Kanäle; der Web-Chat kann eigene Zeiten bekommen. Dazu 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. An Feiertagen geht der Text für „außerhalb“ raus. Mehr zu den Öffnungszeiten

Chatbot & KI-Deflection (optional)

• Regelbasierter Chatbot: Unter Einstellungen → Chatbot definierst du Keyword-Antworten (z. B. „Öffnungszeiten" → Antworttext) direkt im WebChat.
• KI-Deflection-Bot: Mit hinterlegtem KI-Key beantwortet der Bot Fragen aus deiner Wissensdatenbank selbst und übergibt bei Unsicherheit an einen Menschen — das entlastet den Posteingang. Siehe KI einrichten.

Besucher werden automatisch Kontakte

Seit 1.1.53 bekommt jeder, der im Web-Chat schreibt, automatisch einen eigenen Kontakt — mit Name, E-Mail oder Telefonnummer, wenn er sie im Chat nennt (z. B. nach „Hinterlass deine E-Mail-Adresse“). Ohne Angaben heißt der Kontakt „Web-Chat-Besucher …“; automatische Nachrichten sprechen ihn trotzdem neutral an. So greifen Abläufe wie „Deal anlegen“ schon bei der ersten Nachricht.

• „Vielleicht dieselbe Person wie …“: Passt die genannte E-Mail oder Nummer zu einem Kontakt, den es schon gibt, steht im Posteingang (rechts bei den Kontaktdaten) und auf der Kontakt-Seite des neuen Kontakts ein Hinweis mit dem Namen. Mit „Zusammenführen“ kommen Gespräche, Deals, Notizen und Angaben zum vorhandenen Kontakt; mit „Nicht dieselbe Person“ blendest du den Hinweis aus. Zusammenführen darf, wer Kontakte bearbeiten darf.
• Warum nicht automatisch zusammen? Die im Chat genannte E-Mail oder Nummer ist nicht bestätigt. So landet niemand bei einem fremden Kunden, nur weil er dessen Adresse eintippt. Frag vor persönlichen Auskünften kurz nach.
• Schutz vor Spam: Kommen sehr viele neue Besucher von einer Adresse, entstehen Gespräche ohne Kontakt; die WebChat-Karte zeigt dann einen Hinweis. Solche Kontakte legst du im Posteingang selbst an.
• Gespräche aus der Zeit vor 1.1.53 bleiben, wie sie sind.

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

Weiter geht's