January 6, 2025

v 1.2.6

Save & Preview

Save & Preview

Framer Gets a Performance Overhaul

  • Experience 2.5X faster project loading with seamless new loading states.

  • Sites now respond 50% faster for smoother interactions.

  • Enhanced Accessibility: Tab through in-app settings effortlessly.

widget pic
widget pic

Introduction

Unlock the full potential of your site with the CMS. Start by clicking CMS in the Toolbar. From the left sidebar, either select Sample Data (recommended for blogs) or build a new Collection from scratch. Once set, the CMS view lets you add, modify, or remove entries. Sample blogs are included for quick setup — edit or delete them as needed.

Configuring Fields

Adapt your content structure by configuring input fields. For a blog, you might use a title, slug (URL path), and a content field for long-form text. Product pages or portfolios may require image fields or other formats. Click any column title to open a field editor, allowing you to add, reorder, or delete fields.

Populating Your Canvas

Return to the canvas and open the Insert menu. Under CMS Content, your collection will be available to drag onto the canvas. This appears as a Data-Connected Stack, repeating layers based on your collection items. You can adjust the design freely — just like working with any Stack.

Building Dynamic Pages

With your content ready, add dynamic pages for blog articles or product listings. Go to the Pages menu, click the + icon, select CMS Page, and choose your collection (like Blog). A new dynamic page will be created, showing data from the first entry.

Ensuring Links Work

To link each collection item to its page, make sure the first item in your Collection List has a working link. If not, revisit the settings and confirm the correct link path.