The Role of Page Types
Page types serve as templates and guardrails:- Templates: Define structure and available options for pages
- Guardrails: Control what editors can modify
- Freedom within bounds: Editors get content autonomy without breaking design
Think of page types like form templates. You define the structure (fields, available sections), and editors fill in the content. They can’t change the form itself, just the answers.
Core Configuration
Available Blocks
The most important decision: which blocks can editors use in the body slot?1
Open page type editor
Navigate to your site, go to Page Types, and open the page type you want to configure.
2
Go to Blocks tab
Click on the “Blocks” tab to see which blocks are available for this page type.
3
Add blocks
Click “Add Block” to select which blocks editors can use:
- Be selective: Only include blocks that make sense for this page type
- Consider use cases: What will editors actually need?
- Test the flow: Can editors build complete pages with available blocks?
4
Remove unnecessary blocks
If a block doesn’t fit, remove it. Fewer, focused options are better than overwhelming choices.
Header and Footer Slots
Header and footer slots contain blocks that appear on every page of this type. Editors can’t add, remove, or reorder these blocks.1
Configure header slot
Add blocks that should appear at the top of every page:
- Navigation
- Site header
- Breadcrumbs
- Page-specific header
Header blocks appear in the same order on every page. Editors can’t change the structure, only edit the content within fields.
2
Configure footer slot
Add blocks that should appear at the bottom of every page:
- Site footer
- Newsletter signup
- Related content
- Copyright notice
3
Keep slots flexible
Consider whether blocks truly need to be in header/footer:
- Header/Footer: Navigation, branding, site-wide elements
- Body: Everything else that might vary by page
Page Fields
Page fields are metadata that applies to the entire page. Use them for information that doesn’t fit in individual blocks.1
Add page fields
Go to the Fields tab and add page-level fields:Common page fields:
meta_title(Text) - SEO titlemeta_description(Text) - SEO descriptionfeatured_image(Image) - Social media imagepublish_date(Date) - Publication dateauthor(Page, Person type) - Article authorcategory(Select) - Content categoryfeatured(Toggle) - Mark as featured
2
Choose appropriate field types
Use the right field type for each purpose:
- Text: Titles, short descriptions
- Rich Text: Long descriptions, excerpts
- Image: Featured images, thumbnails
- Date: Publication dates, event dates
- Select: Categories, status options
- Page: Authors, related pages
- Toggle: Featured status, visibility flags
3
Add helpful labels and help text
Make fields editor-friendly:Good field configuration:
- Field name:
featured_image - Label: “Featured Image”
- Help text: “This image appears in social media shares and at the top of the post. Recommended size: 1200x630px.”
- Field name:
img_1 - Label: “Image”
- Help text: (empty)
Best Practices
1. Start with User Needs
Think about what editors will actually create: Blog:- Text for articles
- Images for illustrations
- Quotes for pull quotes
- Code blocks for tutorials
- Hero for impact
- Text for content
- Images for visuals
- Card grids for features
- Date/time/location
- Description
- Registration form
- Speaker bios
2. Limit Choices to Useful Options
More options ≠ better. Too many blocks overwhelm editors and dilute your design. Good: Focused options3. Use Descriptive Names
Page type names help editors choose the right template:- ✅ “Blog Post”
- ✅ “Default”
- ✅ “Team Member”
- ✅ “Case Study”
- ❌ “Type 1”
- ❌ “Template A”
- ❌ “Generic”
4. Create Reusable Patterns
Build page types that work across similar content: Person page type (reusable for):- Team members
- Authors
- Speakers
- Advisors
- Blog posts
- News articles
- Case studies
- Documentation pages
5. Test with Real Content
Before handing off to editors:- Create a test page using the page type
- Try to build a realistic page with available blocks
- Look for gaps: What’s missing? What’s unnecessary?
- Refine based on what you learn
Common Page Type Patterns
Blog Post
Purpose: Article content with metadata Available blocks:- Text
- Image
- Quote
- Video
title(Text, required)excerpt(Text)author(Page, Person type)publish_date(Date)featured_image(Image)category(Select)tags(Repeater with Text)meta_title(Text)meta_description(Text)
- Site Navigation
- Breadcrumbs
- Site Footer
Team Member
Purpose: Individual profiles Available blocks:- Text (for bio)
- Image (for additional photos)
name(Text, required)title(Text, required) - Job titlephoto(Image, required)email(Text)bio(Rich Text)linkedin(URL)twitter(URL)
- Site Navigation
- Site Footer
Event
Purpose: Event listings with date/location Available blocks:- Text (for description)
- Image (for photos)
- Map (for location)
title(Text, required) - Event namedate(Date, required)time(Text)location(Text, required)address(Text)registration_link(Link)featured_image(Image)description(Rich Text)
- Site Navigation
- Site Footer
Iterating Based on Feedback
Page types aren’t set in stone. Improve them based on editor needs:Signs You Need to Adjust
Editors keep asking for a specific block: → Add it to the page type A block is never used: → Consider removing it Editors work around limitations: → Add the missing capability Editors are confused by options: → Reduce choices or improve labels Editors duplicate pages instead of creating new ones: → The page type might be too restrictiveMaking Changes
1
Gather feedback
Ask editors what’s working and what’s not:
- What blocks do you wish you had?
- Which blocks do you never use?
- What feels limiting?
- What feels overwhelming?
2
Test proposed changes
Before making changes live:
- Create a test page type with proposed changes
- Have an editor test it
- Verify it solves the problem
3
Update and communicate
When making changes:
- Update the page type
- Let editors know what changed
- Consider creating a quick guide for new features
Advanced Patterns
Conditional Page Type Fields
Conditional Page Type Fields
Use conditional fields to show/hide fields based on other selections:Event page type with virtual/in-person toggle:Fields:
event_type(Select) - Options: “In Person”, “Virtual”venue(Text) - Show only whenevent_typeis “In Person”address(Text) - Show only whenevent_typeis “In Person”meeting_link(URL) - Show only whenevent_typeis “Virtual”
Using Page Field References
Using Page Field References
Allow blocks to reference page-level data:Blog Post header block that shows the featured image from page fields:Block fields:
featured_image(Page Field) - References the page’sfeatured_imagefield
- Single source of truth for page-level data
- Editors update one field, it appears everywhere
- Reduces duplication and inconsistency
Reusable Content Patterns
Reusable Content Patterns
Use Page List fields to automatically include content:Team page with automatic team member list:Available blocks:
- Text (for introduction)
- Team Grid (uses Page List field)
members(Page List, Person type) - Automatically shows all Person pages
- Team directory pages
- Blog post listings
- Product catalogs
- Event calendars
Troubleshooting
Editors Can’t Find Blocks They Need
Problem: “I need a gallery block but it’s not available” Solution: Add the block to the page type’s available blocks listEditors Break Layout
Problem: Editors add too many CTAs or use blocks incorrectly Solutions:- Remove problematic blocks from available options
- Create more specific blocks with built-in constraints
- Add Info fields with usage guidelines
- Provide examples of well-built pages
Pages Look Inconsistent
Problem: Every page looks different Solutions:- Use header/footer slots for consistent structure
- Limit block options to maintain cohesion
- Create example pages editors can duplicate
- Add visual guidelines (style guide)
Editors Want More Flexibility
Problem: “This feels too restrictive” Solutions:- Identify specific pain points
- Add necessary blocks thoughtfully
- Consider if constraints are serving design goals
- Balance freedom with consistency