How to Clone a Webflow Website: Step-by-Step Guide (2026)

Cloning a Webflow website lets you copy an existing site into your own account. You can then edit it, customize it, and publish it as your own.

This skill helps designers reuse components, developers deliver faster to clients, and beginners learn by studying real sites.

What Does Cloning Mean in Webflow?

When you clone a Webflow site, you copy an entire project to your dashboard. The design, layout, and structure all come with it.

You can then explore how it works, change the design, and launch it under your brand.

Here's what happens when you clone:

• The entire site structure copies to your account
• All pages, styles, and interactions transfer over
• You get full edit access to customize everything
• The original site stays unchanged

Cloneables vs Webflow Templates vs Webflow Marketplace: what's the difference?

• Cloneables: Free community-shared projects on webflow.com/made-in-webflow. Created by Webflow users, shared without charge. Quality and support vary by creator. License: typically free for personal and commercial use, but check individual project licenses.
• Webflow Templates: Professionally designed templates sold through webflow.com/templates ($0–$149 typical range). Created by vetted template authors. Come with documentation and support. License: one purchase per site, not for resale or redistribution.
• Webflow Marketplace/Apps: Third-party tools and integrations (not site templates) available in the Webflow App Marketplace.

For a production client project, Webflow Templates give you more design quality assurance and clear licensing than community cloneables. For learning Webflow techniques or testing a layout quickly, community cloneables are faster and free.

How to Clone Webflow Site: Step byt Step Guide

Step 1: Find a Cloneable Template

Start by visiting the Webflow Showcase. This library has thousands of free templates made by the Webflow community.

Browse by category:

• Portfolio sites
• Business websites
• Landing pages
• E-commerce stores
• SaaS platforms
• Real Estate template

Look for sites marked as "Cloneable" to make sure you can copy them.

Step 2: Clone the Project

After picking a template:

1. Click the "Clone" button on the template page
2. Sign in to your Webflow account (free or paid)
3. Wait a few seconds while it copies to your dashboard
4. Open the project in the Webflow Designer

The cloned project now appears in your account, ready to edit.

Step 3: Customize the Design

Make the template your own:

• Replace placeholder text with your content
• Swap images and logos for your brand
• Update colors to match your style guide
• Change fonts if needed
• Edit the Webflow CMS content (blog posts, products, etc.)
• Adjust layouts for your needs

You have full control over every element.

Step 4: Publish Your Site

When you're happy with your changes:

1. Click "Publish" in the top right
2. Choose a custom domain or use a free Webflow subdomain
3. Review your settings
4. Hit publish

Your site goes live in minutes.

How to make your Webflow site cloneable (sharing your project)

If you want to share your own Webflow project as a cloneable for a portfolio piece, a tutorial, or a product you're selling you need to enable cloneability in your project settings:

1. In the Webflow Designer, go to Site Settings → General
2. Scroll to the "Make site cloneable" toggle and enable it
3. Save settings
4. Share the clone link by going to webflow.com/made-in-webflow → Submit your project, or simply share the project URL from your Webflow dashboard (which includes a "Get Clone" option when cloneability is enabled)

What gets shared when someone clones your site:

• All pages, components, classes, and styles ✅
• CMS collection structure and fields ✅
• Interactions and animations ✅
• Hosted assets (images uploaded to Webflow Assets) ✅
• Custom code snippets ✅ (reviewable by the person cloning)
• CMS content items ❌ (CMS items are not cloned only the collection structure)
• Integrations and API keys ❌ (must be reconfigured by the person cloning)
• Form submissions ❌

Important: When you make a site cloneable, anyone with the link can copy your site structure and design. This is intentional for sharing. If your site includes proprietary functionality or client-specific design work, consider whether making it cloneable aligns with your client agreements.

Common Issues When Cloning

1. Missing Assets

Some templates use custom fonts or paid images. You may need to replace these with your own files.

2. CMS Limitations

Free Webflow accounts have limits on CMS items. You might need to upgrade your plan.

3. Broken Interactions

Complex animations might not work right away. Check the interactions panel and test them.

4. Custom Code

Some sites use custom HTML or JavaScript. Review the code to make sure it fits your needs.

Why Clone a Webflow Website?

1. Save Time

Skip the setup phase and start with a working design. Just customize what you need instead of building from zero.

2. Learn from Experts

Study how top designers build sites. These templates often work well on mobile, convert visitors, and look professional.

3. Keep Teams Aligned

Everyone works from the same starting point. This prevents confusion and keeps the design vision clear.

4. Safe Testing

Clone your live site before making big changes. Test new ideas without breaking the current version.

Alternatives to Cloning

Duplicate Pages in Webflow

Copy individual pages within your own projects. This works great for reusing layouts across different clients.

To duplicate a page in Webflow:

1. Open the Pages panel.
2. Right-click the page you want to copy.
3. Select "Duplicate".
4. Rename the new page.

Use Webflow Symbols

Create reusable components like headers, footers, or buttons. Copy and paste them between projects easily.

Hire a Webflow Agency

Need a fully custom design? Work with a Webflow partner like theCSS Agency. They handle everything from planning to launch.

Final Thoughts

Cloning Webflow websites speeds up your project timeline. You start with a proven design that works.

Whether you need a portfolio, store, or landing page, cloning saves time and reduces mistakes. It also helps you learn new techniques.

FAQs

1. Can I clone any Webflow site?

No. Only sites marked as public and cloneable can be copied. Private or premium projects need owner approval.

2. Can I use cloned sites for client work?

Yes, if the creator made it cloneable. Always check the license for fonts, images, and other assets before using them commercially.

3. Do I need a paid Webflow account to clone?

No. You need any Webflow account (free or paid) to clone projects. However, publishing to a custom domain requires a paid plan.

4. Will CMS content and interactions clone too?

Yes. Most cloneable templates include CMS structures and interactions. You'll need to update the content manually for your project.

5. What's the difference between cloning and duplicating?

Cloning copies someone else's shared project to your account. Duplicating copies your own project to create a backup or new version.

6. How do I make my Webflow site cloneable so others can copy it?

In the Webflow Designer, go to Site Settings → General and enable the "Make site cloneable" toggle. Once enabled, anyone with your site URL can click the "Get Clone" button to copy your project into their own workspace. The clone includes all pages, styles, components, interactions, and uploaded assets but not CMS content items, form submissions, API keys, or third-party integration credentials. To submit your cloneable project to the Made in Webflow gallery, go to webflow.com/made-in-webflow and follow the submission process.