Duplicate a template page linked to a collection

I have an existing collection with a linked CMS template page. I want to create a new collection based on this and slightly tweak it. I have create the collection no problem and now ideally want to copy/duplicate the existing template. I understand this is no possible and I have to basically rebuild the template from scratch. Can anyone suggest confirm this and also suggest a workaround ??
many thanks


Here is my public share link: LINK
(how to access public share link)

Copy and paste.
So this isn’t ideal because you may have a lot of top-level elements, and a lot of data-bindings.
Here’s how I might approach that;

FROM PAGE
Collapse everything in the nav view so that you only see Body, and it’s 1st level children
Click BODY and add DIV. Drag it up so it’s just under the BODY
Drag each element from the bottom of the list up and into the DIV, until you have your entire page content wrapped in the DIV.
Click the DIV and copy
Click the BODY and paste
You now have two copies of your page
Now using Finsweet’s browser plug-in, select that second bottom DIV, and use the Finsweet Candies- the Unbind CMS items one.
It will reload the browser and everything in that second DIV ( only ) will be unbound.

Copy that second DIV over to your new collection page

TO PAGE
Now bind all of the elements on the new page to your second CMS collection.

Once you’re sure it’s working, delete that second DIV on the FROM page, and you can also “unwrap” all of those page contents from that unclassed DIV.

Note that part of the purpose of the DIV is to work around a current Webflow bug with copy-paste, that duplicates the wrong elements.

Yeah, this is a process, but like 5 mins, instead of the 60+ you might need to completely rebuild the page from scratch.

3 Likes

thank you v much. will try it out

I managed to follow all steps until I got to the paste into TO page. I can paste some of the sections. But the main one generates an error: “Multi reference Collection lists can only be moved within the same connection.” what do I do?? thanks

That means you still have something data-bound in your elements in that section you’re trying to copy.

If you did the Finsweet unbind step properly it should remove all collection bindings, but there’s a chance it could have missed something. You’ll need to expand that whole section and look for things that still need to be unbound.

CMS-bound things are usually indicated in purple.

Great workaround, thanks! Webflow should just make it an easy option to duplicate collection pages. They already enabled the function of duplicating collection.

1 Like

And even this is inconvenient, in Webflow there are already a bunch of small and big inconveniences that force the developer to act strangely, uncomfortably, routinely.

I have used this practice more than once, but it’s terrible, it’s a crutch.

For example, right now I can’t just create a copy of the page-wrapper because I have a nested collection inside, oh surprise! Nested collections have also been an unsolvable problem for more than 5 years.

I don’t understand Webflow, such strange shortcomings need to be fixed first. Copying div blocks and then detaching everything from them, considering that the new page and collections have the same field names and variables, creates a strange feeling and makes me think that this is a circus and they are mocking me.

There are a lot of pain points in Webflow that burn with a red flame, but they have been ignored for several years. These shortcomings do not look like minuses for which you can pay extra and solve on a more expensive plan, they are not fixed at all, in essence, it looks like a bug called a feature.

‘oh sorry, You cannot have more than 1 nested Collection List on a single page.’
but what it really means
‘oh sorry, WE cannot have more than 1 nested Collection List on a single page.’

webflow, you’re awesome, I’m grateful for your years of work and the opportunity to use your tools, but please show concern for the developers who work on your platform, who take weird positions to solve simple problems like duplicate collection pages, limiting nested collections, number of collection sheets per page and much, much more.

Here is a great example on how to unbound CMS data and copy your style across to another page.
https://youtu.be/0C2h-75Qk_E

Does this still work? I’m getting this error when trying to copy my product template
Screenshot 2024-06-28 at 2.00.41 PM

Update, it seems the Finsweet unbind thing doesn’t work for some elements like the quantity text box. Even when you select the element individually it’s still connected to the CMS

This guy in the video saved me a lot of time, I was having a hard time unbinding all the CMS references. And the workaround was to copy the whole site to a different webflow site and then copy-paste it to the page you want.