Justin
3:45
Build your Framer CMS with the Agent
Learn how to use the Framer CMS to organize repeatable content in collections, define the fields each item needs, and connect that content to pages and collection lists. You can update an item once while Framer keeps every connected layout in sync, without rebuilding pages by hand.
Lesson details
The Framer CMS separates your content from the page design. A collection groups related content such as articles, projects, or team members. Each item is one record, and fields define the text, images, dates, links, and other values every record can contain.
Start by creating a collection and choosing fields that match the content you plan to manage. Add items from the CMS, import structured data when needed, and keep field names clear so editors know what belongs in each entry.
Connect collection fields to a CMS detail page to reuse one layout for every item. Use a collection list when you want to show several items in an index, grid, or featured section. Add or update content in the collection and Framer reflects it wherever those fields appear.
Frequently asked questions
What types of content can I manage with the Framer CMS?
Use the Framer CMS for structured content that repeats across your site in Framer, such as articles, events, case studies, team profiles, or products. A collection gives each item the same set of fields while letting the content inside those fields change.
How can a the Agent import existing CMS content?
Attach a CSV or Markdown file to the Agent chat and ask the Agent to import it into a named collection. The agent can create the collection, define the required fields, and add the items, which saves you from copying each value by hand.
How is content organized in the Framer CMS?
The CMS contains collections, each collection contains items, and fields define the information stored in every item. In an Articles collection, one row might be an article while columns store its title, image, link, date, and body content.
What do status and slug control in a CMS item?
Status determines whether an item remains a draft or can appear on the live site. The slug defines the item’s URL segment. Both sit alongside your custom fields and can be reviewed for each item before you publish content.
How does CMS content connect to pages in Framer?
Connect collection fields to layers through CMS variables. An index page lets visitors browse several items, while a detail page uses one reusable layout to show each item in full. A the Agent can create and connect either page for you.
Continue watching
Load more