AI Assistant Widget

Das AI Assistant Widget ist ein schwebender KI-Chat am unteren Bildschirmrand deiner Website. Besucher können ihn öffnen, Fragen tippen oder sprechen und bekommen Antworten, die ausschließlich auf den öffentlichen Inhalten deiner Website basieren. Der Assistent verlinkt außerdem auf passende Seiten, führt zu Formularen, kann Besucher aktiv durch die Website navigieren — und mit Lead-Flows komplette Anfragen im Gespräch erfassen.

⚠️ Nicht verwechseln: Das AI Assistant Widget ist der KI-Chat für deine Website-Besucher. Der AI Assistant (ohne “Widget”) ist der KI-Chat für dich als Redakteur im WaaS-Backend – zwei getrennte Features mit unterschiedlichem Zweck. Wenn hier vom “Assistenten” die Rede ist, ist immer das Widget gemeint.

Diese Seite beschreibt, wie du das Widget aktivierst, was deine Besucher damit erleben und wie du an einzelnen Modulen gezielt KI-Hilfe einrichten kannst.

Worum es geht

Deine Website hat oft mehr Inhalt, als Besucher auf Anhieb finden. Wer keine Zeit hat zu suchen oder nicht weiß, welche Seite die Antwort hat, springt ab. Das AI Assistant Widget schließt diese Lücke: eine kurze Frage im Chat, sofort eine Antwort mit Links zu den passenden Seiten – und bei Kontakt-Absicht ein direkter Weg zum richtigen Formular.

Das Widget ersetzt keine gute Navigation und keine gut geschriebenen Seiten. Es ist die zusätzliche Selbstbedienungs-Schicht für die Besucher, die schneller ans Ziel wollen.

Was der Assistent für deine Besucher leistet

Fragen zu deinen Inhalten beantworten

Der Assistent kennt den kompletten öffentlichen Inhalt deiner Website (alle Seiten und Blog-Beiträge, in allen aktivierten Sprachen) und antwortet kurz und faktentreu. Er erfindet nichts – wenn die Antwort nicht auf deiner Website steht, sagt er das ehrlich und verweist auf deine Kontaktmöglichkeit. Fragen außerhalb deines Themas (Politik, Wetter, Programmierhilfe) lehnt er höflich ab.

Auf passende Seiten verlinken

Unter jeder Antwort erscheinen bis zu zwei Link-Karten zu den relevantesten Seiten deiner Website. Alle Links führen ausschließlich auf deine eigene Domain – Fremd-Links werden systemseitig ausgeschlossen.

Zu Formularen führen

Erkennt der Assistent eine konkrete Kontakt-, Angebots- oder Buchungs-Absicht (“Ich möchte ein Angebot”, “Ich brauche eine Beratung”), schlägt er einen Formular-Button vor, der direkt zur passenden Formularseite führt.

Auf explizite Aufforderung (“Bring mich zur Kontaktseite”, “Öffne die Preisseite”) navigiert der Assistent den Besucher direkt zur Zielseite. Der Chat bleibt dabei erhalten und öffnet sich auf der Zielseite automatisch wieder – der Assistent führt den Besucher aktiv durch die Website.

Spracheingabe

Ein Klick auf das Mikrofon-Symbol reicht: Besucher können ihre Frage sprechen. Das Transkript erscheint zur Kontrolle im Eingabefeld und wird erst nach Bestätigung gesendet. Das funktioniert in allen aktivierten Website-Sprachen. In Browsern ohne integrierte Spracherkennung (z. B. Firefox) blendet sich der Mikrofon-Button automatisch aus.

Konversation über Seitenwechsel hinweg

Der Gesprächsverlauf bleibt beim Klicken durch die Website erhalten – solange der Besucher im gleichen Browser-Tab bleibt. Klickt er eine vom Assistenten vorgeschlagene Seite an, ist der Chat dort sofort wieder da. Beim Schließen des Tabs wird alles automatisch gelöscht.

Mehrsprachigkeit

Ist deine Website mehrsprachig, antwortet der Assistent immer in der Sprache der aufgerufenen Seite und nutzt die übersetzten Inhalte der jeweiligen Sprachversion. Aktuell unterstützt: Deutsch, Englisch, Französisch, Spanisch, Italienisch.

