How to Make a Duplicate Page in Webflow: Step-by-Step Guide 2026

To duplicate a page in Webflow: open the Pages panel (Cmd/Ctrl+Shift+P), hover over the page you want to duplicate, click the three-dot icon, and select "Duplicate." The duplicate appears with "(copy)" appended. Rename the page, set a new slug, and update meta title/description to avoid duplicate content.

For CMS template pages, you can't duplicate the template itself but you can duplicate the source design and rebind it to a different collection. Page duplication is the fastest way to A/B test landing pages or scaffold similar pages.

In this step-by-step guide, we’ll walk you through how to make a duplicate page in Webflow from static pages to individual sections, and keep your website clean and organized.

Why Duplicate a Page in Webflow?

Before jumping into the step-by-step tutorial, let’s briefly explore why duplicating a page can be a game-changer in your Webflow workflow.

1. Reuse Layouts for Similar Content

Creating a new page from scratch every time you need a similar layout is inefficient. By duplicating an existing page, you can reuse your proven layouts and adapt them to new content with minimal effort.

2. Maintain Design Consistency

Design consistency is crucial for user experience. Duplicating pages helps you preserve the same typography, spacing, and component styling across your entire site, especially when you're working with multiple contributors or iterations.

3. Speed Up the Website-Building Process

Time is money, and duplicating pages dramatically cuts down on design and development time. This is particularly helpful when building out multi-page sites such as blogs, product listings, or service landing pages.

4. Useful for A/B Testing or Template Creation

Want to test different versions of a landing page? Duplicating the original page makes it easy to make changes while keeping a fallback version. It’s also a great strategy for creating internal templates for future use.

How to Duplicate a Static Page in Webflow?

Duplicating static pages in Webflow is simple and takes only a few seconds. Here’s how to do it:

Step 1: Go to the Pages Panel

In the Webflow Designer, open the left-hand sidebar and click the Pages icon. This opens the full list of your static pages and CMS templates.

Step 2: Hover Over the Page You Want to Duplicate

Find the page you want to duplicate under the Static Pages section. Hover your mouse over it, and you’ll see a few icons appear to the right.

Step 3: Click the ‘Duplicate’ Icon

Click the small icon that looks like two overlapping squares (📄📄). This is the Duplicate Page button. Webflow will instantly create a copy of the page commonly referred to as a Webflow copy page, and name it something like “Page Name (Copy).”

Step 4: Rename the Duplicated Page

Click on the new page to open its settings. Change the Page Name to something relevant (e.g., “Pricing Page V2” or “Landing Page Template”).

Step 5: Update the URL Slug

Webflow automatically adds “-copy” to the end of the page slug. Be sure to change the URL Slug to something clean, SEO-friendly, and descriptive (e.g., yourdomain.com/landing-page-v2).

Step 6: Modify Page Content As Needed

Now that you have a duplicate page, you can start editing content, images, and structure without affecting the original. This is especially helpful for quick iterations or design experiments.

How to Duplicate a Section, Symbol, or Component

1. Section: select section → Cmd/Ctrl+D
2. Symbol: right-click on symbol in Add panel → Duplicate (creates an unlinked copy)
3. Component: same as symbol — duplicate breaks the link to the original

How to Duplicate a Page Without Affecting the Original

Duplicating a page in Webflow copies the elements but keeps the same CSS classes, so restyling the copy also changes the original. To make an independent page, duplicate it, then give the sections new class names before you edit anything.

Here's the exact workflow:

1. Open the Pages panel, hover over the page you want to copy, click the settings gear, and choose Duplicate. Webflow creates a copy with "(1)" appended to the name.
2. Rename the new page and set a clean slug in Page Settings.
3. This is the step everyone misses: on the new page, select the top-level sections you plan to restyle and give them new class names (for example, rename `hero` to `hero-about`). You can do this by clicking the class in the Style panel and typing a new name, then choosing Create new class.
4. Now edit freely. Because the copy uses its own classes, your changes stay isolated and the original page is untouched.

If you only need to reuse a block rather than a whole page, save it as a component instead components update everywhere on purpose, which is the opposite of what you want when duplicating.

