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:
Let's use Adidas Canada as an example. If you capture their homepage, this is the resulting screenshot at this moment:
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".
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:
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.
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.