Hide Webpage Elements

Learn how to hide specific elements on a webpage before capturing a screenshot.

This feature is useful for hiding extra elements such as notices.

Specify Element to Hide

You need to specify the name of the element to hide, such as a table, div, button or more. The hide value can be by:

  • Text such as &hide=Search
  • Name such as &hide=mytable
  • Id such as &hide=#mytable
  • Class Name such as &hide=.large-table

Check out our element selection examples for more details.

To hide multiple items, repeat the hide parameter such as &hide=.element1&hide=.element2

Example of Hiding Elements

The screenshot below shows a website with all elements visible such as the header with a search bar and headings.

Screenshot with elements visible

The example below will hide the header with the search bar based on the Id "#gb" and hide the headings based on the class name ".Z3lOXb".

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&hide=#gb&hide=.Z3lOXb
&url=play.google.com

Screenshot with hidden elements