Konfiguration im WaaS-Backend

Die Aktivierung und Deaktivierung des Widgets übernehmen wir – dazu gehören die Einrichtung des KI-Anbieters, der Missbrauchsschutz und die Freischaltung im Backend. Wenn du das Widget haben oder abschalten möchtest, sprich uns an.

Sobald das Widget für deine Instanz aktiv ist, kannst du im WaaS-Backend unter “Globale Einstellungen” deinen Begrüßungstext pflegen:

Begrüßungstext

Individueller Einstiegssatz, mit dem der Chat beim Öffnen begrüßt (z. B. “Hi, ich helfe dir bei Fragen rund um unsere Leistungen”). Bei mehrsprachigen Sites pflegst du den Begrüßungstext pro Sprache. Lässt du das Feld leer, wird ein neutraler Standardtext angezeigt.

💡 Tipp für den Begrüßungstext: Nenne ein bis zwei Beispielfragen, die typische Besucher haben (“Frag mich zu Preisen, Terminen oder unserer Rückgabegarantie.”). Das senkt die Hemmschwelle und liefert dir bessere Fragen.

KI-Hilfe an einzelnen Modulen einrichten (optional)

Neben der globalen Aktivierung kannst du an einzelnen PageBuilder-Modulen gezielt KI-Hilfe einbauen. Das ist besonders bei komplexen Formularen, mehrstufigen Prozessen oder erklärungsbedürftigen Angeboten sinnvoll.

Pro Modul stehen dir drei Einstellungen zur Verfügung:

KI Hilfe (Schalter)

Aktiviert die proaktive Sprechblase: Sobald der Besucher das Modul in den sichtbaren Bereich scrollt und dort kurz verweilt, erscheint über dem Widget eine dezente Sprechblase (“Ich helfe dir gern beim Ausfüllen des Antrags”). Ein Klick öffnet den Chat, die Sprechblase wird zur Startnachricht.

Die Sprechblase erscheint pro Modul maximal einmal pro Sitzung und lässt sich vom Besucher wegklicken. Kein Popup-Effekt, keine Wiederholungen.

KI-Hilfe Nachricht

Der Text, der als Sprechblase erscheint und den Chat startet. Kurz, freundlich und konkret formulieren. Beispiele:

Bei einem Bewerbungsformular: “Fragen zum Bewerbungsprozess? Ich helfe dir weiter.”
Bei einem Konfigurator: “Nicht sicher, welche Option passt? Frag mich.”
Bei einer FAQ-Sektion: “Deine Frage ist nicht dabei? Tipp sie mir hier.”

Lässt du das Feld leer, greift ein neutraler Standardtext.

KI-Hilfe Kontext (unsichtbares Zusatzwissen)

Hintergrundwissen, das der Assistent bei allen Antworten zu diesem Modul kennt, das aber nirgends auf der Seite sichtbar ist. Nützlich für:

Detailinformationen, die im Teaser nur angerissen sind (“Der Preis gilt inkl. Lieferung innerhalb Deutschlands, außerhalb + 15 €”)
Interne Prozessinfos, die für Besucher relevant sind (“Rückmeldung erfolgt innerhalb von 24 Stunden werktags”)
Klarstellungen zu häufigen Missverständnissen

⚠️ Wichtig: Alles im Feld “KI-Hilfe Kontext” ist quasi-öffentlich – der Assistent kann jede darin genannte Information an Besucher weitergeben. Trage dort keine Interna ein (Einkaufspreise, interne Notizen, Zugangsdaten, Namen von Ansprechpartnern, die nicht öffentlich sind). Präzise, faktische Sätze funktionieren am besten – mehrdeutige Formulierungen übernimmt der Assistent wörtlich.

KI Lead-Flow

Verknüpft das Modul mit einem Lead-Flow (siehe nächster Abschnitt): Der Klick auf die Sprechblase startet dann die Gesprächs-Erfassung statt des normalen Hilfe-Chats. Die “KI-Hilfe Nachricht” wird dabei zur Ansprache in der Sprechblase. Voraussetzung: Der Schalter “KI Hilfe” ist aktiviert.

Lead-Flows: Anfragen im Gespräch erfassen (optional)

