How can I prevent changes made on a copied page in Webflow from affecting the original page as well?

Published on
September 22, 2023

To prevent changes made on a copied page in Webflow from affecting the original page, you can follow these steps:

  1. Duplicate the page: First, make a duplicate of the original page by selecting it from the Pages Panel and clicking on "Duplicate Page" in the context menu. This will create a new page that is an exact copy of the original.

  2. Rename the copied page: Give the copied page a unique name that differentiates it from the original. This will ensure that any changes made on this page will only affect the copy.

  3. Update links and interactions: If the original page contains any links or interactions that could lead to the copied page, make sure to update those references to point to the correct page.

  4. Design your copied page: Customize the copied page by making the desired changes without worrying about affecting the original. You can modify the layout, style, content, and any other elements according to your needs.

By following these steps, you can work on the copied page independently without altering the content or layout of the original page. This can be particularly useful when you want to create variations of a page or test different designs without impacting the main version.

Note: While the copied page will not affect the original page, any global or symbol changes made in Webflow will reflect across all pages using those elements. If you want to make changes that are only specific to the copied page, you can detach the element from the global or symbol scope.

Additional Questions:

  1. How can I detach an element from the global or symbol scope in Webflow?
  2. Can I copy and paste elements from one page to another in Webflow?
  3. Is it possible to revert back to the original state of a copied page in Webflow?