Page builder

The page editor is where you build a campaign page. A page is three layers: page settings, stacked sections, and blocks inside sections.

If you are new, skim this page then read Blocks. Donation checkouts are built under Forms and linked on the page.

Editor layout

┌──────── Palette ────────┬──────── Canvas ────────┬──── Inspector ────┐
│  Add header / blocks    │                        │  Settings for the │
├──────── Layers ─────────┤   Live page preview    │  selected page,   │
│  Section and block tree │                        │  section, or block│
└─────────────────────────┴────────────────────────┴───────────────────┘
 Toolbar: title · status · undo · preview · save · publish

• Palette (left, top) — Add header, section, or footer; drag blocks onto the canvas (or click to insert at the selection).
• Layers (left, under the palette) — Tree of sections and blocks. Click to select; drag to reorder.
• Canvas (center) — Live preview. Click to select. Drop blocks onto a section or column.
• Inspector (right) — Settings for the selected page, section, or block.
• Toolbar (top) — Title, draft/published status, Page settings, undo/redo, Preview, Save draft, Publish / Unpublish, View live.

Device preview toggles desktop, tablet, and mobile width.

Context menu (right-click): move, duplicate, delete, and Save as reusable for sections.

Help in the toolbar replays a short tour of this editor.

Sections

Every page is a stack of sections. Section type in the inspector:

Type	Purpose
Normal section	Story, form row, and other body content.
Site header	Top bar; blocks lay out in a row. Full width; inner content follows page content width.
Site footer	Bottom bar; same width rules as header.

Header and footer are forced to full bleed. Normal sections can be content width or full bleed.

Palette: Add header / section / footer → blank or a saved layout.

When a section is selected you can set width, padding, background color (or transparent), background image, and min height (Auto or Full viewport for heroes).

Page settings

Click Page settings in the toolbar.

• Content width (px) — Max width for content-width sections (640–1600; default 1200).
• Background color and default text color.
• Page background image — optional backdrop behind all sections.

Checkout amounts and layout live on the linked form, not in page settings.

Images

Upload JPEG, PNG, and similar (max 5 MB). Wait until the upload finishes. You need permission to edit the page.

Layout tips

1. Hero — Full-bleed section, background image, min height full viewport, form beside story in Columns.
2. Header — Site header + logo image + buttons, or a saved header.
3. Footer — Site footer + columns, or a saved footer.
4. Pin (advanced) — Pin a block inside a section with offsets (overlays on a hero). Arrow keys nudge; Shift for larger steps.

Save, preview, publish

Action	What it does
Save draft	Writes the editor to the draft. Autosave may also run.
Preview	Saves if needed and opens a donor-style preview tab.
Publish	Makes the draft live at the public URL.
Unpublish	Hides the public page; the draft remains.
View live	Opens the public URL (published pages).

Closing the tab with unsaved changes may prompt the browser.

Keyboard shortcuts

When focus is not in a text field:

Shortcut	Action
Ctrl+Z / Cmd+Z	Undo
Ctrl+Shift+Z / Cmd+Shift+Z or Ctrl+Y	Redo
Ctrl+D / Cmd+D	Duplicate selected block
Delete	Delete selected section or block
↑ / ↓	Move section or block
Arrows on a pinned block	Nudge pin (Shift = larger step)

Common questions

The form is missing on the live page. Publish both the page and the form, and link a published form on the block.

I edited the form but every page changed. Linked forms share one definition. Duplicate the form if this page needs its own checkout.

How do I add a top bar? In the palette, Add header inserts a site header section. Add Image, Button, Text, and other blocks inside that section—they lay out in a row at the top of the page.