That Cookie Banner Is in Every Screenshot on Your Docs Site

Go look at your docs site right now. Open any page with a screenshot of your product. Is there a cookie consent banner in the screenshot? I've seen this on documentation sites from companies worth billions. A beautiful product screenshot with "We use cookies to improve your experience" plastered across the bottom. Why it keeps happening Because removing the cookie banner from a screenshot is annoying. You either: Dismiss it before capturing (and hope the timing is right) Crop it out afterwards in an image editor Use CSS overrides in your capture script Just ignore it and hope nobody notices Option 4 wins most of the time. Per-domain element hiding With heroshot , you define elements to hide once per domain: { "hiddenElements" : { "myapp.com" : [ ".cookie-banner" , ".chat-widget" , ".announcement-bar" ], "docs.myapp.com" : [ ".cookie-consent" , "#intercom-container" ] } } Every screenshot captured on myapp.com automatically hides those elements. Every screenshot on docs.myapp.com hides