Chat-Widget
Zuletzt aktualisiert:
Was ein Chat-Widget ist
Das Widget ist das, was Besucher tatsächlich sehen und anklicken: ein Startbutton, ein Chatfenster, ein Eingabefeld und oft eine Begrüßung. Dahinter steht ein Dienst, der die Antworten liefert, entweder Menschen in einem Live-Chat-Tool oder ein KI-Chatbot.
Die meisten Widgets schweben über der Seite und sind so überall verfügbar, ohne das Layout zu verändern. Manche lassen sich auch inline in einen Seitenabschnitt setzen.
So funktioniert es
Der Websitebetreiber fügt ein Script-Tag in die Seite ein, meist direkt vor dem schließenden body-Tag. Das Script lädt das Widget vom Server des Anbieters und verbindet es über eine ID mit dem richtigen Konto. Typische Einstellungen sind:
- Aussehen: Farben, Avatar, Startsymbol und Position links oder rechts.
- Texte: Begrüßung, Platzhalter im Eingabefeld und Fragevorschläge.
- Platzierung: schwebende Sprechblase, eingebettetes Fenster oder direkter Link zu einem Vollbild-Chat.
- Plattformen: Plugins oder Snippets für Systeme wie WordPress oder Shopify.
Beispiel
Eine Zahnarztpraxis baut ein Chat-Widget auf ihrer Website ein. Die Sprechblase hat die Markenfarbe der Praxis, und die Begrüßung lautet „Fragen zu Behandlungen oder Öffnungszeiten? Frag hier.“ Zwei Fragevorschläge, „Behandelt ihr auch Kinder?“ und „Wo kann ich parken?“, zeigen Besuchern, was sie fragen können.
Warum das für Business-Chatbots wichtig ist
Das Widget ist der erste Eindruck eines Chatbots. Ein Startbutton, der zur Website passt, eine klare Begrüßung und nützliche Fragevorschläge erhöhen die Chance, dass Besucher ein Gespräch beginnen. Auch das Ladeverhalten zählt, denn ein Widget sollte die Seite nicht ausbremsen.
Das Chat-Widget von intoCHAT
intoCHAT fügt eine Chat-Sprechblase mit einem einzigen Script-Tag vor dem schließenden body-Tag hinzu. Alternativ bettest du den Agenten per iframe ein, teilst einen direkten Link oder nutzt das offizielle WordPress-Plugin oder ein Shopify-Theme-Snippet. Anpassen kannst du Farben von Sprechblase, Kopfzeile und Nachrichten, den Avatar, Startsymbol und Tooltip, den Platzhaltertext, die Position links oder rechts, die Begrüßung und Fragevorschläge. Der Marken-Import übernimmt Logo und Farben von deiner Website-URL, und der Hinweis „Powered by intoCHAT“ lässt sich in jedem bezahlten Plan entfernen.