Zum Inhalt springen

Widget-Einstellungen

Der Tab Widget konfiguriert ein kleines Bestellstatus-Widget, das Sie in Ihre eigene Website einbetten können — typischerweise der „Wo ist meine Bestellung?”-Block im Footer oder auf einer Hilfeseite. Kunden geben ihre Bestellnummer und E-Mail ein, und das Widget zeigt ihnen den aktuellen Status, ohne sie woandershin zu schicken.

Das Widget ist eine gehostete, gebrandete Einbettung: Sie wählen eine Primärfarbe, einen Titel und eine Beschreibung; das System liefert Ihnen ein zum Kopieren-Einfügen bereites <script>-Snippet, das Sie auf Ihrer Website ablegen.

Öffnen Sie den Tab über App-Einstellungen → Widget.

App-Einstellungen — Widget


  1. Wozu dieser Tab dient
  2. Aktivieren / Deaktivieren
  3. Anpassung
  4. Einbettungscode
  5. Vorschau
  6. Der Widget-Schlüssel
  7. Unterschied zwischen Widget und Kundenportal
  8. Tipps und Best Practices

Verwenden Sie diesen Tab, um:

  • Einen Self-Service-Statusblock zu Ihrer Website hinzuzufügen, ohne Code zu schreiben.
  • Ihn zu branden mit Ihrer Primärfarbe, Titeltext und Beschreibung.
  • Zentral ein-/auszuschalten — Schalter umlegen, und das Widget hört überall, wo es eingebettet ist, auf zu reagieren.

Das Widget ergänzt (ersetzt nicht) die pro Bestellung versendeten Tracking-Links des Kundenportals.


Ein Schalter oben auf der Seite aktiviert oder deaktiviert das Widget global:

  • Ein — das Widget reagiert auf Abfragen überall, wo es eingebettet ist.
  • Aus — das Widget rendert in einem „derzeit nicht verfügbar”-Zustand.

Nützlich für Wartungsfenster oder zum Offline-Nehmen des Widgets, falls Sie es ausmustern möchten.


Unter dem Schalter befindet sich ein Formular mit drei Feldern:

FeldHinweise
Widget-TitelBis zu 255 Zeichen. Wird als Überschrift im Widget angezeigt. „Bestellung verfolgen” oder „Bestellstatus” ist typisch.
Widget-BeschreibungBis zu 500 Zeichen. Eine kurze Unterüberschrift. „Geben Sie Ihre Bestellnummer und E-Mail ein, um den aktuellen Status zu sehen.”
PrimärfarbeDual-Steuerung — ein Farbwähler und ein Hex-Textfeld, beidseitig verknüpft. Steuert die Schaltfläche, Akzente und Markenfarbe im Widget.

Klicken Sie auf Speichern, um zu übernehmen. Die Änderungen verbreiten sich innerhalb von Sekunden auf jedes eingebettete Widget (die Einbettung zieht die neueste Konfiguration bei jedem Laden).


Unter dem Anpassungsformular befindet sich ein schreibgeschützter Einbettungscode-Block — ein einzelner <script>-Snippet mit Ihrem widget_key und der embed_url.

  • Eine Schaltfläche Kopieren kopiert den gesamten Snippet in Ihre Zwischenablage. Sie blinkt kurz „Kopiert!”, um zu bestätigen.
  • Fügen Sie den Snippet in das HTML einer beliebigen Seite Ihrer Website ein — typischerweise nahe dem Ende des Body oder in einen HTML-Block des CMS.

Das war’s — sobald der Snippet auf der Seite ist, rendert das Widget. Das Neuladen der Seite holt Ihre neuesten Anpassungsänderungen.


Eine Schaltfläche Vorschau anzeigen/ausblenden offenbart eine Mock-Darstellung des Widgets in Ihrer aktuellen Anpassung:

  • Beispielhafte Eingaben Bestellnummer und E-Mail.
  • Eine deaktivierte Verfolgen-Schaltfläche, gestaltet mit Ihrer ausgewählten Primärfarbe.

Die Vorschau ist rein visuell — sie ruft tatsächlich keine Bestellung ab. Verwenden Sie sie, um Titel, Beschreibung und Farbe vor dem Veröffentlichen zu überprüfen.


Jedes Konto hat einen einzigen Widget-Schlüssel — eine stabile Kennung, die der Einbettungs-Snippet verwendet, um Ihr Branding und Ihre Daten anzufordern. Der Schlüssel:

  • Wird einmalig generiert, wenn das Konto erstellt wird.
  • Ist unveränderlich — Sie können ihn nicht über die UI ändern.
  • Ist Teil des Einbettungs-Snippets, in das Skript eingebacken.

Falls Sie den Widget-Schlüssel rotieren müssen (Sicherheitsvorfall, Schlüsselleck), kontaktieren Sie den Support.


Eine häufige Verwechslung:

WidgetKundenportal
Wo es lebtAuf Ihrer Website als Einbettung.Auf Ihrem Board, zugänglich über eine eindeutige Tracking-URL.
Wie ein Kunde es erreichtBesucht Ihre Website, tippt Bestell-Nr. + E-Mail.Klickt den ihm gesendeten Tracking-Link.
AuthentifizierungBestell-Nr. + E-Mail (jeder mit beidem kann nachschlagen).Eindeutiges Tracking-Token in der URL (jeder mit der URL kann ansehen).
URL pro BestellungNein, einzelnes geteiltes Widget für alle Bestellungen.Ja, eine URL pro Bestellung.
Auto-AktualisierungBei jedem Seitenneuladen.Aktualisiert sich alle 2 Minuten automatisch, solange geöffnet.

Die meisten Werkstätten verwenden beides: das Widget für den Use Case „Lass die Kunden ihren eigenen Status finden”, den Kundenportal-Link für proaktive „Hier ist Ihre Tracking-Seite”-E-Mails.


  • Einbetten im Footer oder auf einer dedizierten „Bestellung verfolgen”-Seite. Vergraben Sie es nicht tief in Ihrer Website — der Wert besteht darin, einen Klick entfernt zu sein.
  • Stimmen Sie die Primärfarbe auf Ihre Marke ab. Das Widget sollte sich wie ein Teil Ihrer Website anfühlen, nicht wie ein fremder Block, der reingeworfen wurde.
  • Halten Sie den Titel direkt. „Bestellung verfolgen” ist klarer als „Bestellstatus-Überprüfungs-Werkzeug”. Kunden scannen, sie lesen nicht.
  • Die Beschreibung setzt Erwartungen. „Geben Sie Ihre Bestellnummer und E-Mail ein” sagt dem Kunden genau, was zu tun ist. Verzichten Sie auf Marketing-Text.
  • Testen Sie die Einbettung in mehreren Browsern. Manche restriktiven Content-Security-Policies blockieren möglicherweise Drittanbieter-Skripte — das Widget muss auf Ihrer Allow-Liste sein, falls Sie CSP aktiviert haben.
  • Schalten Sie es bei geplanten Ausfällen aus. Das Widget zeigt elegant „derzeit nicht verfügbar”, anstatt Fehler zu werfen.
  • Teilen Sie den Widget-Schlüssel nicht über den Einbettungscode hinaus. Auch wenn er keine Zugangsdaten ist, könnte jeder, der ihn verwendet, das Branding Ihres Kontos anfordern.