Mit Lead-Flows wird der Assistent vom Antwortgeber zum aktiven Gesprächspartner: Statt ein Formular auszufüllen, beantwortet dein Besucher die Fragen direkt im Chat – zum Beispiel “Konfiguriere deine Küche”, eine Bedarfsanalyse oder eine Erstanfrage. Technisch basiert jeder Flow auf einem ganz normalen Smart Lead Magnet-Formular: Du pflegst die Felder an einer Stelle, der Assistent fragt sie im Gespräch ab.

Die Anfrage landet am Ende exakt wie eine Formular-Einsendung in deinem CRM, löst dieselben E-Mail-Benachrichtigungen aus, nutzt dieselben dynamischen Ergebnis-Seiten (Quiz-Auswertung) und zählt als dieselbe Conversion. Der Lead-Flow ist also kein zweites System, sondern eine dritte Ausspielform deines Formulars – neben der Formularseite und der Klickstrecke.

Was deine Besucher erleben

Ansprache: Am verknüpften Modul erscheint die Sprechblase (“Sind Sie auf der Suche nach einer neuen Küche?”) – oder der Flow startet über einen Button-Link (siehe unten).
Transparenz zuerst: Vor der ersten Frage erklärt der Assistent, welche Daten wofür erhoben werden, und holt die Datenschutz-Zustimmung über eine echte Checkbox ein – kein “Tipp einfach Ja”.
Fragen im Gespräch: Auswahlfragen beantwortet der Besucher mit antippbaren Antwort-Chips, Name und E-Mail tippt er frei – gerne auch beides in einem Satz (“Ich heiße Anna, anna@beispiel.de”), der Assistent ordnet die Angaben selbst zu.
Zwischenfragen jederzeit: Mitten im Flow kann der Besucher etwas fragen (“Was ist der Unterschied zwischen den Stilen?”) – der Assistent antwortet aus deinen Website-Inhalten und kehrt danach zum Flow zurück. Das kann kein klassisches Formular. Link-Karten oder Formular-Buttons zeigt der Assistent während des Flows bewusst nicht – nichts führt vom Gespräch weg, bevor die Anfrage abgeschickt ist.
Kontrolle vor dem Absenden: Am Ende zeigt der Assistent eine Zusammenfassung aller Angaben mit Ändern-Links. Erst der Klick auf “Absenden” übermittelt die Anfrage – der Assistent kann niemals selbstständig absenden.
Ergebnis: Nach dem Absenden erscheint deine Erfolgsmeldung oder das passende Quiz-Ergebnis mit Call-to-Action – wie beim Smart Lead Magnet.

Bricht der Besucher ab oder wechselt die Seite, bleibt der Stand des Gesprächs im Tab erhalten – er kann nahtlos weitermachen.

So richtest du einen Flow ein

Formular vorbereiten: Im Smart Lead Magnet das Formular anlegen oder ein bestehendes verwenden. Kurz halten (ideal: 3–6 Felder) – ein Chat verzeiht keine Feldwüsten.
Flow anlegen: Im WaaS-Backend unter “KI Lead-Flows” einen Eintrag erstellen: Name, das verknüpfte Formular, die Ansprache (Text der Sprechblase und Gesprächseinstieg) und die Einleitung (der Transparenz-Text vor der Zustimmung). Optional: eine eigene Abschluss-Nachricht.
Auslöser wählen – beides ist kombinierbar:
- Am Modul: In den Modul-Einstellungen “KI Hilfe” aktivieren und den Flow im Feld “KI Lead-Flow” auswählen – die Sprechblase erscheint, wenn der Besucher das Modul sieht.
- Per Link: Jeder Button oder Kampagnen-Link kann den Flow direkt starten (wir richten dir den passenden Link ein – z. B. für Newsletter oder Anzeigen).

⚠️ Feldtypen-Grenze: Datei-Upload- und Terminbuchungs-Felder kann der Chat aktuell noch nicht abfragen. Enthält dein Formular solche Felder als Pflichtfelder, startet der Flow nicht – nutze dann eine Variante des Formulars ohne diese Felder oder mache sie optional.

