Page Editor
Der Page Editor steuert die öffentliche Tipp Page. Hier baust du die Struktur deiner Seite aus Sections, Slots und Komponenten und veröffentlichst daraus die Version, die Zuschauer sehen.
Wofür Diese Page Ist
Diese Seite gibt den Überblick. Die genaue Bedienung mit einzelnen Klicks, Drag & Drop und typischen Abläufen steht in Page Editor bedienen.
Grundprinzip
| Ebene | Bedeutung |
|---|---|
| Section | Großer Seitenbereich. Eine Section ist der Startpunkt für Layout und Inhalt. |
| Row | Zeile innerhalb einer Section. |
| Slot | Platzhalter/Bereich, in den Komponenten gelegt werden. |
| Group | Gemeinsamer Block aus mehreren Slots. |
| Komponente | Inhaltselement wie Text, HTML, Media, Goal, Donation Box, Creator Links oder Button. |
Du startest am besten mit einer Section. Danach erweiterst du die Section bei Bedarf um Slots oder Groups und ziehst Komponenten in die passenden Slots.
Sections
Sections sind Layout-Startpunkte. Der Editor bietet fertige Layouts, damit du nicht jede Struktur manuell bauen musst.
| Layout | Zweck |
|---|---|
| Single Column | Ein klarer Bereich für Text oder eine große Box. |
| Two Columns | Zwei gleichwertige Bereiche nebeneinander. |
| Hero 60/40 | Großer Content links, kompakter Bereich rechts. |
| Hero 40/60 | Kompakter Einstieg links, großer Inhalt rechts. |
| Big Left / Split Right | Großer Bereich links, zwei gestapelte Slots rechts. |
| Top Large / Bottom Split | Oben groß, darunter zwei kleinere Bereiche. |
| 3-Card Row | Drei Karten für Features, Ziele oder Hinweise. |
Slots Und Groups
Wenn eine Section nicht reicht, kannst du sie über die Struktur erweitern.
| Element | Bedeutung |
|---|---|
| Slot | Neuer Bereich in der aktiven Section. Dort können Komponenten platziert werden. |
| Group | Zwei Slots als gemeinsamer Block. Praktisch, wenn Inhalte gemeinsam als Block funktionieren sollen. |
Slots können ausgewählt, kombiniert und in ihrer Breite angepasst werden. Dadurch entsteht die eigentliche Seitenstruktur.
Komponenten
Komponenten sind die sichtbaren Inhalte. Du ziehst sie in Slots oder fügst sie in den ausgewählten Bereich ein.
| Komponente | Beispiele |
|---|---|
| Text | Überschriften, Fließtext, Hinweise. |
| HTML + CSS | Eigene HTML-Strukturen mit gefiltertem CSS. |
| Media | Bilder oder visuelle Inhalte. |
| Goals | Goal Card, Goal Liste, Goal Stats. |
| Payments | Donation Box. |
| Creator Links | Globale Creator Links aus den Settings. |
| CTA | Buttons und Link-Gruppen. |
| Layout | Divider und Spacer. |
Details zu einzelnen Komponenten findest du in den passenden Detailseiten, zum Beispiel Creator Links, Payments, Tokens oder Page Editor bedienen.
Speichern, Veröffentlichen, Vorschau
| Aktion | Bedeutung |
|---|---|
| Speichern | Speichert den aktuellen Draft. |
| Veröffentlichen | Erstellt eine veröffentlichte Version der Page. |
| Vorschau | Öffnet eine Live-Vorschau in einem eigenen Tab. Sie kann parallel offen bleiben, damit du Änderungen prüfen kannst, ohne jedes Mal direkt zu speichern. |
Die Vorschau übernimmt Änderungen direkt aus dem Editor. Externe Links werden dort bewusst nicht geöffnet. Das betrifft normale href-Links, Creator Links und CTA Buttons. So kannst du Layout, Inhalt und Klickflächen prüfen, ohne aus der Vorschau herausgeleitet zu werden.
Die Vorschau hilft beim Arbeiten, ersetzt aber nicht das Speichern. Vergiss nach Änderungen nicht zu speichern. Für die Public Page zählt die veröffentlichte Version und der Live-Status im Studio.
Gute Praxis
- Erst Sections setzen.
- Dann Slots und Groups so erweitern, dass die Struktur passt.
- Danach Komponenten in die Slots ziehen.
- Erst am Ende Farben, Abstände und Feinheiten stylen.
- Vorschau prüfen.
- Veröffentlichen.
- Live-Status im Studio prüfen.