Custom widget: eigenes HTML, Aktionsschaltflächen und Formulare

Mit dem Custom widget konntest du schon immer Daten aus deinem eigenen System neben einer Konversation anzeigen. Daten zu sehen ist aber nur die halbe Arbeit. Um eine Bestellung zu stornieren, eine Testphase zu verlängern oder eine Rechnung erneut zu senden, mussten deine Mitarbeiter Herodesk trotzdem verlassen, den Kunden in einem anderen Tool wiederfinden und es dort erledigen.

Jetzt geht das direkt im Widget. Der Custom widget zeigt dein eigenes HTML, führt Aktionen in deinem System per Schaltfläche und Formular aus und schickt alles mit, was dein Endpunkt braucht, um der Anfrage zu vertrauen und sie zuzuordnen.

Das ist neu im Custom widget

Dein eigenes HTML im Panel

Dein Endpunkt kann jetzt zusätzlich zu den bekannten Überschriften, Texten, Listen und Tabellen auch HTML liefern. Herodesk bereinigt es, entfernt Skripte und alles andere, was ausgeführt werden könnte, und zeigt es in einem isolierten Rahmen, der seine Höhe an den Inhalt anpasst. Es übernimmt Schriften und Farben des Panels und sieht so aus wie der Rest von Herodesk. Lange Antworten lassen sich mit <details> in aufklappbare Abschnitte packen, ganz ohne JavaScript.

Aktionsschaltflächen, die in deinem eigenen System wirken

Füge deinem HTML eine Schaltfläche hinzu und richte sie auf dein eigenes System: „Bestellung stornieren“, „Rechnung erneut senden“, „Konto entsperren“. Klickt ein Mitarbeiter darauf, ruft Herodesk deinen Endpunkt von den eigenen Servern aus auf, zeigt deine Antwort direkt im Widget und lädt das Widget neu, wenn du das möchtest. Für alles, was sich nicht rückgängig machen lässt, kannst du eine Bestätigung einbauen. Schaltflächen dürfen nur dieselbe Adresse wie das Widget selbst aufrufen, damit ein Widget nie zum Weg in andere Systeme wird.

Formulare, die zuerst nachfragen

Setz eine Schaltfläche in ein Formular, und der Mitarbeiter gibt die Details ein, bevor die Aktion läuft: eine Anzahl Tage, ein Datum, einen Grund aus einer Auswahlliste, ein Häkchen. Pflichtfelder und Grenzwerte werden geprüft, bevor etwas gesendet wird.

Du entscheidest, wer klicken darf

Lass alle, die die Konversation sehen, Aktionen ausführen, nur Admins oder Admins und die Teams, die du auswählst. Alle anderen sehen die Schaltflächen ausgegraut. Jede Aktion landet im Verlauf der Konversation und im Audit-Log, mit dem Namen der Person und der Antwort deines Systems.

Voller Kontext für B2B- und SaaS-Teams

Schalte den erweiterten Kontext ein, und jede Anfrage enthält zusätzlich Kontakt und Unternehmen mit ihren benutzerdefinierten Feldern, die Details der Konversation und den Mitarbeiter, der sie gerade ansieht, samt Rolle und Teams. Dein Endpunkt findet das Konto über deine eigenen IDs und entscheidet selbst, wer was darf.

So gebaut, dass Entwickler ihm vertrauen können

Anfragen lassen sich mit einem selbst gewählten Schlüssel signieren (HMAC SHA-256 mit Zeitstempel), und Herodesk kann deinen eigenen Authorization-Header mitsenden, zum Beispiel einen API-Schlüssel. Jede Anfrage hat eine eindeutige Request-ID, damit dein Endpunkt einen doppelten Klick ignorieren kann, statt zweimal zu erstatten. Auf der Einstellungsseite gibt es außerdem Entwicklerwerkzeuge: Testanfrage senden, Antwort in der Vorschau ansehen und das Protokoll der letzten Anfragen prüfen.

Welchen Tarif du brauchst

• Herodesk Basic: der Custom widget mit Überschriften, Text, Listen, Tabellen und Links, dazu Signierung, Authorization-Header, Request-IDs und Entwicklerwerkzeuge.
• Herodesk Plus: zusätzlich HTML-Elemente, aufklappbare Abschnitte und erweiterter Kontext.
• Herodesk Pro: zusätzlich Aktionsschaltflächen, Aktionsformulare und die Kontrolle darüber, wer sie ausführen darf.

Den vollständigen Überblick findest du im Tarifvergleich auf unserer Preisseite.

So legst du los

Ein Admin richtet es unter Einstellungen, Widgets, Custom widget ein. Deine bestehenden Widgets funktionieren genau wie bisher, und HTML bleibt aus, bis du es einschaltest. Die Aktionsschaltflächen sind für dein Team da: Herodesks KI-Agenten klicken sie nicht.

Entdecke den Custom widget im Detail oder sieh dir an, wie die REST-API und Webhooks von Herodesk dazu passen. Wenn du Hilfe bei deiner ersten Aktion möchtest, kontaktiere uns.