
Software Engineer, CEO of Snappy
How to get rid of watermarks or badges from any website
Want to quickly jump to the answer? Click here to jump to the guide portion .
Why Is It Important to Remove the "Made by" Badge?
Removing the "Made by" badge or watermark from your website is crucial if you want to establish a professional and credible online presence. These badges often indicate that a website was built using a particular tool or platform, which might give visitors the impression of an unprofessional or amateur site. Eliminating these badges helps reinforce your brand identity, creates a cleaner aesthetic, and enhances trust with your audience.
How to Remove the Badge Using Your Website Builder
Many popular website builders like Webflow, WordPress, FlutterFlow, Shopify, Squarespace, and Wix typically include a "Made by" badge on free or lower-tier plans. Often, these platforms provide a straightforward, built-in way to remove these badges, but this feature is generally available only through their premium or pro plans.
If you're committed to a professional online presence, investing in a premium plan can be beneficial as it usually includes additional valuable features like custom domain names, enhanced SEO tools, and improved customer support.
How to Remove the Badge Using Custom Code
Removing the badge through custom code can be a viable alternative if you don't want to upgrade your subscription. However, this method requires a basic understanding of HTML, CSS, and JavaScript and carries some risk if performed incorrectly.
Here’s a step-by-step overview:
- Access your website's HTML code (usually by inserting a
<script>
tag or editing your site's theme). - Identify the HTML element containing the "Made by" badge or watermark.
- Use custom CSS or JavaScript to hide or remove the identified element.
Since the necessary code varies depending on the specific site and builder, utilizing AI tools such as ChatGPT, Gemini, or Claude can be extremely helpful. These tools can often quickly generate accurate and effective custom scripts tailored to your specific needs.
How to Remove the Badge Using Snappy
For a quick, no-code solution, Snappy offers an efficient way to remove badges easily:
- Use the DOM Manipulation widget in Snappy and set it to target globally.
- In Snappy’s visual site editor, simply select the element containing the badge.
- Choose the "hide" transformation to immediately conceal the badge from your site.
This method is straightforward and perfect for users who want instant results without dealing with code.