Chat auf einer WordPress-Website: Plugin, Skript und die Konfiguration danach

Die Installation eines Chats in WordPress ist nicht der schwierige Teil dieses Projekts. Das Plugin lässt sich in wenigen Minuten hinzufügen, und das Widget erscheint sofort auf der Website. Die eigentlichen Entscheidungen beginnen danach: Wer nimmt Gespräche an? Was sehen Besucher außerhalb der Geschäftszeiten? Welche Daten gelangen in das System? Und beeinträchtigt das zusätzliche Skript die Performance? Dieser Ratgeber führt dich durch die technische Implementierung und durch diesen zweiten, wichtigeren Teil.

Plugin oder Skript im Theme – was solltest du wählen?

Ein Chat lässt sich auf zwei Arten in eine WordPress-Website einbinden. Die erste ist ein eigenes Plugin im Administrationsbereich. Die zweite besteht darin, ein Codefragment in das Theme, in ein Plugin für Header- und Footer-Skripte oder in einen Tag-Manager einzufügen. Beide Wege führen zum selben visuellen Ergebnis, unterscheiden sich aber bei Aktualisierungen und beim Trennen der Integration. In Squarespace fügst du ein Skript für die ganze Website im Bereich Code Injection ein, den nicht jeder Tarif enthält, wie der Leitfaden Chat in Squarespace einbinden beschreibt.

↔ Scrolle die Tabelle seitlich, um alle Spalten zu sehen.

Für die meisten Unternehmenswebsites ist ein Plugin die sinnvollere Wahl, weil es Theme-Aktualisierungen übersteht und eine zentrale Stelle zum Trennen der Integration bietet. Ein Skript im Tag-Manager kann geeigneter sein, wenn das Marketing alle Tools in einer Oberfläche verwaltet und bereits einen festen Prozess für die Veröffentlichung von Änderungen hat.

Installation Schritt für Schritt

Die folgende Reihenfolge gilt für das Plugin. Bei einem Skript ändern sich jedoch nur der zweite und dritte Schritt. Alles Weitere bleibt gleich, weil es die Konfiguration des Tools und nicht WordPress betrifft.

1. Konto beim Chat-Anbieter anlegen.Das Widget muss wissen, zu welcher Website es gehört. Ohne Konto und Kennung zeigt das Plugin allein nichts an.
2. Plugin installieren und aktivieren.Plugins → Installieren → nach dem Namen des Tools suchen → Jetzt installieren → Aktivieren. Installiere es in einer Multisite-Umgebung auf Ebene der einzelnen Website, wenn jede Website von einem eigenen Team betreut wird.
3. Website verbinden.In der Regel geschieht dies mit einem einmaligen Kopplungscode oder einem Schlüssel aus dem Dashboard. Binde die Verbindung an einen konkreten Host, damit eine Testkopie keine Produktionsgespräche erfasst.
4. Sichtbarkeit des Widgets prüfen.Lege fest, ob es auf der gesamten Website oder nur unter ausgewählten Pfaden erscheinen soll. Warenkorb, Checkout und Kundenportal erfordern meist eine gesonderte Entscheidung.
5. Auf verschiedenen Geräten prüfen.Öffne die Website auf einem Smartphone und einem Desktop-Rechner. Stelle sicher, dass der Launcher weder die Schaltfläche „Jetzt kaufen“ noch den Einwilligungsbanner oder das mobile Menü verdeckt.
6. Testnachricht senden.Schreib eine Nachricht im Inkognitomodus und nimm sie im Dashboard an. Nur so lässt sich zuverlässig nachweisen, dass der gesamte Ablauf funktioniert.

Wenn du Seiten-Caching oder ein CDN verwendest, leere nach der Installation den Cache. Andernfalls siehst du möglicherweise noch eine Weile die alte Version der Website und suchst einen Konfigurationsfehler, den es gar nicht gibt.

In Meetlead ist WordPress eine installierbare App mit einem einmaligen Kopplungscode und einer Verbindung, die an den exakten Host gebunden ist. Die Zugangsdaten werden für jede Website separat gespeichert, auch in Multisite-Umgebungen. Eine ausführliche Übersicht über die übertragenen Daten und Einwilligungsmodi findest du auf der Seite Meetlead für WordPress. Willst du auf derselben Website auch Buchungen annehmen, beschreibt unser Leitfaden zum Buchungskalender in WordPress Platzierung und Test des Formulars.

Einwilligungen und Cookie-Banner – wo Fehler meist entstehen

Chat und Verhaltensanalyse sind zwei verschiedene Dinge, werden bei vielen Implementierungen aber gleichbehandelt. Die Möglichkeit, eine Nachricht zu schreiben, gilt häufig als nutzerinitiierte Funktion. Sitzungsaufzeichnungen oder Klick-Heatmaps erfordern dagegen eine eigene Entscheidung und eine gesonderte Beschreibung in der Datenschutzerklärung.

• StartmodusStartet das Widget sofort oder erst nach Zustimmung im Banner? Diese Einstellung beeinflusst sowohl die Compliance als auch die Zahl der Gespräche.
• Integration mit dem BannerWenn du ein Einwilligungs-Plugin verwendest, prüfe, ob sich das Chat-Tool damit verbinden lässt, anstatt unabhängig davon zu laufen.
• DatenumfangGespräche, Offline-Formulare und Sitzungsaufzeichnungen erfassen unterschiedliche Daten. Beschreibe sie separat und nicht in einem einzigen Satz über „Analysetools“.
• Bestätigung im FormularName, E-Mail-Adresse und Telefonnummer im Chatfenster sind personenbezogene Daten. Verknüpfe diese Felder mit deiner Datenschutzerklärung.

