KI-Chatbot für Websites

So funktioniert es

Das Chatfenster, das sich in der Ecke Ihrer Website öffnet, leitet die Frage des Besuchers an die künstliche Intelligenz weiter. Der Assistent findet die Antwort in den Seiten Ihrer Website, Ihren Produktdaten und Ihren eigenen Dokumenten; bei Bedarf fragt er Bestand, Versand oder Kalender in diesem Moment ab. Möchte der Besucher ein Angebot oder einen Termin, sammelt er die nötigen Angaben im Chat und leitet die Anfrage direkt an Sie oder Ihr CRM weiter.

Auf Ihr Unternehmen trainiert

Im Hintergrund arbeitet GPT, Claude oder Gemini. Wir trainieren den Assistenten mit den Inhalten Ihrer Website, Ihrem Produktkatalog, Ihren Preislisten und Ihren häufigen Fragen. Er spricht ausschließlich mit Ihren Informationen; statt bei einem Thema, das er nicht kennt, zu raten, verweist er den Besucher an Ihr Team.

Für wen?

Geeignet ist er für Onlineshops, Unternehmen, Hotels, Kliniken, Bildungseinrichtungen und Dienstleister, die ihre Besucher zu Kundinnen und Kunden machen möchten.

Wo und wie sollte das Fenster des KI-Chatbots für Websites erscheinen?

Wie gut ein KI-Chatbot für Websites auch antwortet: Er nützt nichts, wenn der Besucher ihn nicht bemerkt oder sofort schließt, weil er die Seite verdeckt. Deshalb gestalten wir bei der Einrichtung neben der Qualität der Antworten auch die Position des Chatfensters auf Ihrer Website, die Art, wie es sich öffnet, und sein Verhalten auf Mobilgeräten. Das Ziel ist ein KI-Chatbot, der da ist, wenn der Besucher ihn sucht, aber das Navigieren nicht stört.

Begrüßungsnachricht und automatisches Öffnen

Ein KI-Chatbot-Fenster, das sich beim Öffnen der Seite sofort vergrößert, stört die meisten Besucher. Wir empfehlen, in der Regel mit einem kleinen Symbol zu beginnen und die Begrüßungsnachricht passend zum Inhalt der Seite zu schreiben. Ein Satz wie „Haben Sie eine Frage zu diesem Produkt?“ auf der Produktseite oder „Finden wir gemeinsam das passende Paket“ auf der Preisseite ist ein sinnvollerer Einstieg als eine allgemeine Begrüßung.

Chat auf Mobilgeräten

Bei vielen Websites kommt der Großteil der Besucher vom Smartphone. Auf Mobilgeräten kann der KI-Chatbot den ganzen Bildschirm einnehmen; deshalb muss die Schaltfläche zum Schließen leicht zu finden sein, die geschriebene Nachricht bei geöffneter Tastatur sichtbar bleiben und das Fenster darf sich nicht mit festen Elementen wie „In den Warenkorb“ oder der WhatsApp-Schaltfläche überschneiden. Diese Details testen wir vor dem Livegang auf Smartphones mit verschiedenen Bildschirmgrößen.

Optische Anpassung und Vorstellung

Farben, Schrift, Eckenrundung des Fensters und der Name des Assistenten richten sich nach der Designsprache Ihrer Website. Dem Assistenten einen Namen und einen kurzen Vorstellungssatz zu geben, erleichtert es dem Besucher zu verstehen, wem er gegenübersteht. In dieser Vorstellung empfehlen wir, klar zu sagen, dass man mit einem KI-Chatbot schreibt; wenn der Besucher weiß, womit er spricht, richtet er auch seine Erwartung danach aus.

Chat-Szenarien nach Seitentyp

Auf welcher Seite sich der Besucher befindet, sagt viel darüber aus, was seine Frage sein könnte. Kennt ein KI-Chatbot den Seitenkontext, muss er nicht raten, welches Produkt oder welche Leistung der Besucher mit „das“ meint. Szenarien für den KI-Chatbot für Websites schreiben wir deshalb für jeden Seitentyp getrennt.

