Website-Chatbot für den Kundensupport: Widgets, Übergabe und Barrierefreiheit

Wenn Sie bereits einen Helpdesk nutzen, beginnen Sie mit dessen Widget. Chats landen in derselben Queue wie E-Mails und Social-Media-Nachrichten, Agenten antworten aus einem einzigen Workspace, und der Anbieter pflegt den Widget-Code.

• Zendesk Web Widget (Messaging): Gehen Sie im Admin Center zu „Channels > Messaging and social > Messaging“, öffnen Sie das Widget und kopieren Sie den Code aus dem Abschnitt „Installation“. Fügen Sie ihn in den Quelltext jeder Seite ein, auf der das Widget erscheinen soll, und stellen Sie sicher, dass Ihre Firewall das Widget zulässt.
• Freshchat-Web-Widget (Freshdesk): Kopieren Sie den Embed-Code aus den Einstellungen des Web-Chat-Kanals und fügen Sie ihn auf jeder Seite ein, auf der das Widget erscheinen soll. Freshworks dokumentiert außerdem die Installation auf WordPress, Shopify und Squarespace sowie in iOS- und Android-Apps.

An der Übergabe scheitern die meisten Website-Bots. Eine gute Übergabe bringt den Kunden zu einem Menschen, ohne dass er sich wiederholen muss. Beide großen Helpdesks unterstützen dieses Muster:

• Zendesk: Wenn Sie einem Messaging-Kanal einen KI-Agenten hinzufügen, ersetzen dessen eigene Antworten die Standard-Messaging-Antwort. Im Workflow-Rezept von Zendesk begrüßt der KI-Agent den Kunden, zeigt ein Formular an, um zu erfassen, was die Agenten brauchen, teilt dem Kunden mit, dass die Anfrage an das Team geht, und leitet das Gespräch dann an einen Agenten weiter, der benachrichtigt wird und die Angaben sieht, sobald er es annimmt. Das Rezept nutzt für angemeldete Kunden ein kürzeres Formular ohne Name und E-Mail-Adresse.
• Freshchat und Freshdesk: Bot-Abläufe übergeben mit Aktionen wie „Assign to group“ oder „Make available for assignment“, und die Übergabeeinstellungen der KI-Agenten von Freshdesk enthalten eine Option, vor der Übergabe Kundendaten zu erfassen.

Entscheiden Sie anhand dessen, was Ihre Agenten zuerst fragen, welche Angaben Sie erfassen. Typische Felder sind Name und E-Mail-Adresse bei nicht angemeldeten Besuchern, eine Bestell- oder Kundennummer, die per Schaltfläche gewählte Art des Anliegens, eine kurze Beschreibung in den eigenen Worten des Kunden und die Seite, auf der er sich befand.

Ein Widget, das um 2 Uhr nachts verspricht: „Ein Agent ist gleich für Sie da“, schadet mehr als gar kein Chat. Planen Sie, was passiert, wenn niemand online ist:

• Geschäftszeiten festlegen: Messaging-Kanäle in Zendesk können einen Geschäftszeitenplan nutzen und während und außerhalb dieser Zeiten unterschiedliche Antworten anzeigen.
• Chats in Tickets umwandeln: Im Rezept von Zendesk eskaliert der KI-Agent während der Geschäftszeiten an einen Live-Agenten; außerhalb davon erfasst er die Angaben des Kunden und eskaliert die Anfrage als E-Mail-Ticket zur Nachbearbeitung.
• Den Bot beantworten lassen, was er kann: FAQ-Antworten, Abfragen des Bestellstatus und Links ins Help Center funktionieren zu jeder Uhrzeit.
• Sagen, wann Sie antworten: Nennen Sie dem Kunden Ihre Geschäftszeiten und wo die Antwort ankommen wird, etwa per E-Mail.

Ein Chat-Widget ist interaktiver Inhalt, der über Ihrer Website liegt, und muss daher dieselben Anforderungen an die Barrierefreiheit erfüllen wie der Rest der Seite. WCAG 2.2 ist die aktuelle Version des W3C, und diese Erfolgskriterien sind für Chats besonders relevant:

Für das Gespräch selbst kennzeichnet die W3C-Technik ARIA23 den Chatverlauf mit role="log": Neue Nachrichten werden am Ende des Bereichs angefügt, und Screenreader kündigen sie an, sobald sie erscheinen. Testen Sie bei einem Widget eines Anbieters Ihre eigene Konfiguration mit Tastatur und Screenreader, denn eigene Farben und Bot-Inhalte können trotzdem Probleme verursachen.

TascaLab richtet Website-Chatbots auf dem Helpdesk ein, den Sie bereits nutzen, etwa Zendesk oder Freshdesk, oder bindet einen eigenen Bot über APIs, Webhooks und Make oder n8n an Jira, Slack oder interne Tools an. Ein Starter Chat Bot (360 €) deckt ein oder zwei Kanäle mit FAQs und einfacher Erfassung von Informationen ab; ein Standard Chat Bot (510 €) deckt drei bis fünf Kanäle mit komplexeren Gesprächen und reibungsloseren Übergaben ab. Jedes Projekt umfasst 30 Tage Support nach dem Launch und eine Basisdokumentation, ohne versteckte Kosten, und die meisten Setups dauern 1–3 Wochen. Starten Sie mit einem kostenlosen 30-minütigen Health-Check-Gespräch.