Editor blocks and layout reference
Use Basic, Layout, Navigation, Blog listing, and commerce blocks from the Blocks panel for page structure and storefront sections—media, portfolio, and hero blocks are documented in the Media presentation blocks guides.
This page lists non-media blocks and layout primitives. Blocks that primarily display Media, Portfolio, heroes, or sliders live in the Supported media presentation blocks section with deeper per-category guides.
Core architecture & fields
Drag blocks from the Blocks panel (right sidebar → Blocks icon) into a column. Most pages follow:
Section → Row → Column(s) → Block(s)
For how width and spacing work at each layer (section vs row vs Style tab), see Page layout and content.
Layout
| Block | Use for |
|---|---|
| Section | Full-width vertical band; section spacing |
| 1 Column | Single full-width column |
| 2 Columns | Split content 50/50 (adjust in Traits) |
| 3 Columns | Features, pricing tiers, team cards |
| 4 Columns | Dense icon or stat rows |
| Sidebar layout | Main column + sidebar column |
Row traits commonly include max width, gap, and padding—see Page editor sidebar and toolbar.
Basic
| Block | Use for |
|---|---|
| Rich text | Headings (H1–H6), paragraphs, links, and lists in one block — use for all new copy |
| Text | Legacy plain paragraph block (existing pages only) |
| Link | Standalone text link |
| Button | CTA button with URL |
| Quote | Pull quote styling |
| Text section | Pre-wrapped title + paragraph band |
| Spacer | Flexible vertical space or horizontal rule (Attr → Divider line slider, 0–8px; 0 = space only) |
Navigation
| Block | Use for |
|---|---|
| Navbar | In-page navigation bar (legacy/simple) |
| Footer simple | In-page footer band (legacy/simple) |
Site-wide header and footer chrome uses the header/footer template editor (dedicated blocks and presets—not these page blocks): Header, footer, and navigation.
Hero (structural note)
Hero blocks are media-forward. Use Hero canvas blocks for Image/Video/Slider heroes.
Publications
Blocks in the Publications category on the Blocks panel.
| Block | Use for |
|---|---|
| Blog listing | Index of on-site Posts — layout (grid / list / featured / sidebar), template style, pagination, category tabs, and filters in Attr — Manage your blog index page |
| Press & Features | Curated cards linking to external articles, interviews, awards, and press mentions — layout and links in Attr |
Blog index setup: Manage your blog index page.
External press and features: Press and features.
Advanced (non-media)
| Block | Use for |
|---|---|
| Bento grid | Mixed tiles (text + images) |
| Before/After slider | Two-image comparison — Advanced interactive |
| Ad embed | Ad placement slot |
| Map | Embed an interactive location map onto a page—perfect for gallery exhibits, photography workshop meetups, or studio directions — Add a map to pages |
Products & forms
| Block | Use for |
|---|---|
| Products grid | Storefront product cards |
| Contact form | Built-in visitor inquiries to your inbox — Add contact form to pages |
| CTA centered | Call-to-action band |
| Feature card / Features grid | Service highlights, gear, awards, curriculum — Feature card and Features grid |
| Testimonials | Social proof quotes |
Commerce context: Commerce overview.
Media blocks (see other section)
| Category | Directory article |
|---|---|
| Image, Video, Lightbox | Standard media blocks |
| Gallery, Portfolio, Impact map | Portfolio delivery blocks |
| Hero image/video/slider | Hero canvas blocks |
Next steps & validation
- Add a Section → 2 Columns → Rich text + Button on a draft page.
- Save and preview Mobile width.
- Pick one media block from Supported media presentation blocks for your next section.