💡 Ergebnis-Buttons prüfen: Der Call-to-Action deiner Ergebnis-Seite erscheint nach dem Absenden auch im Chat. Verlinke dort nicht zurück auf die Formularseite – die Anfrage ist ja gerade im Gespräch gestellt worden. Wähle ein sinnvolles nächstes Ziel, z. B. eine Leistungs- oder Referenzseite.

Sensibler Modus (z. B. für Bewerbungen)

Für Flows mit sensiblen Angaben gibt es den sensiblen Modus: Die Antworten deiner Besucher werden dann wörtlich übernommen und nicht durch das KI-Modell geleitet – die KI stellt nur die Fragen und beantwortet Zwischenfragen aus deinen Website-Inhalten. Persönliche Angaben erreichen den KI-Anbieter in diesem Modus gar nicht. In Kombination mit unserem EU-Standard-Provider ist das die datensparsamste Variante der Gesprächs-Erfassung.

Vertrauen & Datenschutz bei Lead-Flows

Die Datenschutz-Zustimmung wird wie beim Formular als Einwilligung im CRM dokumentiert (Zeitpunkt + Quelle).
Der Spam-Schutz läuft unsichtbar im Hintergrund mit (FriendlyCaptcha, wie beim Formular).
Es gilt weiterhin: keine Cookies, keine serverseitige Speicherung des Gesprächs – gespeichert wird nur die abgeschickte Anfrage, exakt wie bei einer Formular-Einsendung.

Was der Assistent bewusst NICHT tut

Damit deine Besucher wissen, worauf sie sich verlassen können:

Er erfindet keine Preise, Konditionen oder Zusagen. Wenn eine Information nicht auf deiner Website steht, sagt er das offen und verweist auf deine Kontaktmöglichkeit.
Er kündigt keine Rechtsgeschäfte an. Er nimmt keine Buchungen, Kündigungen oder Vertragsänderungen entgegen – er verweist auf das passende Formular oder deinen Kontaktweg.
Er verlinkt nicht auf fremde Websites. Alle Links im Chat und in den Link-Karten führen ausschließlich auf deine eigene Domain.
Er beantwortet keine Off-Topic-Fragen. Politische, weltanschauliche, medizinische oder allgemeine Wissensfragen lehnt er höflich ab.

Datenschutz

Das Widget ist so gebaut, dass du keinen zusätzlichen Cookie-Banner brauchst:

Keine Cookies, kein Tracking, keine serverseitige Speicherung von Konversationen.
Der Chat-Verlauf liegt ausschließlich im Speicher des Browser-Tabs (sessionStorage) und löscht sich beim Schließen des Tabs automatisch.
Der Assistent bekommt keine personenbezogenen Daten von uns – er verarbeitet nur, was der Besucher in den Chat eintippt oder spricht.
Für die Spracheingabe nutzt der Browser seine eingebaute Spracherkennung. Je nach Browser kann das Audio-Daten an den Browser-Hersteller senden – wir weisen deine Besucher direkt am Mikrofon-Button transparent darauf hin.

KI-Anbieter (EU als Standard)

Für die Verarbeitung der Chat-Anfragen setzen wir standardmäßig einen KI-Anbieter mit Verarbeitung ausschließlich in der EU ein – ohne Drittland-Transfer, ohne Umweg über die USA. Auf Wunsch ist alternativ auch ein leistungsstarker KI-Anbieter mit US-Verarbeitung (Standard-Vertragsklauseln nach EU-Recht) verfügbar – bei gleicher Qualität und identischer Latenz. Sprich uns beim Aktivieren des Widgets darauf an, falls du eine bestimmte Variante brauchst.

Datenschutzerklärung ergänzen

Sobald du das Widget aktivierst, gehört ein kurzer Abschnitt in deine Datenschutzerklärung: Zweck (Beantwortung von Besucherfragen), eingesetzter KI-Anbieter, Hinweis zur Speicherfreiheit, Hinweis zur Browser-Spracherkennung. Wir liefern dir gerne einen fertigen Textbaustein passend zu deinem aktivierten Provider – melde dich einfach.

Aktivierung: Wer macht was

