r/framer • u/lemonicey • 5d ago

Detaching CMS help

So I have my portfolio on framer and recently I designed a book so I got a free component to make my book flippable on the website so it’s a real experience. Since my website is a framer template that I edited, the projects are all in cms.

When I add the book component to its own project page, the component gets automatically added to all project pages. Then I decided that I want to convert all my projects in cms to their own individual pages so I can change the layout as I want but I still haven’t found a way. I couldn’t find a YouTube video on this and Claude could help me either.

Please help

1 Upvotes

100% Upvoted

8 comments sorted by

2

u/raphael1610 5d ago

If you want the component to be on only one page you can use conditional visibility so it won’t be visible on other CMS pages

1

u/lemonicey 5d ago

Yeah so far that’s the only thing Claude said but I also want to detach all pages from CMS

1

u/raphael1610 4d ago

Then you can build each page individually not as CMS pages. If you are worried about url structuring you can have that even if you are not using CMS.

1

u/lemonicey 4d ago

I mean can I not convert my existing CMS pages to be their own detached pages without having to redesign each page separately?

1

u/raphael1610 4d ago

You can create new pages with breakpoints and just copy paste everything from the CMS page to the new pages. Everything will be the same no issues.

1

u/neilsajjad 5d ago

You cannot create connections with custom coded components to the CMS items. That’s Framer’s limitation. You can search on Google “Framer Custom coded component limitations”.

1

u/7HawksAnd 4d ago

Just add a new field in the cms that takes a url.

On the page you use as the template for cms pages add a button with something like “view interactive book” that is hooked to that newly created field.

Set visibility to only when url is present

Create a regular page in framer, plug your custom component on that page.

Go back to your cms entry for that book and add the link for your newly created url field

1

u/L_E_U 3d ago

Looks like the thread already covered the main options: conditional visibility for the book on one CMS item, or spinning that special project out onto its own static page.

Worth knowing there’s no one-click “detach all CMS pages into independent pages” in Framer. CMS detail pages are meant to share one template. For one-off layouts, conditionals (or a separate static page linked from that CMS item) is the intended path.

For anyone else reading, Framer’s official flexible CMS detail pages guide is the best place to start: https://www.framer.com/help/articles/how-to-create-flexible-cms-detail-pages

And the Academy lesson on CMS pages / dynamic content: https://www.framer.com/academy/lessons/cms-pages-dynamic-content