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
- Section: select section → Cmd/Ctrl+D
- Symbol: right-click on symbol in Add panel → Duplicate (creates an unlinked copy)
- Component: same as symbol — duplicate breaks the link to the original
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:
- Select the section or elements you want to reuse.
- Right-click and click Copy (or press Ctrl+C / Cmd+C).
- 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.
.jpg)