Creating a cloneable Webflow site is a fantastic way to share your website design with others, allowing them to use it as a template for their own projects. In this tutorial, we will explore the step-by-step process of making your Webflow site cloneable and discover how you can enhance its functionality. Let’s get started!
Step 1: Accessing the Designer
To begin, log in to your Webflow account and navigate to the project you want to make cloneable. Once there, click on the “Designer” button to access the design interface.
Step 2: Enabling Cloning
Now that you are in the Designer, locate the “Settings” tab on the left-hand sidebar and click on it. Within the settings panel, scroll down until you find the “Cloneable” section.
Note: This feature is only available for paid Webflow plans.
To enable cloning, toggle the switch next to “Cloneable” so that it turns green. This action allows other users to clone your site and use it as a starting point for their own projects.
Step 3: Setting Permissions
While enabling cloning makes your site accessible for others, you may want to customize permissions for different user roles. To do this, click on the “Permissions” button located next to the cloning toggle.
You’ll see a list of user roles such as “Owner,” “Admin,” and “Editor.” For each role, determine whether they should be able to clone or edit your site by toggling the respective switches.
Tips:
- If you want others to have full control over cloned sites, enable both cloning and editing permissions for the desired roles.
- If you want to allow cloning but restrict editing, enable cloning permissions but leave editing permissions disabled.
- For read-only access, disable both cloning and editing permissions.
Step 4: Customizing the Cloneable Message
By default, when someone clones your site, they will see a message that thanks you for providing the template. You can customize this message by clicking on the “Cloneable Message” button located below the permissions section.
In the pop-up window, use HTML tags and styling elements to format your message. For example, you can use <b> to make certain text bold or <u> to underline specific words or phrases.
Tips:
- Create a friendly greeting, welcoming users who clone your site.
- Add instructions, such as how to modify content or personalize the design.
- Include any licensing requirements if applicable.
Step 5: Save and Publish
Once you have set up all the necessary settings and customizations, don’t forget to save your changes. Click on the “Save” button in the top-right corner of the Designer interface. After saving, publish your site by clicking on the “Publish” button next to it.
Congratulations! You have successfully made your Webflow site cloneable. Now others can benefit from your design expertise and use it as a starting point for their own projects.
You can always revisit these settings in the future if you want to update permissions, customize the cloneable message, or disable cloning altogether. Enjoy sharing your amazing designs with the Webflow community!