How to Remove Made in Webflow from Your Site

That footer badge is killing your professional look. Learning how to remove made in Webflow is one of the first things site owners search for after building their first project.

The process takes about 2 minutes. You need access to your project settings and a paid site plan.

This guide covers the official branding toggle method, a custom CSS workaround, and troubleshooting steps for common issues.

By the end, your Webflow site will have a clean, badge-free footer ready for client handoff.

How to Remove Made in Webflow

Removing the “Made in Webflow” badge is the process of hiding the default branding that appears on every Webflow site footer.

Users need this when building client websites, creating professional portfolios, or launching business sites that require clean, white label branding.

This guide covers 4 steps requiring about 2 minutes and a paid Webflow site plan.

Prerequisites

Before you start, make sure you have the following:

• Webflow account with dashboard access
• Site Plan (Basic, CMS, Business, or Enterprise) or Growth/Agency Workspace
• Custom domain configured (optional but recommended)
• 2 minutes to complete
• Site editor or owner permissions

Free plan users cannot disable the badge through project settings. Upgrading your Webflow hosting plan is the only official method.

Step 1: How Do You Access Your Webflow Project Settings?

Open your Webflow Dashboard, locate your project, and click the gear icon to enter the settings panel where all site configuration options live.

Action

• Navigate to: Webflow Dashboard > Your Project > Settings (gear icon)
• Location: Top-right corner of the project thumbnail
• Result: Project Settings panel opens with multiple tabs

Purpose

The Project Settings panel contains the branding toggle that controls badge visibility on your published site.

Step 2: Where Do You Find the Branding Toggle in Webflow?

Inside Project Settings, click the General tab and scroll to the Webflow Branding section where you control footer badge display and HTML source references.

Action

• Path: Project Settings > General tab > Webflow Branding section
• Toggle name: Show “Made in Webflow” badge
• Default state: On (enabled) for all new projects

Purpose

This section also includes a toggle for hiding Webflow references in your site’s source code, which affects how your CSS and markup appear when inspected.

Step 3: How Do You Disable the Made in Webflow Badge?

Click the toggle next to “Show Made in Webflow badge” to switch it off. The setting saves automatically and applies after you republish your site.

Action

• Toggle: Show “Made in Webflow” badge > Off
• Visual confirmation: Toggle turns gray when disabled
• Additional option: Disable “Include Webflow branding in the site’s code” for cleaner HTML output

Purpose

Turning off both toggles gives you a professional website appearance with no visible or hidden Webflow branding.

Your site will look like a custom-built website when clients or visitors inspect the footer or source code.

Step 4: How Do You Publish Your Site After Removing the Badge?

Click the Publish button in the Webflow Designer, select your domain, and confirm to push changes live. Badge removal only takes effect after publishing.

Action

• Button location: Top-right corner of Webflow Designer
• Domain selection: Choose your custom domain or staging subdomain
• Confirmation: Green success message appears after publish completes

Purpose

Settings changes in Webflow stay in draft until you republish your site. Always publish after toggling branding options.

Alternative Method: Using Custom CSS Code

Users with custom code access can hide the badge using JavaScript or CSS injection. This method works but has limitations.

Requirements Comparison

| | | | — | — | | Toggle Method | Custom Code Method | | Paid site plan required | Any plan with code access | | Removes badge completely | Hides badge visually only | | Cleans HTML source | Badge remains in source code |

Action

• Path: Project Settings > Custom Code > Head Code section
• CSS snippet: <style>.w-webflow-badge { display: none !important; }</style>
• Placement: Between opening and closing style tags

The w-webflow-badge class selector targets the footer badge element. Adding visibility: hidden as a backup catches edge cases.

Note: This workaround may violate Webflow terms. Use the official toggle method when possible.

Verification

After publishing, confirm the badge is gone using these checks:

• Visual check: Visit your live site and scroll to the footer area
• Browser DevTools: Right-click > Inspect > search for “w-webflow-badge” in Elements panel
• Multiple browsers: Test in Chrome, Firefox, and Safari for cross-browser compatibility
• Mobile view: Check on actual devices, not just browser preview

