Avoid manual cropping
Return only the selected element as the finished image.
Section capture
The section parameter: capture the section you need.
This API reference covers the section parameter — target a page component by CSS selector, ID, class name, or text and return a focused screenshot without manually cropping a full-page image.
- Automatic crop
- Focused output
- Works with GET and POST
Capture setupSelector matched
Target section
section=.section-compare
Target page
https://example.com
Capture action
Crop to selection
ConfigureCaptureDeliver
Target precisely
Use text, IDs, classes, or selectors to identify the component.
Deliver directly
Route focused outputs to storage or automation destinations.
Focus your captures on the exact component that matters—pricing tables, hero banners, compliance copy, or checkout widgets. Add Screenshots targets sections without throttling, supports three regions, and routes results to your preferred storage.
Related: website screenshot API overview, full page website screenshots, URL to image converter, PNG vs JPEG format guide, and JSON base64 responses.
Capture a Section for Free or Compare Plans
- Precise targeting: Combine
sectionselectors with element hiding or custom JavaScript for pixel-perfect assets. - Automation workflows: Save section parameters in request templates, then schedule or trigger webhooks without manual steps.
- Cloud delivery: Send captures straight to AWS S3, Azure, Google Cloud, or Cloudflare R2.
Prefer to select visually instead of writing selectors? Use the interactive area selector tool to click the element on a live preview and generate the API payload. To crop by exact pixel coordinates instead of a selector, see pixel-coordinate cropping.
Specifying the Section Element
Specify the element to capture, such as a link or button, by providing its name, ID, class name, or text content. Examples of section values include:
- Text: §ion=OK
- Name: §ion=mybutton
- ID: §ion=#mybutton
- Class Name: §ion=.gdpr-button
Explore more element selection examples.
Example: Capturing a Section Screenshot
The example below demonstrates how to capture a website screenshot of the section with the class name "section section-compare".
// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
§ion=.section.section-compare
&url=https://www.apple.com/iphone/
Capture focused assets without manual cropping.
Target the section once, save the request, and automate delivery of the finished image.