Schritt	Du als Kunde	Blackpattern
Widget für deine Instanz aktivieren oder deaktivieren	✓ (Wunsch melden)	✓ (umsetzen)
KI-Anbieter wählen (Standard EU, auf Wunsch US)	✓ (Wunsch melden)	✓ (einrichten)
Rate-Limits und Missbrauchsschutz konfigurieren	–	✓
Begrüßungstext(e) pflegen	✓	–
KI-Hilfe pro Modul einrichten (Nachricht + Kontext)	✓	–
Lead-Flows anlegen und an Modulen verknüpfen	✓	–
Flow-Start-Link für Buttons/Kampagnen einrichten	✓ (Wunsch melden)	✓ (Link liefern)
Datenschutzerklärung ergänzen	✓ (mit unserem Textbaustein)	–
Beispielfragen testen und Feintuning	✓	–

Häufige Fragen

Was kostet das Widget? Der Betrieb ist Standard-Bestandteil deines WaaS-Pakets. Kosten pro Chat-Anfrage liegen im Bruchteil-Cent-Bereich und sind über Rate-Limits abgesichert. Bei stark überdurchschnittlicher Nutzung sprechen wir dich rechtzeitig an – Überraschungen wird es nicht geben.

Wie schnell kommt der Assistent an neue Inhalte? Änderungen am Website-Inhalt sind für den Assistenten spätestens nach einer Stunde sichtbar – nach einem neuen Deployment sofort. Du musst nichts manuell aktualisieren.

Kann ich sehen, welche Fragen Besucher stellen? Aktuell nicht – wir speichern die Konversationen bewusst nicht (Datenschutz-Vorteil). Eine anonymisierte, aggregierte Auswertung (“welche Themen kommen am häufigsten?”) steht auf unserer Roadmap – gib uns kurz Bescheid, wenn du daran Interesse hast.

Funktioniert das Widget auch mobil? Ja, vollständig. Der Chat öffnet sich passend zur Bildschirmgröße, Sprach- und Text-Eingabe laufen auf iPhone und Android genauso wie am Desktop.

Kann ich das Widget nur auf bestimmten Seiten einblenden? Aktuell ist das Widget global aktiv oder global inaktiv. Die feinere Steuerung (nur auf X, nicht auf Y) ist als Erweiterung möglich – melde dich, wenn du das brauchst.

Was passiert, wenn der KI-Anbieter mal ausfällt? Für den Standard-Provider gibt es einen automatischen Fallback auf ein zweites Modell des gleichen Anbieters – Besucher merken einen Ausfall in fast allen Fällen nicht. Fällt beides gleichzeitig aus, blendet sich das Widget aus, die Website bleibt komplett normal nutzbar. Wir bekommen in diesem Fall eine Benachrichtigung und kümmern uns.

Kann ich das Widget selbst gestalten (Farben, Icons)? Das Widget übernimmt automatisch die Farbwelt deiner Website. Größere gestalterische Anpassungen (eigene Icons, spezifische Positionierung) sind Custom-Setup – lass uns kurz sprechen.

Ersetzt ein Lead-Flow mein Formular? Nein. Der Lead-Flow ist eine dritte Ausspielform desselben Smart-Lead-Magnet-Formulars – die Formularseite bleibt bestehen, beide Wege führen zu identischen Anfragen in deinem CRM. Besucher wählen einfach den Weg, der ihnen liegt.

Kann die KI beim Lead-Flow versehentlich falsche Daten absenden? Nein. Die KI ordnet nur zu, was der Besucher tippt – abgesendet wird ausschließlich, was in der Zusammenfassung steht, und nur nach dem Klick des Besuchers auf “Absenden”. Jeder Wert lässt sich dort vorher korrigieren.

Wie unterscheidet sich das AI Assistant Widget vom AI Assistant? Der AI Assistant ist der KI-Chat für dich als Redakteur im WaaS-Backend – er hilft dir beim Erstellen, Übersetzen und Auswerten von Inhalten. Das AI Assistant Widget ist der KI-Chat für deine Website-Besucher – er hilft ihnen, sich auf deiner Website zurechtzufinden. Beide sind eigenständige Features und ergänzen sich.

Brauchst du Hilfe?

Willst du das Widget aktivieren, brauchst du den Textbaustein für die Datenschutzerklärung oder möchtest du die EU-Provider-Variante einsetzen? Sprich uns an: help@website-as-a-service.io.