• Produktseite: Fragen zu Größe, Maßen, Kompatibilität, Bestand und Lieferung; Vergleich mit ähnlichen Produkten
• Kategorie und Suchergebnisse: den Bedarf des Besuchers mit wenigen Fragen eingrenzen und passende Produkte empfehlen
• Leistungs- und Preisseiten: erklären, welches Paket zu wem passt, und die für ein Angebot nötigen Angaben sammeln
• Warenkorb und Bezahlschritt: Fragen in letzter Minute, etwa zu Versandkosten, Zahlungsmöglichkeiten und Rückgabebedingungen
• Blog- und Ratgeberinhalte: die Frage des Lesers beantworten und zum passenden Produkt oder zur passenden Leistung weiterleiten
• Kontaktseite: einfache Fragen beantworten, die vor dem Ausfüllen des Formulars gestellt werden, bei Bedarf einen Termin vereinbaren

Wie wird die Produktempfehlung aufgebaut?

Fragt der Besucher „Welches ist das Richtige für mich?“, nennt der KI-Chatbot nicht sofort einen Produktnamen, sondern stellt zuerst einige kurze Fragen: zum Verwendungszweck, zur Budgetspanne, zu Maß- oder Farbwunsch. Danach wählt er nur aus den Produkten, die auf Lager sind, und erklärt in ein, zwei Sätzen, warum er sie empfiehlt. So sieht der Besucher, dass die Empfehlung nicht zufällig ist.

Für einen richtigen Vergleich müssen die Produktinformationen ordentlich gepflegt sein. Sind Eigenschaften wie Maße, Material, Kompatibilität und Garantie nicht verstreut in der Produktbeschreibung, sondern in eigenen Feldern hinterlegt, kann der KI-Chatbot für Websites zwei Produkte nach denselben Kriterien nebeneinanderstellen. Diese Ordnung verbessert zugleich die Filter und die Produktseiten Ihrer Website.

Beispiele nach Branche

In einem Onlineshop arbeitet der KI-Chatbot für Websites meist an der Produktsuche und an Fragen nach der Bestellung. In einem Hotel stehen Zimmertypen, Verfügbarkeit und Ausstattung der Anlage im Vordergrund; in einer Klinik allgemeine Informationen zum Ablauf und Termine; bei einem B2B-Hersteller technische Eigenschaften und Angebotsanfragen. Dieselbe Infrastruktur arbeitet in jeder Branche mit einem anderen Gesprächsaufbau.

Chat statt Formular: Wann ist das sinnvoll?

Ein langes Angebotsformular kann den Besucher, besonders auf Mobilgeräten, auf halbem Weg verlieren. Im Chat Angaben zu sammeln ist weniger ermüdend, weil die Fragen einzeln gestellt werden, und die nächste Frage kann sich nach der gegebenen Antwort richten. Dennoch möchte nicht jeder Besucher chatten; deshalb empfehlen wir, das Formular nicht ganz zu entfernen, sondern beide Wege zusammen anzubieten.

Angaben, die im Chat gesammelt werden, gelangen wie Anfragen aus dem Formular an Ihre E-Mail-Adresse oder in Ihren CRM-Eintrag. Der Unterschied ist, dass neben der Anfrage auch eine kurze Zusammenfassung des Gesprächs eintrifft: welches Produkt sich der Besucher angesehen hat, was er gefragt hat und wofür er sich interessiert. Ihr Vertriebsteam führt den ersten Anruf mit diesem Kontext.

Der Inhalt, den der Assistent liest: Ihre Website vorbereiten

Der KI-Chatbot für Websites bezieht den größten Teil seiner Antworten aus den eigenen Seiten Ihrer Website. Das bedeutet, dass jede fehlende, veraltete oder widersprüchliche Information auf Ihrer Website auch im Chatfenster landet. Der Inhaltscheck, den wir vor der Einrichtung durchführen, ist gewissermaßen ein allgemeiner Gesundheitscheck Ihrer Website.

Worauf wir beim Inhaltscheck achten

• Seiten, deren Preis, Kampagne oder Datum abgelaufen ist
• Stellen, an denen dasselbe Thema auf verschiedenen Seiten unterschiedlich erzählt wird, zum Beispiel zwei verschiedene Lieferzeiten
• Informationen, die im Bild stecken: als Bild hochgeladene Tabellen oder Preislisten
• Technische Angaben, die nur in herunterladbaren PDF-Dateien stehen
• Bereiche, die der Assistent nicht lesen soll: Mitgliederbereich, altes Archiv und Testseiten

