Kudos Wall Widget – Wertschätzung im Staffbase Intranet

Übersicht

Das Kudos Wall Widget macht aus Wertschätzung ein tägliches Intranet-Ritual. Mitarbeitende sehen die letzten Anerkennungen ihrer Kolleg:innen direkt auf der Startseite – und können mit einem einzigen Formular selbst Danke sagen, ohne das Intranet zu verlassen.

Warum dieses Widget?

Wertschätzungs-Programme scheitern oft an Reibung. Wenn Mitarbeitende ein separates Tool öffnen, ein Formular ausfüllen und auf „Senden“ klicken müssen, machen sie es einmal pro Quartal. Wenn die Kudos-Wand auf der Intranet-Startseite ist und das Formular drei Felder hat, machen sie es einmal pro Woche.

Das Kudos Wall Widget löst zwei Probleme:

• ✅ Sichtbarkeit – Anerkennungen leben im Intranet, nicht im Slack-Channel
• ✅ Niedrige Schwelle – Submit direkt im Widget, drei Felder, ein Klick

Architektur: Data Table als Backend

Wie der Pulse Check ist Kudos Wall ein klassisches runtime user data-Widget. End-User schreiben in das Widget; Settings sind nur Editor-Konfiguration. Die Anerkennungen leben deshalb in einer Data Table des Widget Builders:

Im Widget-Editor trägt man die GUID dieser Tabelle in das Setting tableGuid ein. Mehrere Kudos-Walls parallel? Einfach pro Setup eine eigene Tabelle.

Hauptfunktionen

1. Inline-Submit-Form

Unter der Liste der letzten Kudos befindet sich ein kompaktes Formular mit drei Feldern: Empfänger, Nachricht, Kategorie. Beim Klick auf „Senden“ macht das Widget per fetch() einen POST auf den Data-Table-Endpunkt:

 1await fetch('/api/data-table-widget/' + tableGuid + '/rows', {
 2  method: 'POST',
 3  headers: {'Content-Type': 'application/json'},
 4  body: JSON.stringify({data: {
 5    from_name: '{{user.firstName}} {{user.lastName}}',
 6    to_name: recipient,
 7    message: message,
 8    category: category,
 9    submitted_at: new Date().toISOString()
10  }})
11});

Der Absender kommt direkt aus dem Staffbase-User-Context – kein Abtippen, keine Verwechslung.

2. Liste der letzten N Kudos

Die Widget-API holt sortiert nach submitted_at desc die letzten 50 Einträge. Das Template zeigt davon die ersten N (per Slider-Setting konfigurierbar, 3–20). Jede Karte hat einen Avatar mit Initiale, „Absender → Empfänger“, lokalisiertes „vor X Stunden“, und ein farbiges Kategorie-Badge.

3. Fünf Kategorien

Teamwork, Leadership, Innovation, Support, Impact. Mehr braucht es nicht – mehr Kategorien führen zu Entscheidungs-Lähmung. Die Kategorien sind Translation-Keys, also auch in andere Sprachen übersetzbar.

4. Lokalisierte Zeitangaben

Der datetime-Helper mit to_relative=true und with_locale=widget.contentLanguage rendert „vor 3 Stunden“ auf Deutsch und „3 hours ago“ auf Englisch – automatisch.

5. Light & Dark Mode

Beide Themes mit konfigurierbarer Akzentfarbe. Die Akzentfarbe färbt die Initialen-Avatare und die Kategorie-Badges (mit 12.5% Opacity über den Hex-+20-Trick).

Setup in 5 Minuten

1. Data Table im Widget Builder anlegen mit den fünf Spalten oben
2. Tabellen-GUID kopieren
3. Kudos Wall Widget zur Page hinzufügen
4. GUID ins Setting eintragen
5. Titel, Akzentfarbe, Theme wählen, veröffentlichen

Konfiguration

7 Settings, alle Editor-time:

• tableGuid – Pflicht
• Titel – „Kudos Wall“ oder beliebig
• Untertitel – kurzer Aufruf
• maxItems – Slider 3–20
• showForm – Submit-Form ein/ausblenden
• accent_color – Color Picker
• theme – Light oder Dark

Externe Systeme anbinden

Die Kudos Wall speichert Anerkennungen in der integrierten Data Table – aber du kannst sie auch mit deiner bestehenden Recognition-Plattform verbinden.

• Bonusly – Anerkennungen aus Bonusly automatisch auf der Kudos Wall anzeigen
• Slack – Kudos aus einem Slack-Channel ins Intranet spiegeln, damit auch Kolleg:innen ohne Slack sie sehen
• Microsoft Teams – Recognition-Nachrichten aus Teams-Channels automatisch erfassen
• WorkTango – Employee-Recognition-Daten aus WorkTango direkt im Intranet sichtbar machen

Häufige Fragen

Können Mitarbeitende anonyme Kudos senden?

Standardmäßig nein – das Widget liest user.firstName und user.lastName aus dem Staffbase-Context. Wer Anonymität will, kann den fromName-Schritt im Template auf einen festen String wie „Kolleg:in“ setzen.

Was passiert, wenn die Tabelle leer ist?

Das Widget zeigt einen freundlichen Empty-State: „Noch keine Kudos – sei der oder die Erste!“.

Kann ich Kudos moderieren?

Ja – über die Data Table im Widget Builder. Editoren mit Schreibrechten können einzelne Rows löschen, falls etwas Unangemessenes gepostet wird.

Verwandte Widgets

• Anniversaries – für automatische Jubiläums-Würdigung
• Birthday Widget – für Geburtstags-Highlights
• Ideenbox – Crowdsourcing mit gleicher Data-Table-Architektur