Wie baue ich den Website-Chat auf meiner Website ein?
Sie tragen Ihre Website im Portal unter „Ihre Websites“ ein, kopieren unter Einbinden den Einbaucode und fügen ihn auf jeder Seite Ihrer Website ein. Für die gängigen Baukästen zeigt das Portal die Schritte, und Sie sehen dort, ob der Chat geladen wird.
Auf dieser Seite 7
Alles dazu finden Sie im Portal im Bereich Website-Chat. Der Chat muss unter Status eingeschaltet sein, sonst erscheint er nirgends. Wie Sie ihn vorher einrichten, steht im Artikel Wie richte ich den Website-Chat ein?.
Website freigeben
Unter „Ihre Websites“ tragen Sie jede Adresse ein, auf der der Chat erscheinen soll. Nur dort lädt er. Tragen Sie die Adresse mit und ohne „www“ getrennt ein, wenn Ihre Website unter beiden erreichbar ist.
Vier Wege zum Einbinden
Unter Einbinden wählen Sie einen von vier Wegen:
- Ohne Website-Technik: Sie teilen einen Link zu Ihrer eigenen Chatseite oder den QR-Code dazu. Das passt ins Google-Unternehmensprofil, in die Instagram-Bio, in die E-Mail-Signatur oder als Aushang am Tresen.
- Selbst einbauen: Sie wählen die Art der Anzeige, „Chat-Blase“ unten in der Ecke auf jeder Seite oder „Eingebettet“ als Fenster an einer Stelle der Seite. Dann wählen Sie unter „Womit ist Ihre Website gebaut?“ Ihren Baukasten und sehen die Schritte dafür. Den Einbaucode kopieren Sie mit einem Klick.
- Mit KI einbauen: Sie kopieren eine fertige Anweisung samt Code und fügen sie in einen KI-Assistenten ein, der Sie Schritt für Schritt führt. Wie das geht, steht unter Mit einem KI-Assistenten einbauen.
- Webdesigner: Sie schicken Code und Anleitung an die Person, die Ihre Website betreut, siehe unten.
Die Chat-Blase fügen Sie einmal auf jeder Seite ein, am besten ganz unten vor dem schließenden body-Tag. Den eingebetteten Chat setzen Sie dorthin, wo das Fenster stehen soll.
Was bei Ihrem Baukasten zu beachten ist
Das Portal zeigt die Schritte für WordPress, Wix, Jimdo, IONOS MyWebsite Now, Shopify, Squarespace, Webflow und den Google Tag Manager, für jede andere Website eine allgemeine Anleitung. Dieselben Schritte stehen auch hier im Hilfe-Center, je Baukasten ein Artikel; die Übersicht finden Sie unter Baukasten-Anleitungen. Vorab das Wichtigste:
| Baukasten | Wo der Code hingehört | Zu beachten |
|---|---|---|
| WordPress | Block „Individuelles HTML“ im Footer | Nur ein Konto mit vollen Rechten, etwa ein Administrator, darf Skripte einfügen. Einfacher: das Plugin „Website-Chat einbinden“ aus dem Portal hochladen, Code einfügen, „Chat anzeigen“ anhaken. |
| Wix | Einstellungen, „Benutzerdefinierter Code“, alle Seiten, Body – Ende | Laut Wix nur mit verbundener Domain, dafür braucht es ein Premiumpaket. Sonst teilen Sie den Chat-Link. |
| IONOS MyWebsite Now | Einstellungen, eigener Head-Code | Laut IONOS nicht in allen Tarifen enthalten. Fehlt der Menüpunkt, teilen Sie den Chat-Link. |
| Shopify | Datei „theme.liquid“, direkt vor dem schließenden body-Tag | Legen Sie vorher eine Kopie des Themes an. |
| Squarespace | „Code Injection“, Feld „Footer“ | Laut Squarespace nur in den Tarifen Core, Plus, Advanced und einigen älteren. |
| Google Tag Manager | Tag „Benutzerdefiniertes HTML“, Trigger auf allen Seiten | Danach „Senden“ und „Veröffentlichen“. |
| Jimdo, Webflow, andere | Feld für eigenen Code auf allen Seiten | Fehlt ein solches Feld, teilen Sie den Chat-Link. |
An Ihren Webdesigner senden
Unter Einbinden, Reiter Webdesigner, tragen Sie die E-Mail-Adresse der Person ein, die Ihre Website betreut, wählen auf Wunsch den Baukasten und schreiben eine kurze Nachricht dazu. Mit „E-Mail senden“ bekommt sie den Einbaucode, eine Kurzanleitung und den Absatz für Ihre Datenschutzerklärung. Verschicken dürfen das die Inhaberin, der Inhaber oder ein Admin.
Prüfen, ob der Chat geladen wird
Bei jeder Adresse unter „Ihre Websites“ sehen Sie, wann der Chat dort zuletzt geladen wurde, etwa „zuletzt geladen vor 5 Min.“ oder „noch nie geladen“. Öffnen Sie nach dem Einbau Ihre Website einmal selbst, dann sollte der Eintrag sich ändern.
Unter „Wenn der Chat nirgends mehr lädt“ legen Sie fest, nach wie vielen Stunden ohne Laden Sie eine E-Mail bekommen. So merken Sie es, wenn der Code bei einer Überarbeitung der Website verloren geht.
Wenn Ihre Website eine Content-Security-Policy hat
Manche Websites erlauben nur Skripte von bestimmten Adressen. Das steht in einer sogenannten Content-Security-Policy, die meist Ihr Webdesigner oder Ihr Hoster pflegt. Erscheint der Chat trotz richtigem Einbau nicht, ist das ein häufiger Grund.
Die Adresse des Chats steht in Ihrem Einbaucode, es ist der Teil vor „/c/w.js“. Sie muss in der Content-Security-Policy an drei Stellen erlaubt sein:
- script-src, damit das Lade-Skript geladen wird,
- connect-src, damit der Chat seine Einstellungen abrufen kann,
- frame-src, damit das Gesprächsfenster angezeigt wird.
Fehlt eine der drei, bleibt der Chat aus oder leer. Geben Sie diesen Absatz am besten direkt an Ihren Webdesigner weiter.
Cookie-Banner
Der Chat setzt keine Cookies. Für ihn brauchen Sie deshalb keinen Eintrag im Cookie-Banner. In Ihrer Datenschutzerklärung erwähnen Sie ihn trotzdem; den fertigen Absatz finden Sie unter Einbinden im Teil Datenschutz.