Search lessons

Adding CMS Collections to non CMS Pages

In this tutorial, you'll add a collection list to a non-CMS page in Framer to display blog previews. Insert a collection list, style it with a grid layout, link CMS fields, and ensure each item links to its detailed blog page.

In this tutorial, you'll add a collection list to a non-CMS page in Framer to display blog previews. Insert a collection list, style it with a grid layout, link CMS fields, and ensure each item links to its detailed blog page.

Framer CMS Basics Lessons

Framer CMS Basics Lessons

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