Lovable · 60-second fix

    How to remove the Lovable badge from your site.

    That little "Edit with Lovable" pill in the corner of your published site? There's a toggle for it. It's just buried in a place most people never scroll to — and it only takes effect after you publish again.

    Watch the Short

    The 30-second version.

    I show exactly where the toggle lives and what happens after you republish. If you want the written version with the gotchas, keep scrolling.

    One toggle Under a minute

    Why bother

    It's the one thing that makes a real site look like a demo.

    Nobody visiting your site cares what you built it with. But a badge in the corner tells every visitor "this is a side project." If you're sending the link to a client, a customer, or your boss, take the two minutes.

    Badge on

    Looks like a prototype

    A floating pill in the bottom corner of every page, on every device, linking visitors away from your site and into an editor they can't use.

    Badge off

    Looks like yours

    Clean corners, your branding only, and nothing that hints the site was generated rather than built. Same site, completely different first impression.

    The steps

    Four clicks, then publish.

    Heads up before you start: hiding the badge is a paid feature. If you're on the free plan, the toggle is visible but locked until you upgrade.

    Step 01

    Open your project settings

    Inside your Lovable project, click the project name in the top-left corner and choose Settings. This is the project-level settings panel, not your account settings.

    Step 02

    Find the Lovable badge toggle

    Scroll down to the badge option — it's usually labeled something like "Show Lovable Badge" or "Lovable Badge." Flip it off. That's the whole change.

    Step 03

    Publish again

    The badge lives on the published site, so the change only shows up after you hit Publish. Republish and the little "Edit with Lovable" pill in the corner is gone.

    Step 04

    Check the live site, not the preview

    Open your published URL in a private window and look at the bottom-right corner. If you still see the badge, you're looking at a cached page or the preview — hard refresh and check again.

    Gotchas

    Where people get stuck.

    1. 1You flipped the toggle but didn't publish — the live site still serves the old version with the badge.
    2. 2You're checking the preview URL instead of your published domain. The preview can still show it.
    3. 3Your browser cached the page. Hard refresh, or open the site in a private window.
    4. 4You're on the free plan, so the toggle won't stay off. Hiding the badge requires a paid plan.
    5. 5You asked the AI to delete the badge from your code. Don't — it's injected at publish time, and editing files can break the build.

    While you're in there

    Other things worth cleaning up.

    • Swap the default Lovable favicon for your own
    • Set a real page title and description
    • Connect a custom domain
    • Add a social preview image
    • Check every page has one H1
    • Publish, then view it in a private window

    More Lovable shortcuts like this one.

    I post short, no-fluff fixes for the stuff that trips people up when they're building real sites with AI. Subscribe and you'll catch them as they land.

    Live

    YouTube subscribers · updates every minute

    Help a Chad out.

    That number is real, and it moves one person at a time. If this page saved you time, one subscribe genuinely makes my day.