How Pages Work

Every page on your website is built from the same system: a page entry in Contentful that contains sections, and each section contains content.

Think of it like stacking boxes: the page is the outer box, sections are boxes inside it, and your actual text, images, and cards go inside those section boxes.

Aggregator Page Main

An Aggregator Page Main is a top-level page that appears in your website’s navigation bar — like Home, About, Programs, or Contact.

Fields

Field	What It Does
Title	The page heading visitors see
Slug	The URL path (e.g., `about` makes the page live at `yoursite.com/about`)
Navigation Order	Position in the nav bar (1 = first, 2 = second, etc.)
Content	The sections and content that make up the page
CSS Class	A styling hook used to customize how this page looks. Your developer manages these values. As per-site documentation is built out, available CSS classes for your site will be documented there.

Pages render their content items top to bottom in order. To control layout within a section (grids, accordions, tabs, etc.), use a Pure Aggregator with a display mode.

Aggregator Page Regular

An Aggregator Page Regular is a page that doesn’t appear directly in the main navigation. It comes in two flavors:

Sub-pages live under a parent main page. For example, “Our Team” under “About” would have the URL yoursite.com/about/our-team.
Orphan pages are standalone — accessible by URL but not listed in the nav. Useful for landing pages, thank-you pages, or pages linked from buttons.

Fields

All the same fields as Aggregator Page Main, plus:

Field	What It Does
Page Type	”Sub Page” or “Orphaned Page”
Parent Page	Which main page this lives under (for sub-pages)
CSS Class	A styling hook used to customize how this page looks. Your developer manages these values. As per-site documentation is built out, available CSS classes for your site will be documented there.

How Content Is Organized on a Page

A page’s content array is an ordered list of items. Each item renders top-to-bottom on the page.

The most common items you’ll see in a page’s content array:

Content Type	What It Does
Pure Content	A block of formatted text — the most common (see Pure Content)
Pure Aggregator	A container that groups multiple items together with its own layout (e.g., a grid of cards, an accordion of FAQs)
Featured Item	A card that links to another page or external URL (see Featured Items)

Example: A Typical About Page

Here’s what an About page might look like in Contentful:


Aggregator Page Main: "About" (slug: "about")
├── Pure Content: "Welcome to Our Organization" (intro paragraph)
├── Pure Aggregator: "Our Team" (Grid layout, 3 columns)
│   ├── Person: Jane Smith
│   ├── Person: John Doe
│   └── Person: Maria Garcia
├── Pure Content: "Our History" (text with floating image)
└── Pure Aggregator: "Get Involved" (Grid layout, 2 columns)
    ├── Featured Item: "Volunteer" card → /volunteer
    └── Featured Item: "Donate" card → /donate

The page renders each item in order, top to bottom. The “Our Team” section uses a Grid display to show three people side by side, and the “Get Involved” section uses a two-column Grid for its cards.

Pure Aggregator

A Pure Aggregator is a section — a container that groups content within a page. It’s the most powerful building block because it:

Has its own title (displayed as a section heading)
Has its own display type (Grid, Accordion, MenuTab, etc.)
Contains an array of content items — any mix of text blocks, cards, people, forms, etc.

This is what makes your pages flexible. Your homepage might have a regular text section, then a grid of cards, then an accordion of FAQs, all on one page.

Fields

Field	What It Does
Title	Section heading — displayed above the content
Display Type	How items inside are arranged (see Display Modes)
Column Numbers	For Grid display — how many columns (2, 3, or 4)
Content	The items inside this section
CSS Class	A styling hook used to customize how this section looks. Your developer manages these values. As per-site documentation is built out, available CSS classes for your site will be documented there.

The Content Hierarchy

Everything follows this pattern:


Site Settings (one per site)
└── Homepage → Aggregator Page Main

Aggregator Page Main (or Regular)
└── Content Array
    ├── Pure Content (text block)
    ├── Pure Aggregator (section container)
    │   └── Content Array
    │       ├── Pure Content
    │       ├── Person
    │       ├── Featured Item
    │       └── Form Maker
    ├── Pure Content (another text block)
    └── Pure Aggregator (another section)
        └── ...

Key insight: Pure Aggregators can contain almost any type of content. This means you can put text blocks, people cards, featured items, and contact forms all inside the same section — and the display type controls how they’re arranged.

Tips

Navigation order controls the left-to-right position in the nav bar. Use whole numbers (1, 2, 3…) and leave gaps if you might add pages later (1, 3, 5…).
Slugs should be short, lowercase, and use hyphens: our-team, get-involved, contact. Avoid spaces or special characters.
Pure Aggregators are reusable — the same section can appear on multiple pages. Update it once, and it updates everywhere.
Changes go live after you click Publish in Contentful. Your site updates within a few minutes.