Eine Stage erstellen und das Design bearbeiten

Eine Stage ist eine Seite deines Events, zum Beispiel die Bühne mit Livestream, das Programm oder eine Info-Seite. Jede Stage erscheint als Punkt im Menü der Gäste. Den Inhalt baust du mit HTML und Platzhaltern, das Aussehen passt du mit CSS an.

Schritt 1: Stage anlegen #

Die Anzahl der Stages legst du pro Event fest.

1. Öffne im Space Administration → Events und klicke beim Event auf Bearbeiten.

2. Erhöhe im Reiter Erweiterte Einstellungen die Anzahl Stages, z. B. von 1 auf 2 (maximal 30), und klicke auf Event bearbeiten.

Im Event gibt es jetzt unter Regie einen weiteren Eintrag, z. B. „Stage 2“, und dazu eine eigene Liste unter Interaktionen.

Schritt 2: Menütitel, Icon und Adresse festlegen #

Öffne im Event unter Regie die neue Stage. Im Reiter Allgemein:

• Typ: HTML für eigenen Inhalt, Iframe für eine eingebettete Seite, Vorlage für eine Vorlage oder Externer Link für einen Menüpunkt, der auf eine andere Website führt
• Icon und Menütitel: So erscheint die Stage im Menü, z. B. „Programm“.
• Slug: der letzte Teil der Adresse, z. B. programm. Die Stage ist dann unter /stages/programm erreichbar.
• Hintergrundbild: optional ein Bild für den Hintergrund der Stage

Schritt 3: Inhalt mit HTML aufbauen #

Im Reiter HTML schreibst du den Inhalt. Für das Layout nutzt du das Raster (Grid) mit Zeilen und Spalten: Eine Zeile ist <div class="row">, darin teilen sich die Spalten die Breite von 12 Einheiten. col-md-8 und col-md-4 ergeben zum Beispiel eine breite und eine schmale Spalte nebeneinander. Auf dem Smartphone stehen sie untereinander.

Mit Platzhalter einfügen fügst du dynamische Inhalte ein, zum Beispiel:

Platzhalter	Zeigt
%USER.FIRST_NAME%	Vorname des Gastes, z. B. für eine persönliche Begrüßung
%LOGO_SRC%	Adresse des Titelbilds, z. B. in <img src="%LOGO_SRC%">
%ALL_SESSIONS%, %ALL_USER_SESSIONS%	alle Sessions bzw. die Sessions des Gastes
%FORM(1)%	einen Fragebogen
%QUESTION_FORM(NAME)%	das Frageformular einer Moderation
%COUNTDOWN(2026-11-19T09:00:00)%	einen Countdown

Wie Sessions oder Einträge aussehen, bestimmt die Vorlage des jeweiligen Buckets. Ist sie leer, bleibt die Stelle leer.

Klicke auf Speichern und prüfe das Ergebnis mit Stage Vorschau in neuem Tab öffnen.

Schritt 4: Design mit CSS anpassen #

• Für einzelne Elemente kannst du CSS direkt im HTML angeben, z. B. <h2 style="color:#0a4d8c;">.
• CSS für das ganze Event trägst du im Space unter Events → Bearbeiten → Branding → Custom CSS ein. Dort legst du auch Primär- und Sekundärfarbe sowie die Farben von Menü und Kopfzeile fest.
• CSS für die ganze Plattform steht unter Einstellungen → Entwickler → Globales CSS.

Hilfreich dabei sind die Artikel CSS Selektoren und HTML CSS inline – Cheat Sheet.

Schritt 5: Sichtbarkeit festlegen #

Im Reiter Einstellungen legst du fest, wer die Stage sieht:

• Stage für Gast sichtbar oder nicht sichtbar
• Nicht sichtbar, sichtbar wenn CURRENT_STAGE_ID > aktueller Stage: Die Stage wird erst sichtbar, wenn die aktuelle Stage-ID (CURRENT_STAGE_ID) größer ist als die dieser Stage.
• Sichtbar, wenn Stage URL aufgerufen wird: nicht im Menü, nur über den direkten Link, z. B. per QR-Code
• Für physischen Gast bzw. für virtuellen Gast sichtbar: nur für Gäste vor Ort bzw. online
• Sichtbar, wenn Gast einen bestimmten Tag hat: nur für Gäste mit dem gewählten Tag
• Für eingeloggte Benutzer sichtbar

Mit dem Feld darunter vergibst du Punkte (virtuelle Währung) beim ersten Öffnen der Stage, z. B. für eine Rallye durch die Stages.

Gut zu wissen #

• Mit Als Vorlage speichern sicherst du eine fertige Stage als Vorlage. Mit Inhalt aus Vorlage laden übernimmst du eine gespeicherte Vorlage.
• Trackings herunterladen zeigt, wer die Stage wann geöffnet hat.
• Die Reihenfolge der Stages im Menü änderst du unter Einstellungen → Stages.

Verwandt: Regie, Stage, Platzhalter, Content-Platzhalter, Einen QR-Code für eine Stage erstellen