Read Time

0

min

Read Time

0

min

CMS

Jul 9, 2025

How to Add a Collection to the Framer CMS Detail Page

Framer CMS provides a powerful feature that allows you to add two or more CMS collections to a detailed page, effectively showcasing related content. This improves user experience and seamlessly integrates into the page design.

Uploaded by

Translated by

The blue database icon connects to multiple gray square elements, representing a CMS collection indicating data organization and management systems on a black background.
The blue database icon connects to multiple gray square elements, representing a CMS collection indicating data organization and management systems on a black background.
The blue database icon connects to multiple gray square elements, representing a CMS collection indicating data organization and management systems on a black background.

Contents

Table of Contents

This document aims to help Korean users learning Framer who face difficulties due to a lack of resources in Korean. We've translated content from the official blog into Korean and added practical information. We hope this is somewhat helpful to all of you using Framer.

Adding a Collection List

When utilizing CMS in Framer, there are times when you need to display more than one CMS collection on a single detail page. For instance, this is useful when you want to show related posts or a list of recommended products on a 'blog post detail page.' In these cases, you can directly add a new CMS collection to the page.

  1. Open the Insert menu at the top of the page

  2. Select the desired CMS collection from the Collection Lists section in the Insert menu

  3. Drag and drop it onto the canvas, and Framer will automatically create a stack structure connected to the collection

Customizing the Collection

The CMS collection added to the canvas can be freely styled like a regular Stack. In other words, after adding the collection, you can seamlessly integrate the collection's appearance and behavior into your page design, which is a strength of Framer CMS.

Note: By selecting the collection layer, you can immediately adjust visual properties such as layout, spacing, and background color in the right panel.

Precautions

  • You can easily add multiple CMS collections even on CMS detail pages.

  • Each collection is automatically linked to its respective data.

  • If the added collection is not displaying correctly or if issues arise, you can contact Framer support for quicker assistance.

Tips for Utilizing CMS Collections

  • Show recommended content on the detail page: By loading a list of posts from the same category as the current one into a separate collection, you can encourage users to stay longer.

  • Add related product sections: Using this feature, you can dynamically show 'Products viewed together by customers who viewed this product' on a product detail page via CMS.


This article is an adapted translation of Framer’s official blog content ‘How do I add another CMS collection in a CMS detail page’.

블로그 공유하기
블로그 공유하기

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

If you are an expert available for Framer freelance work,
anyone can apply.
No intermediary fees, we directly connect
experts and clients.