Duplicate Page vs. Clone Site vs. Duplicate Across Projects

These three get mixed up constantly. Duplicating a page copies one page inside the same project fastest way to spin up a near-identical landing page or template. Cloning a site copies an entire project into a new one, which is what you want when you’re reusing a whole build as a starting point (see our guide on how to clone a Webflow site). Duplicating across projects isn’t a one-click action you either clone the whole site, or save the elements you need to a Library and pull them into the other project from your Workspace.

If you’re doing this to stand up multiple client sites from one base, that’s a systemized build something we handle as a Webflow development agency.

Duplicating Sections or Elements Between Pages

Sometimes, you might not need to duplicate an entire page. Instead, you may want to reuse specific sections, such as a contact form, pricing table, or feature grid. Webflow offers flexible ways to do this.

Use of Symbols and Components

Webflow’s Symbols (now referred to as Components) allow you to reuse elements across multiple pages or projects. If you frequently use the same header, CTA section, or footer, you can even use Webflow duplicate component functionality to speed up your workflow just convert it into a Component.

• Select the section or element.
  
• Right-click and choose “Create Component” (or press Ctrl+E → "Create Component").
  
• Give it a descriptive name (e.g., “Hero Section”).
  
• Drag and drop this component into any page where you need it.

Copy and Paste Elements Across Pages

Another simple way to duplicate content is by using copy and paste:

1. Select the section or elements you want to reuse.
   
2. Right-click and click Copy (or press Ctrl+C / Cmd+C).
   
3. Navigate to the new page and paste (Ctrl+V / Cmd+V).
   

This method is especially useful when creating pages with a similar structure but unique content.

Tips for Maintaining Class Styles and Responsiveness

• When copying elements, Webflow retains all class styles and responsive settings, so your design remains consistent across breakpoints.
  
• However, avoid overloading your site with unused styles. If you're experimenting, consider using nested classes or combo classes to isolate changes.

Must Read: How To Embed A Video In Webflow?

Conclusion

Duplicating a page in Webflow is one of the simplest yet most powerful actions you can take to improve workflow, speed up production, and maintain design consistency across your website.

Whether you're building 20+ service pages for an agency site, running A/B tests on different hero sections, or simply reusing a beautifully designed landing page, the duplicate page in Webflow feature saves time and effort without compromising quality.

By following the step-by-step process outlined above, you can confidently clone static pages, reuse key design sections, and create more efficient design systems within Webflow.

FAQ's:

1. Can you duplicate a page in Webflow?

Yes, you can duplicate static pages in Webflow easily using the Pages panel. Simply hover over the page name, click the duplicate icon, and modify the new page’s name and slug.

2. How do I duplicate a CMS template page in Webflow?

You can't directly duplicate a CMS Collection template page, because each Collection has exactly one template. To reuse a template's design for a new Collection, create the new Collection, then copy the elements from the original template page and paste them onto the new one, re-binding the dynamic fields.

3. Will class styles and responsiveness carry over when duplicating a page?

Yes. When you duplicate a page or copy elements between pages, all class styles and responsive settings are retained, ensuring design consistency across your site.

4. What happens to SEO metadata when a page is duplicated?

The SEO metadata (like title tags, descriptions, Open Graph settings) will be duplicated as well. You should manually update these fields in the duplicated page’s settings to avoid duplicate content issues.

5. Can I copy a Webflow page to another project?

Not directly. But you can copy and paste individual sections or components between projects if both are open in different tabs under the same Webflow account.

6. Why doesn't my duplicated page have the same styles?

Duplicated pages keep all classes and styles. If styles look off, check whether the page uses page-specific custom code (in Page Settings → Custom Code) that doesn't duplicate. Re-paste it on the new page. Also check whether linked symbols still appear correctly; sometimes duplicating moves a page outside a folder where the symbol expects to live.

7. Can I duplicate a CMS template page?

Not directly. CMS template pages are bound to a specific collection. To use the same design for a different collection, duplicate the page design as a static page first, then convert it to a template for the new collection. Or copy individual sections into a fresh template page on the target collection.