Page Editor
The Page Editor controls the public Tip page. This is where you build your page structure from sections, slots, and components, then publish the version viewers see.
What This Page Is For
This page gives you the overview. The detailed workflow with clicks, drag and drop, and typical flows is covered in Using the Page Editor.
Core Concept
| Layer | Meaning |
|---|---|
| Section | Large page area. A section is the starting point for layout and content. |
| Row | Row inside a section. |
| Slot | Placeholder or area where components are placed. |
| Group | Shared block made from multiple slots. |
| Component | Content element such as text, HTML, media, goal, Support Box, Creator Links, or button. |
The best starting point is a section. After that, extend the section with slots or groups as needed and drag components into the matching slots.
Sections
Sections are layout starting points. The editor provides ready-made layouts so you do not have to build every structure manually.
| Layout | Purpose |
|---|---|
| Single Column | One clear area for text or a large box. |
| Two Columns | Two equal areas side by side. |
| Hero 60/40 | Large content on the left, compact area on the right. |
| Hero 40/60 | Compact intro on the left, large content on the right. |
| Big Left / Split Right | Large area on the left, two stacked slots on the right. |
| Top Large / Bottom Split | Large area on top, two smaller areas below. |
| 3-Card Row | Three cards for features, goals, or notes. |
Slots and Groups
If a section is not enough, you can extend it through structure.
| Element | Meaning |
|---|---|
| Slot | New area in the active section. Components can be placed there. |
| Group | Two slots as one shared block. Useful when content should work together as a block. |
Slots can be selected, combined, and adjusted in width. This creates the actual page structure.
Components
Components are the visible content. You drag them into slots or insert them into the selected area.
| Component | Examples |
|---|---|
| Text | Headings, body copy, notes. |
| HTML + CSS | Custom HTML structures with filtered CSS. |
| Media | Images or visual content. |
| Goals | Goal Card, Goal List, Goal Stats. |
| Payments | Support Box. |
| Creator Links | Global Creator Links from settings. |
| CTA | Buttons and link groups. |
| Layout | Divider and spacer. |
Details for individual components are available on the matching pages, for example Creator Links, Payments, Tokens, or Using the Page Editor.
Save, Publish, Preview
| Action | Meaning |
|---|---|
| Save | Saves the current draft. |
| Publish | Creates a published version of the page. |
| Preview | Opens a live preview in its own tab. It can stay open while you work so you can check changes without saving every time. |
The preview receives changes directly from the editor. External links are intentionally not opened there. This includes normal href links, Creator Links, and CTA buttons. That lets you check layout, content, and click areas without being redirected out of the preview.
The preview helps while working, but it does not replace saving. Remember to save after changes. The public page uses the published version and the live status in Studio.
Good Practice
- Set sections first.
- Then extend slots and groups until the structure fits.
- Add components to the slots.
- Style colors, spacing, and details last.
- Check preview.
- Publish.
- Check live status in Studio.