Ein Support-Widget, das zu deiner Website passt
Farbe, Darstellung, Position und Einbindung: So bekommt jede Website ihren eigenen Supportkanal.
No BS IO · 28. August 2026 · 3 Minuten Lesezeit
Erst das Support-Projekt, dann der Einbau
Lege für jede Website oder jedes Produkt ein eigenes Support-Projekt an. Hinterlege Wissen, Tonalität und Übergaberegeln. Veröffentliche den getesteten Stand, bevor du das Widget auf einer öffentlich erreichbaren Seite einsetzt.
Projekte teilen die technische Grundlage, aber nicht automatisch ihr Wissen. Eine allgemeine Frage nach „meinem Tarif“ darf nicht mit den Preisen eines anderen Produkts beantwortet werden. Halte daher auch bei ähnlichen Produkten die Quellen getrennt.
Den Look im Konfigurator einstellen
Im Einbau-Konfigurator kannst du eine Akzentfarbe, die helle oder dunkle Darstellung und die Position links oder rechts wählen. Die Systemdarstellung folgt der bevorzugten Darstellung des Browsers. Passe den Randabstand so an, dass der Launcher keine Cookie-Einstellungen oder wichtigen Aktionen verdeckt.
Diese Einstellungen werden in den erzeugten Einbau-Code übernommen. Wenn du denselben Assistenten auf unterschiedlich gestalteten Seiten verwendest, kannst du dafür unterschiedliche Einbau-Codes erstellen. Die veröffentlichte Wissensversion bleibt dieselbe.
- Lesbare Akzentfarbe wählen
- Hell und Dunkel prüfen
- Abstand zu Navigation und Cookie-Dialogen lassen
Script oder iframe auf der Website einsetzen
Kopiere den erzeugten Code in deine Website. Das Script öffnet einen isolierten iframe mit dem Assistenten. So verändern die Styles der Website nicht die Chat-Oberfläche und umgekehrt. Alternativ kannst du den Chat über die angebotene iframe-Einbindung als festen Bereich darstellen.
Trage die erlaubten Website-Domains in der Projektkonfiguration ein. Achte auf das richtige Protokoll und darauf, ob du die Website mit oder ohne www verwendest. Eine nicht freigegebene Domain darf den veröffentlichten Chat nicht einbetten.
Der Modell-Key gehört ausschließlich in die geschützte Projektverwaltung. Im HTML deiner Website und im Einbau-Code steht kein Provider-Schlüssel. Falls dein CMS externe Scripts oder Frames blockiert, muss die Einbindung dort gezielt erlaubt werden.
Auf der tatsächlichen Seite testen
Öffne das Widget auf einem Desktop und auf einem schmalen Bildschirm. Prüfe Öffnen, Schließen, Texteingabe, Tastaturfokus und das Verhalten beim Scrollen. Der Chat darf keine zentrale Funktion deiner Website dauerhaft verdecken.
Stelle eine typische Produktfrage und einen Fall, der menschliche Hilfe braucht. Kontrolliere anschließend, ob das richtige Projekt und die richtige veröffentlichte Wissensversion antworten. Ein erfolgreicher Test in der Verwaltung ersetzt diesen Test auf der eingebundenen Website nicht.