Die Korrekturen aus dem Check nützen nicht nur dem Assistenten; dieselben Lücken erschweren auch Besuchern und Suchmaschinen die Arbeit. Die Informationen auf Ihrer Website in Ordnung zu bringen, hängt deshalb auch unmittelbar mit den SEO-Maßnahmen zusammen.

PDF-Katalog, Preisliste und Dokumente

Auch Kataloge, technische Datenblätter und Preislisten, die nicht auf Ihrer Website veröffentlicht sind, lassen sich der Wissensquelle des Assistenten hinzufügen. Hier müssen zwei Fragen von Anfang an beantwortet werden: Ist der Inhalt dieses Dokuments für alle offen oder nur für Ihre Händler gedacht? Und welches ist die aktuelle Fassung des Dokuments? Eine Liste mit Händlerpreisen möchten Sie nicht mit einem KI-Chatbot teilen, der für Endkundinnen und Endkunden offen ist.

Für jedes Dokument festzulegen, wer es aktualisiert und wann die alte Fassung entfernt wird, verhindert später widersprüchliche Antworten. Wird beim Hochladen des Katalogs für die neue Saison der alte nicht aus der Quelle entfernt, muss der KI-Chatbot zwischen zwei Katalogen entscheiden.

Produktdaten und Aktualität

Der KI-Chatbot liest die Texte auf den Seiten in bestimmten Abständen neu ein, aber für Informationen, die sich im Tagesverlauf ändern können, wie Bestand und Preis, reicht das nicht. In Onlineshops richten wir eine Verbindung ein, die diese Daten in dem Moment, in dem die Frage kommt, direkt aus Ihrer Infrastruktur abfragt. Überlegen Sie, Ihre Website neu aufzubauen, können Sie sich für eine Struktur, die den Assistenten von Anfang an berücksichtigt, auch unsere Leistung Onlineshop-Entwicklung ansehen.

Geschwindigkeit, Barrierefreiheit und Sicherheit

Jedes Stück Code, das Ihrer Website hinzugefügt wird, kann Ladezeit und Nutzererfahrung beeinflussen. Auch ein KI-Chatbot-Fenster ist letztlich ein Skript, das auf Ihre Website geladen wird; wie es eingebunden wird, wirkt sich unmittelbar auf Leistung und Barrierefreiheit Ihrer Website aus.

Die Ladezeit schützen

Den Code des Chatfensters fügen wir so hinzu, dass er erst läuft, nachdem der eigentliche Inhalt der Seite geladen ist; so wartet der Besucher, während er auf die Seite wartet, nicht auch noch auf das Chat-Werkzeug. Googles Core Web Vitals, mit denen die Seitenerfahrung gemessen wird, betrachten Ladegeschwindigkeit, Reaktionszeit auf Interaktionen und visuelle Verschiebungen. Indem wir diese Messwerte vor und nach der Einrichtung vergleichen, prüfen wir, ob das Fenster Ihre Website verlangsamt.

Ein Fenster, das alle nutzen können

Das Chatfenster muss sich per Tastatur öffnen und schließen lassen, Screenreader müssen neu eintreffende Nachrichten ansagen können, und zwischen Text und Hintergrund muss ausreichender Kontrast bestehen. Diese Grundsätze werden in den Richtlinien, die die Web Accessibility Initiative (WAI) des W3C veröffentlicht, ausführlich beschrieben. Ein barrierefreies Fenster bietet Besuchern mit Seh- oder Bewegungseinschränkungen und allen anderen eine bequemere Nutzung.

Schutz vor Missbrauch

In ein öffentlich zugängliches Chatfenster kommen nicht nur Nachrichten von echten Kundinnen und Kunden. Es kommen auch Bots, die Spam senden, Nutzer, die den Assistenten vom Thema ablenken wollen, und Nachrichten, die darauf abzielen, interne Anweisungen in die Hand zu bekommen. Deshalb setzen wir Maßnahmen wie eine Nachrichtenbegrenzung pro Besucher um, beschränken den Assistenten so, dass er nur zu Themen spricht, die Ihr Unternehmen betreffen, und halten seine Berechtigungen in angebundenen Systemen eng.

Angaben, die der Besucher im Chat teilt, etwa Name, E-Mail oder Telefonnummer, sind personenbezogene Daten. Ein guter Anfang ist es, aus dem Fenster heraus auf den Informationstext Ihrer Website zu verlinken und dafür zu sorgen, dass der Assistent nur die Angaben erfragt, die die Anfrage erfordert.

