Clone a site in Webflow

Use cloneable websites built by the Webflow community to inspire your own sites by cloning them to your personal Dashboard.

getting-started
This video features an old UI. Updated version coming soon!
This video features a third-party integration, and the UI may not be up to date. Visit their documentation for up-to-date info!

Choose from hundreds of cloneable sites shared on Made in Webflow by creators in our community. When you clone a site, you create an exact replica in your Workspace where you can get a closer look, take it apart, and customize it.

In this lesson you’ll learn:

  1. How to access cloneable sites
  2. How to clone a site

How to access cloneable sites

To locate cloneable sites from your Dashboard, click the Made in Webflow menu link at the top of the page and toggle Cloneable sites only “on.”

The “Cloneable sites only” toggle is switched to “on” on the Made in Webflow homepage.

How to clone a site

When you choose a site that you want to learn more about or clone, click View site details to see the:

  • Site name
  • Site author
  • Description 
  • Link to view site in the Designer (i.e., Open in Webflow)
  • Link to view live site in a new tab (i.e., Open live site)
  • Related tags
  • Copyright information for that site

To clone the site:

  1. Click Clone in Webflow
  2. Choose the Workspace where you want to add your cloned site (using the Workspace dropdown)
  3. Click Create site
  4. Name your site
  5. Click Create site to access your site in the Designer
The “Clone in Webflow” button is highlighted on an example site description page.
The Workspace dropdown is highlighted on the Clone site page.

And that’s cloning a site in Webflow. Well done!

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

A box that contains other boxes inside is called __ and the boxes inside another box are called __

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

If you drag an element onto an empty canvas in Webflow, where will it automatically be placed?

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which CSS property affects the the outside of an element?

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which HTML element is used to define a paragraph element?

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

What are the different types of HTML elements called?