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.

Framer Logo for Blog Authors

Uploaded by

Profile of Blog Author Song Yebin

Translated by

A blog thumbnail explaining how to add a CMS collection to a detailed page in Framer, highlighting the collection list and customization options.
A blog thumbnail explaining how to add a CMS collection to a detailed page in Framer, highlighting the collection list and customization options.
A blog thumbnail explaining how to add a CMS collection to a detailed page in Framer, highlighting the collection list and customization options.

Contents

Table of Contents

This document was created to help domestic users learning Framer by addressing the difficulties caused by the lack of Korean materials. It translates content from the official blog into Korean and adds practical information. We hope it offers some assistance to Framer users.

Adding a Collection List

When using a CMS in Framer, there are times when you need to display more than one CMS collection on a single detail page. For example, it is useful when you want to show related posts or a list of recommended products on a 'Blog Post Detail Page.' In such cases, you can directly add a new CMS collection to the page.

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

  2. In the Insert menu → select the desired CMS collection from the Collection Lists section

  3. By dragging and dropping it onto the canvas, Framer will automatically create a stack structure connected to the collection.

컬렉션 리스트를 추가하는 방법을 설명합니다.

Customizing a Collection

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

컬렉션을 커스터마이징하는 방법을 설명합니다.

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

Precautions

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

  • Each collection is automatically connected according to the respective data.

  • If the added collections don't display correctly or an issue arises, you can contact Framer support for quicker assistance.

Note: Tips for Using CMS Collections

  • Displaying Recommended Content on a Detail Page: By loading a list of posts in the same category as the current post into a separate collection, you can keep users engaged longer.

  • Adding Related Products Section: By using this feature, you can dynamically show 'Products Viewed by Customers Who Viewed This Item' as a CMS on a product detail page.


This post has been adapted and translated from the Framer official blog's ‘How do I add another CMS collection in a CMS detail page’.

Share Blog

Share Blog

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.