Clear your browser cache if the badge still appears. Hard refresh with Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac).

Troubleshooting

Issue: Badge Still Appears After Toggle Is Off

Solution: Republish your site. Go to Webflow Designer > Publish button > select all domains > publish again. Clear browser cache and check in incognito mode.

Issue: Toggle Option Is Grayed Out

Solution: Your current plan does not support badge removal. Upgrade to a paid Site Plan (Basic or higher) or move your site to a Growth/Agency Workspace.

Issue: Badge Visible on Staging Subdomain

Solution: The yoursite.webflow.io subdomain requires a custom domain to remove branding. Add and configure a custom domain in Hosting settings, then use that URL.

Issue: Badge Appears in Exported Code

Solution: Exported Webflow code contains class names like “w-slider” regardless of plan. Manually search and replace these references in your code editor after export.

Related Processes

After removing the Webflow badge, you might want to explore these related tasks:

• How to use Webflow for building your first project
• How to add fonts to Webflow for custom typography
• How to create a form in Webflow for contact pages
• How to set up 301 redirects in Webflow for site migrations
• How to add Google Analytics to Webflow for tracking

Understanding what Webflow is and what Webflow is used for helps you decide if a paid plan upgrade fits your project needs.

FAQ on How To Remove Made In Webflow

Can I remove the Made in Webflow badge on a free plan?

No. Free plans display the Webflow badge by default with no toggle option. You need a paid Site Plan (Basic, CMS, Business, or Enterprise) or a Growth/Agency Workspace to disable it through project settings.

Where is the branding toggle in Webflow?

Go to Project Settings > General tab > Webflow Branding section. You will find two toggles: one for the visible footer badge and another for hiding Webflow references in your site’s source code.

Will the badge disappear immediately after I toggle it off?

No. You must republish your site after changing the branding toggle. Click the Publish button in Webflow Designer, select your domain, and confirm. Changes only appear on the live site after publishing.

Does custom CSS actually remove the badge?

Custom CSS hides the badge visually using display: none on the w-webflow-badge class. The badge element still exists in your HTML source. This workaround may violate Webflow terms of service.

Why is the badge still showing on my staging subdomain?

Staging subdomains (yoursite.webflow.io) require a custom domain to remove branding. Add a custom domain in Hosting settings, configure DNS, and publish to that domain instead of the staging URL.

Can I remove Webflow branding from exported code?

Partially. Exported code contains class names like “w-slider” and Webflow-specific references regardless of your plan. You must manually search and replace these in your code editor after exporting the site files.

Does removing the badge affect my site’s performance?

No. The branding toggle only controls visibility. Your site speed, hosting, and functionality remain identical. The badge is a small footer element that has minimal impact on page load times.

What Webflow plans allow badge removal?

Basic, CMS, Business, and Enterprise Site Plans all include badge removal. Growth, Agency, and Enterprise Workspace plans also unlock this feature for all sites within that workspace.

Can I hide the badge for client projects before upgrading?

During development, clients will see the badge on staging URLs. Consider this when presenting work. Upgrade the site plan before final handoff, or transfer the Webflow site to another account with a paid plan.

Does the badge appear on password-protected pages?

Yes. Password protection does not hide the Webflow badge. Both features are controlled separately in project settings. You still need a paid plan to remove branding from protected pages.

Conclusion

Now you know how to remove made in Webflow using the official branding toggle or a CSS workaround.

The process is straightforward. Access your site branding settings, turn off the badge, and republish your website.

A paid Webflow site plan unlocks the toggle option and gives you a clean website footer. Free plan users cannot disable the badge through project settings.

The custom code method hides the badge visually but leaves traces in your HTML source. Stick with the official method when possible.

Your site now has a professional website appearance without platform branding. Perfect for agency projects, client handoffs, and white label websites that need a polished look.

Republish after any branding changes to see updates on your live domain.