Was sagen die Chatprotokolle über Ihre Website?

Ein KI-Chatbot für Websites hält die Informationen, die Ihre Besucher auf Ihrer Website suchen und nicht finden, in ihren eigenen Worten fest. Analytics-Werkzeuge zeigen, welche Seite besucht wurde; Chatprotokolle erzählen, was die Menschen auf dieser Seite wissen wollten. Dieser Unterschied ist eine wertvolle Quelle, um Ihre Website zu verbessern.

• Fehlende Informationen: Wird dieselbe Frage auf einer Produktseite oft gestellt, fehlt die Antwort auf dieser Seite entweder oder sie ist nicht sichtbar.
• Neue Content-Ideen: Wiederkehrende Fragen sind eine fertige Themenliste für einen Blogbeitrag oder einen FAQ-Bereich.
• Kaufhürden: Fragen im Warenkorb und im Bezahlschritt zeigen die Bedenken, die den Besucher aufhalten.
• Nachgefragte Produkte: Produkte oder Leistungen, nach denen gefragt wird, die Sie aber nicht anbieten, können auf neue Chancen hinweisen.
• Sprachbedarf: In welchen Sprachen Besucher schreiben, gibt einen Hinweis darauf, in welche Sprachen Ihre Website übersetzt werden sollte.

Den Beitrag des Chats zum Verkauf sehen

Schritte wie das Öffnen des Chatfensters, die Empfehlung eines Produkts oder das Hinterlassen einer Anfrage im Chat können als eigene Ereignisse an Ihr Web-Analytics-Werkzeug gesendet werden. So sehen Sie anhand Ihrer eigenen Daten, wie sich Besucher, die mit dem KI-Chatbot für Websites sprechen, auf der Website bewegen, auf welchen Seiten der Chat häufiger genutzt wird und wie viele Anfragen nach dem Chat entstehen.

Beim Aufbau dieser Verbindung müssen Ihre Einstellungen zu Analytics und Cookies eingehalten werden; Messungen, in die der Besucher nicht eingewilligt hat, dürfen auch für den Chat nicht ausgeführt werden. Welche Ereignisse verfolgt werden, legen wir nach der Prüfung Ihrer bestehenden Analytics-Einrichtung gemeinsam fest.

Berichte

Die Fragethemen und Beispielgespräche aus den Chats fassen wir regelmäßig in Berichten zusammen. Diese Berichte werten wir gemeinsam mit Ihnen nicht nur aus, um die Wissensquelle des Assistenten zu aktualisieren, sondern auch, um die Texte, die Produktseiten und den FAQ-Bereich Ihrer Website zu verbessern.

Einrichtung und Plattformkompatibilität

Der KI-Chatbot für Websites arbeitet mit einem kurzen Code-Snippet, das Ihrer Website hinzugefügt wird; deshalb lässt er sich in die meisten Websites mit WordPress, WooCommerce, Shopify oder individueller Entwicklung einbinden. Der Code kann direkt im Theme, über ein Plugin oder über einen Tag-Manager wie den Google Tag Manager eingefügt werden. Welcher Weg passt, hängt davon ab, wer Ihre Website verwaltet und wie Updates durchgeführt werden.

Wohin der Code eingefügt wird, wird später wichtig. Wird der Code in WordPress direkt in die Dateien des Themes geschrieben, kann er durch ein Theme-Update gelöscht werden; deshalb bevorzugen wir einen Weg, der von Updates nicht betroffen ist, etwa ein Child-Theme, ein Plugin oder einen Tag-Manager. Wird Ihre Website von einem anderen Team gewartet, verhindert es späteres Durcheinander, auch diesem die Stelle des Codes mitzuteilen.

Bevor wir das Fenster für alle Besucher öffnen, testen wir es in einer Testkopie Ihrer Website oder so, dass es nur für Ihr Team sichtbar ist. In dieser Phase prüfen wir sowohl die Antworten als auch das Erscheinungsbild des Fensters in verschiedenen Browsern und auf verschiedenen Geräten.

Ablauf bei Terminen und Reservierungen

