CSS SELECTOR SCREENSHOTS
Screenshot one part of a page.
Point PagePixels at a CSS selector and capture just that element, like a chart, a price, or a table.
-
competitor.com/pricing
page -
.pricing-table
selector -
Just the table
capture -
1200 × 640
size
No cropping. Only the element you asked for.
CSS selector screenshots
PagePixels CSS selector screenshots capture a single element on a web page instead of the whole screen. Enter a selector like .pricing-table or #chart and PagePixels returns an image of just that part, sized to fit, with no manual cropping.
Selector screenshots work with scheduling, browser automations, Real Locations, and change notifications, so you can watch one price or chart over time. Use them from the web app, the API, Zapier, Make, n8n, or the MCP server.
Just the part that matters.
Charts
Capture one chart from a dashboard.
#revenue-chart
Running in four steps.
-
Create a screenshot
Paste the page URL.
+ Create Screenshot -
Add a selector
The element you want.
.pricing-table -
Test it
Check the captured element.
Take Screenshot -
Schedule it
Watch it over time.
every 1 day
Pair it with anything.
-
01
Scheduling
every 1 hour -
02
Browser automations
log in first -
03
Change alerts
watch the element -
04
Real Locations
by country -
05
Custom CSS
hide extras -
06
Embed URL
always latest
Elements people capture.
-
Hourly
A competitor’s price
Capture just the plan card.
-
Daily
One dashboard chart
Post a single chart to Slack.
-
Weekly
A rankings table
Archive a table each week.
-
On change
A status badge
Alert when it changes.
Every PagePixels feature works with selector screenshots.
-
What selectors can I use?
Any valid CSS selector.
-
Do I need to code?
Just the selector.
-
Can I watch it for changes?
Yes, with change notifications.
-
Can I hide other elements?
Yes, with Custom CSS.
Start free. Upgrade when you’re ready.
Every feature and integration is included on the free plan. No credit card and no phone number required.