Canvas — visual editing for your pages
Canvas is the drag-and-drop layer on top of your content. Structure stores the data; Canvas controls how it looks on the page — especially when every page needs its own layout.
Now that you understand content types, vocabularies, and relations, Canvas is easier to grasp. Structured content lives in the CMS — Canvas is how you build each page visually. Canvas is especially great for custom landing pages and any page where editors need a different layout: a campaign page with a hero and signup form, a product launch with cards and testimonials, or a homepage that mixes content listings with promotional blocks — all without rebuilding the site in code.
Drag blocks from the library, reorder them on the page, and click any block to edit its copy in the inspector — just like Canvas on your Harvest & Steam demo site. Each page can have its own block order and mix.
Canvas block editor (simulation)
Ideal for landing pages and flexible layouts — drag blocks from the library, drop them on the page, reorder with the handle, and edit text in the inspector panel.
Hero
Rich text
Card grid
Content listing
Call to action
Harvest & Steam
Downtown Portland
Portland's craft coffee, roasted with care
Single-origin pour-overs, fresh pastries, and a workspace you'll love — downtown Portland.
Content vs layout
Structured entries live in the CMS. Canvas blocks decide how hero sections, listings, and calls-to-action appear on each page — and let every landing page use a different block mix.
Drag, don't code
Grab the drag handle to reorder blocks. Drop new sections from the library — perfect when marketing needs a fresh layout for a campaign or event page.
Draft before publish
Page layout changes can be saved as drafts and reviewed before they go live.
Tip
If a block shows the wrong content, check the structure first (content type + relation), then adjust the Canvas block settings.