Dieser Ratgeber ersetzt keine rechtliche Prüfung deiner Website. Welche Fragen du vor dem Start stellen solltest und welche Daten in einem Gespräch entstehen, behandeln wir separat im Artikel Live-Chat und DSGVO. Wenn du auch Sitzungsaufzeichnungen planst, lies außerdem den Beitrag über Sitzungsaufzeichnungen und DSGVO – dabei geht es um andere Daten und andere Entscheidungen.

Überlege außerdem, wie viel Platz der Banner auf dem Bildschirm einnimmt und ob er mit anderen am unteren Seitenrand fixierten Elementen kollidiert. Das analysieren wir im Artikel über den Einwilligungsbanner und das Nutzerverhalten.

Wird der Chat die Website verlangsamen?

Jedes zusätzliche Skript kostet Ressourcen. Entscheidend ist, wie viele und zu welchem Zeitpunkt. Ein Chat-Widget wird meist nach dem Seiteninhalt geladen, sodass sein Einfluss auf die erste Darstellung oft gering ist. Null ist er jedoch nicht – insbesondere auf leistungsschwächeren Smartphones und bei langsamen Verbindungen.

• Miss die Website vor und nach der Installation auf demselben Gerät und mit derselben Verbindung.
• Prüfe, ob das Widget erst nach dem Inhalt geladen wird und das Rendering nicht blockiert.
• Achte auf Layout-Verschiebungen: Der Launcher sollte nach dem Laden nicht seine Position verändern.
• Bewerte die mobile Version separat, denn dort ist der Unterschied meist am deutlichsten.
• Wenn du Aufzeichnungen oder Heatmaps verwendest, miss deren Kosten separat und nicht gemeinsam mit dem Chat.
• Deaktiviere das Widget auf Seiten, auf denen es keinen Zweck erfüllt – zum Beispiel im Kundenportal.

Ein ehrlicher Hinweis: Das Ergebnis eines Performance-Tests ist nützlich, aber kein Selbstzweck. Eine Website mit perfektem Wert und ohne Möglichkeit, eine Frage zu stellen, verkauft nicht besser als eine Website mit einem etwas niedrigeren Wert und funktionierendem Kundenservice. Behalte beides im Blick, anstatt das eine dem anderen zu opfern.

Die am häufigsten übersehenen Einstellungen

Das Widget auf der Website ist erst der Anfang. Die folgenden Einstellungen entscheiden darüber, ob Besucher eine Antwort erhalten oder ein Fenster sehen, das niemand beachtet.

1. Erreichbarkeitszeiten.Hinterlege die tatsächlichen Arbeitszeiten des Teams und nicht vorschnell „24/7“. Ein sichtbares und eingehaltenes Versprechen wirkt besser als ein großzügiges, aber leeres.
2. Offline-Modus.Lege fest, was Besucher außerhalb der Geschäftszeiten sehen: ein Formular, eine Rückrufanfrage oder nur einen Hinweis. Diese Einstellung wird am häufigsten übersehen.
3. Benachrichtigungen.Prüfe, wo der Hinweis auf ein neues Gespräch ankommt. Ein unbeantworteter Chat ist schlechter als gar kein Chat.
4. Pre-Chat.Entscheide, ob du vor dem Gespräch Daten abfragst. Jedes Pflichtfeld senkt die Zahl begonnener Gespräche. Frag daher nur nach Angaben, die du wirklich brauchst.
5. Weiterleitung an Abteilungen.Wenn Vertrieb und Support von unterschiedlichen Personen betreut werden, richte das sofort ein. Sonst vermischen sich die Gespräche schnell.
6. Sichtbarkeit auf Unterseiten.Die Preis- und Kontaktseite profitieren meist von einem Chat. Dokumentation oder Kundenbereich funktionieren mitunter besser ohne ihn.

Den umfassenderen, von WordPress unabhängigen Prozess zur Auswahl und Implementierung eines Tools beschreiben wir im Leitfaden Live-Chat auf der Website. Wenn der Chat Besucher in bestimmten Situationen ansprechen soll, anstatt passiv zu warten, lies den Artikel über die Automatisierung des Live-Chats. Läuft dein Shop auf Shopify, erklären wir den richtigen Platz im Theme und den Test danach im Leitfaden zum Live-Chat in Shopify.

Echte Meetlead-Oberfläche · Demonstrationsdaten

Scrolle die Vorschau seitlich oder vergrößere sie, um Details zu sehen.

Checkliste für die WordPress-Implementierung

• Eine Implementierungsmethode wurde ausgewählt und in der Website-Dokumentation festgehalten.
• Die Website ist mit dem Konto verbunden, und die Testumgebung erfasst keine Produktionsgespräche.
• Das Widget ist auf den richtigen Unterseiten sichtbar und verdeckt keine wichtigen Schaltflächen.
• Eine Testnachricht wurde im Inkognitomodus gesendet und im Dashboard angenommen.
• Startmodus und Einwilligungen sind mit Banner und Datenschutzerklärung abgestimmt.
• Der Erreichbarkeitsplan entspricht den tatsächlichen Arbeitszeiten des Teams.
• Der Offline-Modus führt zu einem Formular, einer Rückrufanfrage oder einem klaren Hinweis.
• Benachrichtigungen erreichen die Person, die Gespräche tatsächlich annimmt.
• Die Performance wurde vor und nach der Installation gemessen, auf Mobilgeräten separat.
• Cache und CDN wurden nach Änderungen an der Konfiguration geleert.

Wenn du nach zwei Wochen weniger Gespräche erhältst als erwartet, prüfe nacheinander die Sichtbarkeit des Widgets auf den meistbesuchten Unterseiten, den Startmodus im Verhältnis zum Einwilligungsbanner und die Zahl der Pflichtfelder vor dem Gespräch. In dieser Reihenfolge findest du die Ursache am häufigsten.