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.
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.
let HeyBraza do this with you
HeyBraza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.
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.