Working with Sections

Sections are the building blocks of your pages. Understanding how to work with them effectively makes content management smoother.

Section Naming

Use clear, consistent naming:

Page-specific: home-hero, about-team, services-list
Reusable: global-cta, newsletter-signup, footer-contact
Temporary: holiday-banner-2024, campaign-spring

Creating Sections for Editors

When creating a new section:

Check if one already exists — Reuse before creating
Use descriptive titles — “Homepage Hero” not “Section 1”
Match the slug to the component — Ask your developer what the component is called
Add a description — Note where it’s used and what it contains

Section Lifecycle

graph LR
    A[Create Section] --> B[Add Content]
    B --> C[Attach to Page]
    C --> D[Publish]
    D --> E[Edit as Needed]
    E --> F[Deactivate when Done]

Reusing Sections

The power of sections is reusability. A section can appear on multiple pages:

Section	Used On
Newsletter Signup	Home, About, Blog
Contact CTA	Services, About, Pricing
Trust Bar	Home, Landing Pages

When you edit a reusable section, changes appear everywhere it’s used.

Content Builder Tips

Ordering Blocks

Drag and drop blocks to reorder them within a section. The top-to-bottom order in the builder matches the top-to-bottom order on the frontend.

Block Labels

Each block shows a preview label based on its content. This makes it easy to identify blocks at a glance:

Section: About Hero
├── Heading: "About Our Company"
├── Paragraph: "We are a team of..."
└── Image: team-photo.jpg

Collapsing Blocks

Click the block header to collapse/expand it. This helps manage sections with many blocks.

Common Section Patterns

Hero Section

Heading block (H1)
Paragraph block (intro text)
Optional: Image block (background)

Feature List

Multiple heading blocks (H3)
Paragraph blocks (descriptions)
Optional: Icon or image blocks

Call-to-Action

Heading block (H2)
Paragraph block (value proposition)
Custom CTA block or rich text with links

Communicating with Developers

When you need a new section type:

Describe the content fields you need
Show an example or mockup
Specify where it will be used
Ask for the component name (slug) to use

See Collaborating with Developers for more.