So fügen Sie Ihrer Website in 10 Minuten einen Live-Chat hinzu

Einen Live-Chat zur Website hinzuzufügen, ist eines der wenigen Support-Projekte, bei denen der technische Teil wirklich trivial ist. Jeder Anbieter liefert dasselbe: eine einzige Zeile JavaScript, die Sie in Ihre Website einfügen, oder ein Plugin, das das für Sie erledigt. Zehn Minuten sind kein Marketing – so lange dauert es ungefähr, ein Snippet zu kopieren, es in Ihr Layout-Template einzusetzen und sich selbst eine Testnachricht zu schicken.

Nicht trivial ist alles, was darüber entscheidet, ob das Widget irgendjemandem hilft. Eine Chat-Blase auf einer Website, deren Posteingang niemand im Blick hat, ist schlechter als gar keine: Sie haben eine schnelle Antwort versprochen und nicht geliefert. Dieser Leitfaden behandelt daher zuerst die Installation, anbieterneutral, und dann die halbe Stunde danach, auf die es wirklich ankommt.

Live-Chat zur Website hinzufügen: die 10-Minuten-Installation

Diese Abfolge funktioniert mit praktisch jedem Live-Chat-Anbieter, weil alle das Widget auf dieselbe Weise ausliefern. Nichts davon ist anbieterspezifisch.

1. Legen Sie ein Konto bei Ihrem Chat-Anbieter an und öffnen Sie die Installations- bzw. Embed-Ansicht. Sie erhalten ein Snippet mit einer ID, die Ihren Workspace oder Ihre Website identifiziert – über diese ID werden eingehende Chats Ihrem Konto zugeordnet.
2. Kopieren Sie das Snippet. In der Regel ist es ein einzelnes, asynchron geladenes Script-Tag – der Browser wartet also nicht darauf, bevor er Ihre Seite rendert.
3. Öffnen Sie das Template, das auf jeder Seite Ihrer Website gerendert wird – das gemeinsame Layout, das Footer-Include oder das Basis-Template. Fügen Sie das Snippet direkt vor dem schließenden </body>-Tag ein. Fügen Sie es nicht Seite für Seite ein; Sie vergessen eine, und das Widget fehlt genau dort, wo ein Besucher es am dringendsten gebraucht hätte.
4. Läuft Ihre Website auf einem CMS mit offiziellem Plugin oder offizieller App, installieren Sie diese, statt Templates zu bearbeiten. Sie erfüllt denselben Zweck und übersteht Theme-Updates.
5. Speichern, deployen und öffnen Sie Ihre Website in einem privaten Browserfenster. Der Chat-Launcher sollte innerhalb von ein, zwei Sekunden erscheinen – meist unten rechts.
6. Senden Sie eine Testnachricht von der Website. Prüfen Sie, ob sie im Agent-Posteingang ankommt, antworten Sie dann aus dem Posteingang und prüfen Sie, ob die Antwort im Widget erscheint. Nur dieser Hin- und Rückweg beweist, dass die Installation funktioniert hat; eine sichtbare Blase nicht.
7. Richten Sie Benachrichtigungen ein. Legen Sie fest, wer bei einem neuen Chat eine E-Mail-, Push- oder Desktop-Benachrichtigung erhält, und testen Sie auch das. Ein unbeobachteter Posteingang ist der häufigste Grund, warum eine Live-Chat-Einführung in der ersten Woche scheitert.

Script-Tag oder Plugin: welcher Installationsweg der richtige ist

Beide Wege laden exakt dasselbe Widget. Der Unterschied liegt darin, wem der Code gehört und was beim nächsten Update oder Redesign mit ihm passiert.

WordPress: Plugin statt footer.php

Bei WordPress liegt es nahe, das Snippet in das Footer-Template Ihres Themes einzufügen. Tun Sie es nicht: Das nächste Theme-Update überschreibt es, und das Widget verschwindet, ohne dass es jemand bemerkt. Nutzen Sie ein Child-Theme, ein Header-und-Footer-Snippet-Plugin oder das Plugin Ihres Anbieters. Unseres ist im WordPress.org-Pluginverzeichnis veröffentlicht: installieren, Workspace-ID einfügen, und das Widget erscheint im Frontend, ganz ohne Template-Bearbeitung.