Bei Unternehmen, die mit Terminen arbeiten, kann der KI-Chatbot die freien Zeiten im Google Kalender im Chat als auswählbare Optionen anzeigen. Wählt der Besucher eine Uhrzeit, werden Name und Kontaktdaten aufgenommen, der Eintrag wird in den Kalender übernommen und die Anfrage per E-Mail an Sie weitergeleitet. Regeln wie Öffnungszeiten, Termindauer und die Zahl der Einträge, die für dieselbe Uhrzeit angenommen werden können, legen wir bei der Einrichtung gemeinsam mit Ihnen fest.

Mehrsprachige Websites

Hat Ihre Website mehrere Sprachversionen, antwortet der KI-Chatbot für Websites in der Sprache, in der der Besucher schreibt. Hier ist die Quelle der Antwort zu beachten: Widerspricht eine Information, die einem englischsprachigen Besucher aus der türkischen Seite übersetzt gegeben wird, der auf der englischen Seite, muss von Anfang an festgelegt sein, welche gilt. Details wie Produktnamen, Maßeinheiten und Währung testen wir für jede Sprache gesondert.

Wechsel zum Live-Mitarbeiter und zu WhatsApp

Manche Besucher möchten statt mit einem KI-Chatbot lieber mit einem Menschen sprechen oder später von ihrem Telefon aus weitermachen. Der Assistent kann das Gespräch in diesem Fall während der Geschäftszeiten an einen Live-Mitarbeiter übergeben oder den Besucher zu WhatsApp weiterleiten. In welcher Situation welcher Weg geöffnet wird, legen wir gemeinsam nach dem Arbeitsablauf Ihres Teams fest.

Häufig gestellte Fragen

Verlangsamt der KI-Chatbot für Websites meine Website?

Wird der Code so eingefügt, dass er nach dem eigentlichen Inhalt der Seite geladen wird, bleibt die Auswirkung meist gering. Dennoch messen wir die Ladezeit vor und nach der Einrichtung und vergleichen sie.

Mit welchen Website-Infrastrukturen arbeitet der KI-Chatbot?

Da das Chatfenster mit einem kurzen Code-Snippet hinzugefügt wird, funktioniert es auf WordPress, WooCommerce, Shopify und den meisten individuell entwickelten Websites. Damit Live-Daten wie Bestand und Bestellungen gelesen werden können, muss die Infrastruktur eine API oder einen ähnlichen Verbindungsweg bieten.

Was antwortet der KI-Chatbot auf eine Frage, zu der meine Website nichts enthält?

Findet der Assistent die Antwort nicht auf Ihrer Website, in Ihren Dokumenten oder in angebundenen Systemen, ist er so eingerichtet, dass er das sagt, statt zu raten. Danach nimmt er die Kontaktdaten des Besuchers auf und leitet die Frage an Ihr Team weiter oder verweist ihn an einen Live-Mitarbeiter.

Können wir das Erscheinungsbild des Chatfensters ändern?

Ja. Farben, Schrift, Name des Assistenten, Begrüßungsnachrichten und Position des Fensters richten sich nach dem Design Ihrer Website; die Begrüßungsnachrichten können auch je nach Seitentyp unterschiedlich geschrieben werden.

Was ist der Unterschied zwischen einem KI-Chatbot und einer Live-Support-Software?

Bei einer Live-Support-Software beantwortet ein Mitarbeiter jede Nachricht. Ein KI-Chatbot beantwortet Fragen dagegen selbst mit den Inhalten Ihrer Website und angebundenen Systemen und übergibt nur die Gespräche an einen Live-Mitarbeiter, die er dafür für nötig hält; beide Strukturen lassen sich auch gemeinsam nutzen.

Trägt ein KI-Chatbot für Websites zur SEO bei?

Das Chatfenster allein verbessert Ihr Suchranking nicht. Die Fragen, die in den Chatprotokollen hervorstechen, zeigen aber Informationen, die auf Ihrer Website fehlen; werden sie Ihren Seiten hinzugefügt, wird Ihr Inhalt für Besucher nützlicher.

Planen wir den passenden Chat-Assistenten für Ihre Website

Teilen Sie uns die Adresse Ihrer Website, die Fragen, die Ihre Besucher am häufigsten stellen, und die Systeme mit, die angebunden werden sollen; gemeinsam erarbeiten wir, auf welcher Seite für den KI-Chatbot für Websites welches Szenario eingerichtet wird. Denken Sie den Assistenten neben der Website auch für andere Kanäle, können Sie sich unsere Seite Chatbots & KI-Assistenten ansehen und uns über unsere Kontaktseite erreichen.