Staffbase Town Hall Widget – Live-Events im Intranet

Übersicht

Das Town Hall Live Hub Widget macht aus jedem internen Event ein digitales Erlebnis. Egal ob Quartals-Town-Hall, All-Hands oder CEO-Q&A: Ein einziges Widget begleitet dein Team durch alle Phasen – vom Countdown über den Live-Stream bis zur Aufzeichnung.

Warum dieses Widget?

Town Halls sind ein Kernritual jeder internen Kommunikation. Trotzdem werden sie oft schlecht beworben: Eine E-Mail eine Woche vorher, ein Kalender-Eintrag, dann die Aufzeichnung im SharePoint. Mitarbeitende verpassen das Event – oder finden die Aufzeichnung nicht mehr.

Das Town Hall Widget löst genau dieses Problem:

• ✅ Sichtbar im Intranet: Direkt auf der Startseite, nicht versteckt in E-Mails
• ✅ Drei Status, ein Widget: Countdown vor dem Event, Live-Indikator währenddessen, Replay danach
• ✅ Lokalisiert: Deutsche und englische UI-Texte, lokalisiertes Datum und Countdown
• ✅ Anpassbar: Akzentfarbe, Light/Dark Theme, bis zu drei Sprecher mit Avatar

Hauptfunktionen

1. Drei Status mit passender Aktion

Das Widget kennt drei Zustände, die der Editor mit einem Klick umschalten kann:

• Bald – Countdown wird angezeigt, CTA „Erinnerung setzen”
• Jetzt Live – pulsierender roter Indikator, Live-Zuschauerzahl, CTA „Jetzt beitreten”
• Aufzeichnung – Status-Badge in Grau, CTA „Aufzeichnung ansehen”

Jeder Status hat sein eigenes Layout, eigene Farbe und einen eigenen Call-to-Action.

2. Lokalisierter Countdown

Der Countdown nutzt den datetime-Helper des Widget Builders mit to_relative=true. Das Ergebnis: „in 14 Tagen”, „in 3 Stunden”, „in 12 Minuten” – automatisch in der Sprache des Nutzers.

Auch das Datum ist locale-aware: „Mittwoch, 29. April 2026” auf Deutsch, „Wednesday, April 29, 2026” auf Englisch.

3. Sprecher-Übersicht

Bis zu drei Sprecher mit Initialen-Avatar, Name und Rolle. Die Initialen-Avatare nehmen die Akzentfarbe an, sodass das Widget sich nahtlos in dein Branding einfügt. Conditional Rendering blendet leere Sprecher-Slots automatisch aus.

4. Light & Dark Mode

Über ein Dropdown-Setting wählst du zwischen Light- und Dark-Theme. Beide Themes nutzen die selbe konfigurierbare Akzentfarbe – ideal für unterschiedliche Page-Templates.

5. Live-Zuschauerzähler

Eine Widget-Variable hält den aktuellen Zuschauerstand. Während des Events kann die Zahl per Script aktualisiert werden – etwa angebunden an die Teilnehmer-API deines Stream-Anbieters.

Typische Anwendungsfälle

📅 Quartals-Town-Hall

Stelle das Widget zwei Wochen vor dem Event auf „Bald”. Mitarbeitende sehen den Countdown auf der Startseite, klicken auf „Erinnerung setzen” und tragen das Event in ihren Kalender ein. Am Tag des Events wechselst du auf „Live” – ein Klick.

🎤 All-Hands & Kickoffs

Neue Quartalsziele, Strategie-Updates, Reorgs: Wenn alle dabei sein sollen, gehört das Widget auf die Startseite.

💬 AMA / CEO-Connect

Frag-den-CEO-Sessions, in denen Mitarbeitende live Fragen stellen können. Das Widget zeigt die Sprecher-Avatare, den Live-Zähler und einen prominenten Beitritts-Button.

🚀 Produktlaunches

Interner Launch eines neuen Produktes oder Features: Demo-Stream live, Replay danach. Das Widget begleitet beide Phasen ohne Editor-Wechsel.

Konfiguration

Das Widget hat 21 Settings – mehr als die meisten Standard-Widgets, aber jedes davon ist optional:

• Event-Daten: Titel, Untertitel, Datum/Uhrzeit, Dauer, Ort
• Status: Dropdown mit upcoming / live / replay
• Links: Stream-URL, Aufzeichnungs-URL
• Sprecher: 3 × Name, Rolle, Initialen
• Anzeige: Countdown ein/aus, Sprecher ein/aus
• Design: Akzentfarbe (Color-Picker), Theme (Light/Dark)

Technisch

• Plattform: Staffbase 5.0+
• Mehrsprachig: Deutsch und Englisch out-of-the-box, weitere Sprachen via Translations-Editor
• Responsive: Mobile-First, optimiert für die Staffbase App
• Performance: < 1 s Initial Render
• Anbindung: Funktioniert standalone ohne API – optional anbindbar an Stream-Anbieter

Häufige Fragen

Wechselt das Widget den Status automatisch?

Standardmäßig nein – der Editor wechselt manuell zwischen upcoming, live und replay. Eine Auto-Status-Logik per Variable ist mit dem Widget Builder umsetzbar, falls gewünscht.

Wie viele Sprecher kann ich anzeigen?

Bis zu drei Sprecher direkt im Widget. Wer mehr Sprecher braucht, kann die Sprecher in einer Data Table verwalten und das Widget anbinden – das demonstrieren wir im zugehörigen Blog-Artikel zur Town Hall Watch Party .

Kann ich eigene Sprachen hinzufügen?

Ja. Die Translations sind ein JSON-Objekt im Widget – jede Sprache, die Staffbase unterstützt, kann ergänzt werden.