How to hide Facebook Messenger bubble

Works on every website · takes about 10 seconds · free

The Facebook Customer Chat plugin puts a Messenger bubble on business sites — complete with the blue brand halo and a "Hi! How can we help?" greeting card that expands on load.

Why it gets in the way

It's a third-party Facebook iframe following you around a site that isn't Facebook. The greeting reopens per session, and the bubble covers content on narrow screens.

The 10-second fix

HideIt is a free browser extension that hides any element you point at — including widgets inside iframes that normally swallow your clicks and open instead of hiding.

1. Install HideIt — free for Chrome, Firefox and Safari (register below to get the link at launch).
2. Turn it on — click the HideIt icon on the page that's bugging you. Until you do, HideIt can't see the page at all.
3. Click the widget — hover Messenger bubble until the red outline wraps it, click, choose Every visit. Gone — and it stays gone, even if the site re-injects it.

Chat widgets live in iframes that eat your clicks — click one normally and it opens. HideIt paints a shield over the widget while picking, so your click hides it instead of feeding it.

The manual way (if you like pain)

You can open DevTools, find the element (.fb_dialog, iframe[data-testid="bubble_iframe"]), and write a custom CSS rule in an ad-blocker. It works until the site changes its markup — HideIt's self-healing selectors handle that for you, and re-hide the element if the site sneaks it back.

Does hiding it break the site?

No — HideIt only hides what you clicked, nothing else. If you ever want it back, open the HideIt popup and un-hide it in one click, per site, per element.

Get HideIt free + launch alert

HideIt lands on Chrome, Firefox and Safari this week. Register and we'll email you the install link the moment it's live — plus you get priority support. No spam, unsubscribe anytime.