Distill.io Webpage Monitoring: A How-To Guide

Distill.io lets you watch a specific part of any webpage and get notified when that portion changes. This guide walks you through setting up a monitor for a single element, like a price, stock level, or a paragraph of text, so you don’t have to check manually.

What You’ll Need

• A Distill.io account (free tier works for basic monitoring).
• The URL of the webpage containing the part you want to track.
• A web browser (Chrome, Firefox, Edge, or Safari) – Distill.io works as a browser extension or via the web app.

Step-by-Step

1. Install the Distill.io extension (if using the browser add-on) or log in to the Distill.io web app. The extension is available for Chrome, Firefox, and Edge. For Safari, use the web app directly.
2. Open the webpage you want to monitor in your browser. Make sure the page is fully loaded and the part you care about is visible.
3. Click the Distill.io icon in your browser toolbar. This opens the extension popup. If you’re using the web app, click “New Monitor” and enter the URL.
4. Choose “Monitor Part of Page” from the options. This activates a selection mode on the page.
5. Hover over the element (e.g., the price tag, a paragraph, a table cell) you want to track. A highlighted box will outline the element. Click on it to select it. You can refine the selection by clicking again on a child element if needed.
6. Review the selected area in the preview panel. Distill.io shows you exactly what it will monitor. If the selection is too broad or too narrow, click “Reselect” and try again.
7. Set your check frequency (e.g., every 5 minutes, hourly, daily). The free plan has a minimum interval of 5 minutes; paid plans allow faster checks.
8. Choose notification method: email, push notification, Slack, etc. Configure how you want to be alerted when a change is detected.
9. Click “Create Monitor” to save. Distill.io will now start checking the page at your set interval.
10. Test it by making a small change to the page (if you own it) or waiting for the next check. You should receive a notification when the content changes.

Common Mistakes

• Selecting too large an area – If you select the whole page, you’ll get alerts for any change, including ads or dynamic timestamps. Always zoom in on the specific element.
• Ignoring dynamic content – Some pages load content via JavaScript after the initial load. Make sure the element is fully rendered before selecting it. Distill.io can handle JavaScript, but it may need a moment.
• Not setting a minimum change threshold – For numeric values like prices, set a threshold (e.g., only alert if the change is more than 1%) to avoid noise from minor fluctuations.
• Forgetting to check the monitor status – Monitors can be paused or fail. Regularly check the dashboard to ensure your monitors are active.

Tips

• Use CSS selectors for precision. If you know HTML, you can specify a unique selector (e.g., #price or .product-price) instead of clicking, which gives you more control.
• For pages that require login, use the “Custom Headers” or “Cookies” option in the monitor settings to authenticate. Distill.io can handle sessions.
• Leverage the “Ignore” feature to exclude parts of the selected area that change frequently (like timestamps or ad placeholders).
• Combine with Zapier or IFTTT to trigger other actions when a change is detected, like sending a Slack message or updating a spreadsheet.

Troubleshooting

• Monitor shows “No change” but the page did change – The element might be dynamic (e.g., a countdown timer). Try selecting a more stable part of the page, or increase the “Page Load Delay” in settings to ensure the content is fully loaded.
• Selection is lost after page reload – Some pages use random IDs for elements. Use a CSS selector that is stable, or select a parent element that doesn’t change.
• Monitor fails with “Page not found” – The URL might have changed, or the page requires a session. Check the URL and add authentication if needed.
• Notifications not arriving – Check your notification settings and spam folder. Also, ensure the monitor is actually running (it may be paused if you hit the monthly check limit).
• Monitor is slow – Increase the check frequency to reduce load, or use the “Smart” mode which uses a visual diff instead of full page fetch.

Frequently Asked Questions

Can I monitor a part of a page that requires scrolling?

Yes, Distill.io can scroll to the element before checking. In the monitor settings, enable “Scroll to element” to ensure the content is in view.

How often can Distill.io check a page?

The free plan allows checks every 5 minutes. Paid plans can go as fast as every 1 minute. The actual frequency may also depend on the website’s tolerance for automated requests.

Can I monitor a page that is behind a login?

Yes, you can use the “Custom Headers” or “Cookies” option in the monitor settings to include your session cookie. This is common for tracking prices on member-only sites.

Will Distill.io work on pages that use heavy JavaScript?

Yes, Distill.io uses a headless browser to render JavaScript. However, you may need to increase the “Page Load Delay” to allow scripts to execute fully before the check.

Can I get alerts via SMS or phone call?

Distill.io supports email, push notifications, Slack, and webhooks. For SMS or phone, you can use a webhook to trigger a service like Twilio, but that requires additional setup.

Is there a limit to how many monitors I can have?

The free plan allows up to 5 monitors. Paid plans offer more, up to 100 or more depending on the tier.

Related

• Clipboard Access Denied: Error Explained
• Cheap Mechanical Keyboards: What to Know Before Buying
• 1Password vs Keeper: Which Password Manager Wins?