What is Visual Selector?

It is a toolbar which allows to select items visually from a webpage. It can be used when only specific elements from a webpage need to be tracked for changes. The toolbar is usually loaded at the bottom or top of the webpage when adding a webpage. Following image shows a toolbar in Chrome extension:

Visual Selector - Distill Web Monitor

How to use Visual Selector?

Step 1: Depending on type of application being used, use one of “Add Webpage”, “Select parts of page” or “Distill Page” bookmarklet. It will open up the Visual Selector toolbar.

Step 2: Click “Select Elements” in the toolbar. “Play” icon should change into “Pause” icon. Skip this step if pause icon is already there.

Expanded Visual Selector - Distill Web Monitor

Step 3: Hover mouse around the content on the webpage that needs to be monitored. Once the content area is found inside the selection box, “Click” to select it. You can make multiple selections too. Expand, contract or delete the selection by expanding the selection box using the caret icon. Expanded view of the selection is shown below:

Expanded Selection  - Distill Web Monitor

Step 4: “Save selection” once you are done with selections.

Change the default settings for the added monitor in Options page. Now, you should be all set. Distill will track the webpage for changes and notify when a change is found.


In case of an error, Distill will flag the monitor in red. Make sure to check out logs for more details. Feel free to contact us in case you need any help.