Setting up a CMS Page

In this tutorial, you'll build a CMS detail page in Framer. Create and customize the page by adding components like a navbar, image frame, and text sections. Link elements (e.g., titles and images) to CMS fields for dynamic updates. Styling changes apply across all CMS pages for consistency.

In this tutorial, you'll build a CMS detail page in Framer. Create and customize the page by adding components like a navbar, image frame, and text sections. Link elements (e.g., titles and images) to CMS fields for dynamic updates. Styling changes apply across all CMS pages for consistency.

Continue course

Continue course

Introduction to the Framer CMS

3:34

Introduction to the Framer CMS

3:34

Introduction to the Framer CMS

3:34

Creating your First CMS Collection

0:45

Creating your First CMS Collection

0:45

Creating your First CMS Collection

0:45

Creating CMS Items & Fields

2:04

Creating CMS Items & Fields

2:04

Creating CMS Items & Fields

2:04

Setting up a CMS Page

4:14

Setting up a CMS Page

4:14

Setting up a CMS Page

4:14

Adding CMS Collections to non CMS Pages

2:43

Adding CMS Collections to non CMS Pages

2:43

Adding CMS Collections to non CMS Pages

2:43

Filtering and Sorting CMS Collections

3:14

Filtering and Sorting CMS Collections

3:14

Filtering and Sorting CMS Collections

3:14

Conditionals & Transforms on CMS Collections

3:08

Conditionals & Transforms on CMS Collections

3:08

Conditionals & Transforms on CMS Collections

3:08

Adding and Styling Videos & Code in your CMS Rich Text Fields

3:25

Adding and Styling Videos & Code in your CMS Rich Text Fields

3:25

Adding and Styling Videos & Code in your CMS Rich Text Fields

3:25