Ist die WordPress-Website ein WooCommerce-Shop, bleibt die Installation gleich, die Einrichtung aber nicht – ein Shop-Widget sollte den Bestellstatus abfragen können, und diese Verbindung hat eigene Regeln zu Identitätsprüfung und reinem Lesezugriff. Das behandelt der Beitrag KI-Live-Chat für WooCommerce, die Verbindung selbst die WooCommerce-Integration.

Was Sie einrichten sollten, bevor Sie das Widget sichtbar schalten

Die Installation liefert Ihnen eine Chat-Blase. Diese fünf Einstellungen machen daraus einen Support-Kanal, den Ihr Team auch dauerhaft bedienen kann.

1. Etwas, woraus geantwortet werden kann

Ob zuerst ein Mensch oder eine KI antwortet: Die Qualitätsobergrenze bestimmt, wie viel Ihres Wissens schriftlich festgehalten ist. Exportieren Sie einen Monat an E-Mail-Tickets, sortieren Sie nach Thema und schreiben Sie für jedes der zwanzig häufigsten Themen einen kurzen Help-Center-Artikel. Kurz und konkret schlägt lang und allgemein – sowohl für den Agent, der ihn überfliegt, als auch für eine KI, die daraus abruft. Nehmen Sie auch die unangenehmen Themen auf, um die Sie sich bisher gedrückt haben: ein Paket, das als zugestellt markiert, aber nie angekommen ist, wie lange eine Erstattung wirklich dauert, wie Ihre Regel für bereits benutzte Artikel lautet.

2. Geschäftszeiten und ein ehrlicher Offline-Zustand

Legen Sie fest, wann das Widget sich als live ausgibt und was außerhalb dieser Zeiten passiert. Es gibt zwei ehrliche Optionen: weiter antworten (ein KI-Agent übernimmt Nächte und Wochenenden) oder auf ein Nachrichtenformular umschalten, das die Frage und eine E-Mail-Adresse aufnimmt und klar sagt, wann Sie antworten. Was Sie nicht tun dürfen: um 23:00 ein offenes Chatfenster zeigen, das bis Montag niemand liest. In CustomerEagle sind das Geschäftszeiten-Einstellungen auf Workspace-Ebene – Beginn und Ende, Tage, Zeitzone und die Nachricht, die außerhalb der Geschäftszeiten angezeigt wird.

3. Eine Übergaberegel, im Voraus schriftlich festgelegt

Ob die erste Antwort von einer KI oder einem Junior-Agent kommt: Legen Sie jetzt fest, was sofort eskaliert werden muss – Beschwerden, alles, was eine Rückbuchung oder rechtliche Schritte erwähnt, alles, wonach der Kunde bereits zweimal gefragt hat, und alles, wobei Geld fließt. Leiten Sie diese Fälle mit dem vollständigen Gesprächsverlauf an einen Menschen weiter. Eine frühe Übergabe kostet eine Agent-Antwort. Eine selbstbewusst falsche Antwort an einen bereits verärgerten Kunden kostet die Kundenbeziehung.

4. Nur die Felder, die Sie wirklich brauchen

Ein Pre-Chat-Formular, das Name, E-Mail, Firma und Bestellnummer abfragt, bevor ein Besucher überhaupt etwas tippen darf, konvertiert deutlich schlechter als ein leeres Nachrichtenfeld. Brauchen Sie eine E-Mail-Adresse, um asynchron zu antworten, fragen Sie sie an der Stelle ab, an der sie nötig wird – wenn das Gespräch die Sitzung überdauern wird –, nicht als Zugangsschranke.

5. Sagen Sie, mit wem der Besucher spricht

Antwortet zuerst eine KI, kennzeichnen Sie sie im Widget als KI und machen Sie den Weg zu einem Menschen offensichtlich. Das ist sowohl eine Transparenzerwartung in der EU als auch schlicht bessere UX: Menschen sprechen problemlos mit einem Bot über eine Sendungsnummer, ärgern sich aber, wenn sie hinterher erfahren, dass die mitfühlende Antwort zu ihrer beschädigten Bestellung automatisiert war.

Wie KI die Rechnung verändert

