The three parts: collections, fields and detail pages
This is a research guide built from Framer's CMS page, pricing page and help center, read on 30 October 2026. We have not built this library ourselves.
A collection is one type of content, such as case studies or team members. Each item in it fills in the same fields. Framer's CMS page lists text, images, rich text, dates and references, and shows field types including Image, Reference, Toggle, Icon, Color, File and Link. Its help center adds Option fields. [1][2]
A detail page is the layout for one item. Framer's CMS page says its agent can create the detail page route and map every field into the layout, and that slugs are set up automatically, which is what gives each item its own address. Plain text CMS values can also fill the page title and description, for example with a {{Text}} variable. [1]
| Field type | Typical use in a case-study library |
|---|---|
| Text | Project name |
| Slug (set up automatically) | The page address, such as /work/acme-rebrand |
| Image | Cover image and inline shots |
| Date | Project completion date for sorting |
| Rich text | The write-up itself |
| Reference | Link each study to an Industry item in another collection |
| Toggle | Show or hide a results block |
| Link or File | Live site link or downloadable PDF |
Getting content in
Manually: add and edit items in the CMS view or on the canvas. [1]
On the live site: owners and collaborators with Content permissions can edit published pages, including CMS content, in the browser, and create new CMS pages from an existing detail page. A collaborator with publishing permissions must review and publish before changes go live. Layout templates and overlay content cannot be edited this way. [6]
In bulk: Framer's CMS page lists CSV import and says its agent reads your columns, creates the collection schema, maps every field and populates all items. Google Sheets and Airtable sync are listed as features. Plugins appear in the interface, but the page does not explain plugin import. [1]
Drafts: content can be staged and previewed before publishing. [1]
Showing content on pages
Collection lists are inserted from the Insert menu's Collection Lists section and behave like a stack connected to CMS data. You can place several on one detail page, for example related studies under the current one, and each is configured separately. [3]
To cap how many items a list shows, select it, find the CMS Content section in the sidebar and add Limit. [4]
Detail pages can adapt to each item. The Is Set condition shows an element only when it has content, such as an optional image. Option and Toggle fields let you switch layouts per item, for example a one-image versus three-image variant. [2]
Plan limits that apply
Source: Framer pricing page. Two things on that page do not line up: the FAQ gives Free 10 collections while Basic lists 2, and Framer's CMS page says up to 100K items while the Pro add-ons stop at 40,000 (higher would mean Enterprise). The pricing page also caps pages per plan; in the text we read it does not say whether CMS detail pages count toward that. Confirm both with Framer before committing to a plan. [5][1]
Hitting a page or CMS cap prompts an upgrade, unlike bandwidth, which you can exceed for a month. [5]
| Plan | Price | Collections | CMS items | Pages | Bandwidth |
|---|---|---|---|---|---|
| Free | $0 | 10 (pricing FAQ) | Not stated | 1,000 (FAQ) | 1 GB, Framer domain only |
| Basic | $10/mo | 2 | 1,000 | 30 | 50 GB |
| Pro | $30/mo | 10, then $40 per 10 (40 max) | 2,500, then $20 per 10,000 (40,000 max) | 150, then $20 per 100 (700 max) | 100 GB |
| Enterprise | Custom | Custom | Custom | Custom | Custom |
Worked example: a 40-post case-study library
Model it as two collections. Case studies holds 40 items with the fields in the table above. Industries holds, say, 6 items, and each case study has a Reference field pointing at one industry. That is 2 collections and 46 items: inside Basic's 2 collections and 1,000 items. [5]
Add a Clients collection and a Team collection for author bios and you need 4 collections, which is beyond Basic. Pro allows 10. If you only need a label, use an Option field on the case study instead of a second collection and stay on Basic. [1][5]
Detail page: one layout with title, cover, rich text body, an Is Set rule to hide the results block when empty, and a collection list of 3 more studies limited with Limit. [2][3][4]
| Design choice | Collections used | Fits Basic? |
|---|---|---|
| Case studies with an Option field for industry | 1 | Yes |
| Case studies plus Industries reference | 2 | Yes |
| Plus Clients and Team | 4 | No, needs Pro |
Who should use references and who should stay flat
Skip Framer CMS for a catalogue in the tens of thousands of items unless you are ready to talk to Framer about Enterprise; Pro's add-ons cap at 40,000 items. [5]
- Use a reference when the linked thing has its own page or several fields of its own (an author with a bio and photo).
- Stay flat with an Option field when it is only a label (industry name, service type).
- Count collections before you buy: Basic's 2-collection cap is the limit most libraries hit first.
- Plan imports as CSV with one column per field to use Framer's CSV import.
- Give editors Content permissions for on-page editing, and keep publishing with one reviewer.
Questions before you decide
How many CMS items does Framer Basic allow?
Framer's pricing page lists 1,000 CMS items and 2 collections on Basic at $10 a month. Pro lists 2,500 items and 10 collections, with paid add-ons up to 40,000 items and 40 collections.
Can I import content into Framer CMS from a spreadsheet?
Yes. Framer's CMS page lists CSV import and says its agent reads your columns, creates the collection schema, maps every field and populates all items. It also lists Google Sheets and Airtable sync.
Can clients edit Framer CMS content without the editor?
Framer's on-page editing lets owners and collaborators with Content permissions edit CMS content on the published site in a browser. Someone with publishing permissions must review and publish before changes go live.
How do I hide an empty field on a Framer detail page?
Framer's help center describes the Is Set condition: it shows an element only when the item has content for it, such as an optional image, and hides it otherwise. Option and Toggle fields give finer control.
Sources & verification
Product details and prices can change. Check the linked provider before buying.
- Framer CMS Accessed 30 Oct 2026
- Framer help: how to create flexible CMS detail pages Accessed 30 Oct 2026
- Framer help: add another CMS collection to a CMS detail page Accessed 30 Oct 2026
- Framer help: limiting the number of visible CMS items Accessed 30 Oct 2026
- Framer pricing Accessed 30 Oct 2026
- Framer help: using on-page editing Accessed 30 Oct 2026
Sources link directly to providers. Product buttons may use separately labeled affiliate links. Read our disclosure.