No more popups in your screenshots

3 min read
No more popups in your screenshots

Raise your hand if you like popups, modals and cookie alerts. That's right, me neither. But you know what's even worse? When these nagging elements mess up your screenshots! Learn how to get rid of them.

Luckily, we now provide a way to deal with it. Stillio allows you to select web elements on your target page to hide or click.

⚠️ Be sure to bring your web developer as an understanding of web development techniques is required to make use of these expert settings.

To get started, follow these 3 steps:

  1. Visit the actual page that shows the popup
  2. Inspect the popup
  3. Capture the web page with click/hide settings enabled

Visit

Let's use Adidas Canada as an example. If you capture their homepage, this is the resulting screenshot at this moment:

The initial capture shows the country selector we want to remove
The initial capture shows the country selector we want to remove

 Inspect

As the popup has a prominent X to close, I'll identify that element to apply a click before capturing a new image. When I right-click the X, I can choose the "inspect element" option from my browser which shows me HTML and more. Here you see there's a button element with a class named "gl-modal__close".

Capture

Back in my Stillio account, I edit the Capture settings for this URL. Next, activate Expert Mode from the toggle button in the top right. A new section is shown below the basic options of the capture settings.

Here I add the element to the Click option, with a leading dot (.) as it is a class element we need to click. (Alternatively, an ID element would need a leading (#) pound sign .)

Below you see how this looks in the capture settings:

Expert mode enabled to reveal additional capture settings
Expert mode enabled to reveal additional capture settings

When the new screenshot is captured, the close button (X) in the top right of the popup has received a click command, removing the unwanted element.

The thumbnail on the right was the first one, which shows the captured popup. The new one on the left, with the 'click' settings enabled, removed the overlay from the screenshot.
The thumbnail on the right was the first one, which shows the captured popup. The new one on the left, with the 'click' settings enabled, removed the overlay from the screenshot.
The final result, without the country selector popup on the screenshot
The final result, without the country selector popup on the screenshot

Disclaimer: Passing along actions like "click" or "hide" are no guarantee that it will work under all circumstances for all websites. You should always test it on the URLs you want to capture and regularly check or update as websites change all the time.


All product names, logos, and brands are property of their respective owners. All company, product and service names used in this website are for educational and identification purposes only. Use of these names, logos, and brands does not imply endorsement.



Start your free 14 day trial

Start capturing website screenshots automatically and save a lot of grunt work.
You'll be set up in minutes. No credit card required.