Klassischer Live-Chat war eine Personalentscheidung, die sich als Softwareentscheidung tarnte. Das Widget kostete wenig, die Abdeckung viel. Entweder Sie besetzten die versprochenen Zeiten, oder Sie ließen die mittlere Antwortzeit stillschweigend auf Stunden anwachsen – und verloren damit den Sinn des Live-Chats völlig. Deshalb haben so viele kleine Teams ein Widget installiert, es einen Monat lang betrieben und dann wieder versteckt.

Ein KI-first-Widget kehrt die Reihenfolge um. Die KI antwortet zuerst aus Ihren eigenen dokumentierten Inhalten, mit Verweis auf den verwendeten Artikel, und ein Mensch übernimmt bei Eskalation, bei sensiblen Themen oder auf Wunsch. Abdeckung ist dann kein Dienstplanproblem mehr: Die wiederkehrenden Fragen – Lieferzeiten, Rückgabefristen, Öffnungszeiten, wo eine Bestellung ist – werden sonntags um 02:00 beantwortet, und Ihr Team sieht die Gespräche, die Urteilsvermögen erfordern.

Der Haken: Das funktioniert nur in dem Maß, in dem Ihre Inhalte die Fragen abdecken – deshalb ist der Wissensdatenbank-Schritt oben nicht optional. Und deshalb sollten Sie das Ergebnis daran messen, wie viele Gespräche ganz ohne menschliche Antwort gelöst wurden, nicht daran, auf wie viele der Bot lediglich geantwortet hat – unsere Definition steht unter So messen wir KI-Lösungen, und sie ist ein fairer Maßstab, an dem Sie jeden Anbieter messen können.

Häufige Fehler

• Das Widget sofort auf allen Seiten starten. Beginnen Sie auf den Seiten, auf denen Fragen tatsächlich einen Kauf oder eine Registrierung blockieren – Preise, Checkout, eine bestimmte Produktkategorie – und weiten Sie aus, sobald Sie das Volumen kennen.
• Eine Antwortzeit versprechen, die Sie nicht halten können. „Antwortet in der Regel innerhalb weniger Minuten“ ist ein Versprechen. Wenn Sie es freitags um 16:45 nicht halten können, zeigen Sie es nicht an.
• Chat wie E-Mail behandeln. Eine Chat-Antwort nach vier Stunden ist eine schlechte E-Mail, kein guter Chat. Liegt Ihre realistische Antwortzeit bei Stunden, bieten Sie stattdessen ein Nachrichtenformular an und setzen Sie die Erwartung richtig.
• Den Mobile-Check auslassen. Ein großer Teil der Besucher sieht das Widget auf dem Smartphone, wo ein Launcher, der einen fixierten Checkout-Button oder ein Cookie-Banner verdeckt, ein echtes Conversion-Problem ist.
• Jeden proaktiven Trigger aktivieren. Eine gezielte Einladung auf einer Seite, auf der Besucher hängen bleiben, wirkt besser als ein Widget, das bei jedem Seitenaufruf aufspringt und reflexartig weggeklickt wird.
• Die Gesprächsverläufe nie lesen. Jede schlechte Antwort entspricht einem fehlenden oder unklaren Artikel, und erst das Korrigieren von Inhalten bewegt die Zahlen. Prompt-Feinschliff tut das selten.

Die ersten zwei Wochen

Richten Sie sich eine einfache Review-Schleife ein: Lesen Sie jeden Morgen die Gespräche des Vortags – alle, keine Stichprobe – und machen Sie aus jedem, das schlecht lief, entweder einen neuen Help-Center-Artikel oder eine Routing-Regel. Zwei Wochen davon bringen Ihrem Anteil gelöster Gespräche mehr als jede Konfigurationsseite. Danach läuft das Widget weitgehend von selbst, und die verbleibende Arbeit besteht darin, die Inhalte aktuell zu halten, wenn sich Ihre Richtlinien ändern.

Wenn Sie die KI-first-Variante möchten – das Widget antwortet aus Ihrem eigenen Help-Center, nennt die verwendete Quelle und übergibt an Ihren Posteingang, wenn es soll –, beginnen Sie mit der Live-Chat-Übersicht und sehen Sie unter Preise nach, was jeder Tarif enthält. Die Installation dauert weiterhin dieselben zehn Minuten; der Unterschied liegt darin, was passiert, nachdem der Besucher die erste Nachricht getippt hat.