Are you tired of seeing that pesky Webflow watermark on your website? Don’t worry, we’ve got you covered. In this article, we’ll walk you through the steps to get rid of the Webflow watermark and make your website truly yours.
Why is there a Webflow Watermark?
If you’re using Webflow’s free plan, the platform automatically adds a small Webflow watermark to your published site. This helps promote the Webflow brand and encourages users to upgrade to a paid plan for more customization options.
Upgrade Your Plan
The easiest way to remove the Webflow watermark is by upgrading your plan. With a paid plan, you’ll have access to advanced features and full customization options, including the ability to remove the watermark. Simply log in to your Webflow account, go to the dashboard, and choose a plan that suits your needs and budget.
Custom Code
If upgrading your plan isn’t an option for you at the moment, there’s another way to remove the watermark – by using custom code. Here’s how:
Step 1: Access Your Site’s Settings
Login to your Webflow account and select the project containing the site with the watermark. Click on “Project Settings” in the left sidebar.
Step 2: Add Custom Code
In Project Settings, scroll down until you find “Custom Code” under “Hosting.” Click on it to expand the section. Inside “Head Code,” add the following code snippet:
<style>
.w-webflow-badge {
display: none !important;
}
</style>This CSS code Targets the class responsible for displaying the Webflow badge and hides it from view.
Step 3: Publish Your Site
After adding the custom code, click on “Publish” in the top right corner to update your site. The Webflow watermark should now be removed!
Keep in Mind
Before applying any custom code to your website, it’s important to understand a few things:
- Responsibility: Removing the Webflow watermark using custom code goes against Webflow’s terms of use for free plans. By doing this, you take full responsibility for any consequences that may arise.
- Updates: Whenever you make changes to your site, such as adding new elements or updating content, you might need to reapply the custom code.
In Conclusion
If you’re looking to remove the Webflow watermark from your website, consider upgrading your plan for an easier and officially supported solution. Alternatively, if you’re comfortable with custom code and understand the potential risks involved, follow the steps outlined above to hide the watermark.
We hope this article has been helpful in assisting you with removing the Webflow watermark and making your website truly yours. Happy designing!