Widget

Widget anpassen

Stil, Farben, Position, erlaubte Domains, automatisches Öffnen, Datenschutz und rechtliche Hinweise des Widgets.

Wo du es einstellst

Alles Wichtige stellst du am Assistenten ein, nicht im Code: Bereichsübersicht → Zahnrad an der Assistenten-Kachel, dort die Abschnitte Erscheinungsbild („Theme, Farben, Position“) und Erweitert („Domains, Auto-Open, Rechtliches, Start-Screen“). Nötig ist das Recht Assistenten bearbeiten. Änderungen gelten nach dem Speichern sofort auf deiner Website.

Begrüßung, Startfragen und Figuren beschreibt Aussehen des Assistenten.

Stil

Stil	Beschreibung
Modern	Weiche Ecken, Schatten. Hier kannst du ein eigenes Bild als Avatar nutzen.
Klassisch	Kompakt und kantig
Animiert	Mit schwebender Figur

Position

Unten rechts, unten links, oben rechts oder oben links. Im Code kannst du die Position mit data-position überschreiben (siehe Einbindung).

Farben

Wähle unter Farbschema eine Vorlage. Unter Feinabstimmung stellst du 16 Farben einzeln ein:

Bereich	Farben
Allgemein	Akzent
Kopfzeile	Header BG, Header Text
Fenster	Widget BG, Widget Text
Antworten des Assistenten	Assistenten-Bubble BG, Assistenten-Bubble Text
Nachrichten des Besuchers	User-Bubble BG, User-Bubble Text
Eingabefeld	Input BG, Input Text
Knöpfe	Button BG, Button Text
Menüpunkte	Menüpunkt BG, Menüpunkt Text

Mit Branding-Footer anzeigen blendest du „Powered by Lymbe AI“ unten im Fenster ein oder aus.

Kein eigenes CSSDas Widget läuft in einem eigenen Fenster (iframe). CSS deiner Website wirkt darin nicht. Farben und Stil stellst du ausschließlich im Portal ein.

Erlaubte Domains

Unter Erweitert → Erlaubte Domains legst du fest, auf welchen Websites das Widget arbeiten darf. Hinweis im Feld: „Kommagetrennt · leer = überall erlaubt“.

Beispiel: example.com, app.example.com
Subdomains sind automatisch erlaubt: example.com erlaubt auch shop.example.com.
www., https://, Pfade und *. darfst du mit eintragen, sie werden ignoriert.
Geprüft wird beim Laden des Fensters, bei jeder Nachricht, bei Ereignissen der Auswertung und bei der Spracheingabe.
Für Tests auf deinem Rechner trägst du localhost ausdrücklich ein. Es ist nicht automatisch erlaubt.

Leer heißt überallOhne Eintrag kann jede Website dein Widget einbinden und damit dein Kontingent verbrauchen. Trag deine Domains ein, sobald das Widget live ist.

Automatisch öffnen

Feld	Bedeutung	Standard
Auto-Open Verzögerung	Sekunden bis zum Öffnen. Leer = aus, `0` = sofort	Aus
Auch auf dem Handy öffnen	Ohne diesen Schalter öffnet es sich nur am Computer von selbst	Aus
Von selbst auf Besucher zugehen	Der Assistent spricht Besucher je nach Seite und Verhalten an. Siehe Proaktive Ansprache	Aus

Das automatische Öffnen passiert höchstens einmal je Besuch. Mit ?lymbe_teaser=reset an der Adresse siehst du es beim Testen erneut.

Verhalten

Unter Verhalten des Widgets schaltest du Sound-Effekte, den Tipp-Indikator und das Sentiment-Tracking (Stimmung im Gespräch für die Auswertung) ein oder aus.

Messung und Datenschutz

Schalter	Wirkung
Website- & Assistenten-Analytics	Seitenaufrufe, Scrolltiefe und Ereignisse für die Auswertung messen. Ohne Cookies.
Do-Not-Track respektieren	Browser mit Do-Not-Track werden nicht gemessen
Global Privacy Control respektieren	Browser mit GPC werden nicht gemessen

Mehr dazu unter Datenschutz in der Auswertung.

Rechtliche Hinweise im Widget

Feld	Bedeutung
Rechtliche Hinweise im Widget	Blendet die Angaben unten im Fenster ein
Zustimmung vor dem ersten Chat	Besucher müssen vor der ersten Nachricht zustimmen
Verantwortlicher, Anschrift, Kontakt	Wer für die Datenverarbeitung verantwortlich ist
Datenschutzerklärung (URL)	Link auf deine Datenschutzerklärung

Hintergrund findest du unter Datenschutz.

Häufige Fragen

Frage	Antwort
Kann ich die Sprache des Widgets per Attribut festlegen?	Nein. Es gibt keine weiteren `data-`-Attribute als die fünf unter Einbindung.
Kann ich den runden Knopf ausblenden und das Widget nur per eigenem Knopf öffnen?	Ein Attribut dafür gibt es nicht. Eigene Knöpfe kannst du mit `LymbeWidget.open()` verbinden (siehe JavaScript-Ereignisse).
Meine Farbe aus dem Portal wird ignoriert	Steht `data-color` im Code (manche Plugins setzen es fest), gewinnt der Code. Attribut entfernen.

VorherigeEinbindung NächsteJavaScript-Ereignisse