Zum Hauptinhalt springen

Widget-Komponente

Integriere Events oder Umfragen in einer interaktiven Full-Width-Komponente mit Hintergrund-Visual.

Vor über 2 Wochen aktualisiert

Die Widget-Komponente kombiniert zwei Funktionen in einer Komponente:

  • Event-Ankündigungen

  • Umfragen (Survey)

Die Komponente ist immer Full Width, wobei das Visual die gesamte Seitenbreite einnimmt.


Die eigentlichen Event- oder Survey-Kacheln liegen schmaler auf dem Hintergrund und können einzeln oder nebeneinander dargestellt werden.


Grundstruktur

Nach dem Hinzufügen der Komponente kannst du:

  • eine Headline ein- oder ausblenden

  • eine Subheadline ein- oder ausblenden

  • die Textausrichtung wählen (links oder zentriert)

  • ein Visual definieren (Bild, Video aus dem Medien Archiv oder Webvideo)

Für das Visual stehen die üblichen Optionen zur Verfügung:

  • Zuschnitt und Fokus (bei Bildern)

  • Autoplay, Controls, Loop, Poster-Bild (bei Videos)

  • Dark Overlay oder Dark Gradient zur Verbesserung der Lesbarkeit

Das Farbschema kann wie gewohnt auf die gesamte Komponente angewendet werden.


Event-Widget

Innerhalb der Widget-Komponente kann ein Event-Item angelegt werden. Mehrere Events werden nicht gleichzeitig angezeigt, sondern sind über Pfeile innerhalb der Event-Kachel durchklickbar. Es ist sichtbar, dass mehrere Events vorhanden sind.

Aufbau eines Events

Jedes Event kann enthalten:

  • Headline

  • Ort

  • Beschreibung (Rich-Text-Editor, optional ausblendbar)

  • optionales Visual

  • Event-Typ

  • Datum für Start des Events und Registrierungsende

  • Button mit Verlinkung

Event-Typ

Aktuell stehen vier fest definierte Typen zur Verfügung:

  • Livestream

  • Webinar

  • Workshop

  • Training

Diese Typen sind nicht editierbar und bestimmen ausschließlich das dazugehörige Icon.

Countdown

Der Countdown kann wahlweise auf den Event-Start oder das Registrierungsende

bezogen werden.


Das Datum wird automatisch berechnet, sobald ein entsprechendes Datum hinterlegt wird. Registrierungsende und Button können jeweils ein- oder ausgeblendet werden.


Survey-Widget

Alternativ oder zusätzlich kann eine Umfrage-Kachel angelegt werden.

Es wird jeweils nur eine Survey-Kachel angezeigt. Weitere Surveys sind über Pfeile durchklickbar.

Aufbau einer Umfrage

Jede Survey besteht aus:

  • einer Headline (Frage)

  • beliebig vielen Antwortmöglichkeiten

Antwortoptionen können über ein Plus-Icon hinzugefügt werden.
Es gibt keine feste Begrenzung der Anzahl.

Die Höhe der Kachel passt sich automatisch an die Anzahl der Antworten an.

User können:

  • genau eine Antwort auswählen

  • ihre Stimme nicht nachträglich ändern

  • das Ergebnis erst nach der Abstimmung sehen

Die Ergebnisse werden als Balken visualisiert und sind für alle sichtbar, sobald abgestimmt wurde. Es gibt jedoch keine weiterführende Auswertung oder Exportfunktion.

Wichtiger Hinweis zur Nutzung

Die Widget-Komponente eignet sich primär für interne Seiten mit eingeloggten Usern.

Öffentlich ist sie technisch nutzbar, bietet jedoch funktional wenig Mehrwert.

Für komplexere Umfragen mit Auswertung empfiehlt sich die Integration eines externen Tools (z. B. via iFrame).


Tipps & Tricks

  • Verwende ruhige Hintergrund-Visuals, da Widgets darüberliegen.

  • Achte bei Events auf präzise Headlines und klare Button-Beschriftungen.

  • Halte Surveys kompakt, um die Kachelhöhe nicht unnötig zu vergrößern.

  • Nutze das Widget gezielt für interne Interaktion und Aktivierung.

Hat dies deine Frage beantwortet?