framer · HeyBraza shows you
how to create cms pages in framer
HeyBraza points at the 'new cms page' option and shows you how to bind each layer to a collection field.
framer's cms lets you design one detail-page layout that automatically generates a unique page for every item in a collection - perfect for blogs, portfolios, and product lists. the setup confuses people because the page and its fields are connected in two separate places. here's the full path.
short answer
create a cms collection, then add a 'new cms page' from the pages panel and select that collection. you design one template and bind layers to collection fields instead of typing static text - framer generates a live page per item on publish.
or do it yourself
- 1click the cms button in the toolbar and create a collection (or start from sample blog data), then add an item for each page you want.
- 2on the canvas open the pages panel, click the '+', and choose 'new cms page'.
- 3select your collection - framer creates one template page that stands in for every item.
- 4click a text or image layer, open the right-hand panel, and bind it to a collection field (title, image, body…) instead of typing static content.
- 5publish - framer now generates a separate live page for every item in the collection.
steps last checked
let HeyBraza do this with you
HeyBraza teaches you software while you're using it. hold a key and ask out loud - an ai tutor that sees your screen walks you through every step in real time, pointing and highlighting on your real work, talking you through it as it goes - not someone else's tutorial.
downloadcommon questions
can one collection make many pages in framer?
yes - a cms page is one template that framer multiplies into a unique page per collection item, all sharing the same layout.
can my cms pages have different layouts?
by default they share the template, but you can use conditional visibility on layers to make detail pages adapt to each item.
