tldr:
- select specific parts of the page to get accurate results.
- use the desktop app for fast checks and monitoring search result pages.
- use condition to prevent alerts due to reordering in search pages.
- import the monitorās json files (shared below) to add the monitor easily into your watchlist.
i am going to share two common strategies for bby. if you or others need help with a different site, feel free to ask.
1. monitoring a productās detail page
if you are looking for a specific model, monitoring a specific page is the fastest and most accurate method.
here is a rtx 5090 product page: NVIDIA - GeForce RTX 5090 32GB GDDR7 Graphics Card
the best strategy for the detali page is to monitor the productās button displaying āout of stockā message and the price as shown in the following screenshot:
i recommend including price to make sure that when the stock status goes away, there will still be a content in the page that distill will capture.
the css selectors are:
.pl-none .fulfillment-add-to-cart-button .add-to-cart-button
[data-testid='large-price-view'] [data-testid='customer-price'] [aria-hidden]
you will see something like this in the watchlist:
i am sharing the following json that you can import directly import into your watchlist too.
bby-product-detail-monitor- 10-12_2025-02-01.json (963 Bytes)
2. monitoring a product list page
when the stocks are hard to find, a better option is to monitor a slightly bigger list (not too big) of products so that you can get alerted is any one of them is in stock.
here is a search rtx 5090 search result page: Nvidia GeForce RTX 5090 Search Result
following screenshot shows how i have selected title, price and the āadd to cartā button that should be monitored.
i have included the product title so that notifications show which product is in stock.
the css selectors are:
li h4 a
[aria-labelledby='main-results-heading'] li [data-testid='customer-price'] [aria-hidden]
[aria-labelledby='main-results-heading'] li .add-to-cart-button
important note
the page loads the stock status after a certain delay and only when the page is visible. that means that the when extension loads the page in a background tab, the status wonāt load. so make sure to do the following:
- use the desktop app to run this monitor. download it from Web Monitoring Apps | Distill
- set the delay to give the page some time to load the pageās content. increase "wait for duration" in page options to 5-10s depending on how fast it loads in your case.
- monitoring a list can trigger alerts when items in the list are reordered. add a condition ānet added text is not emptyā to get an alert only when there a change and ignore reordering.
following json can be imported directly into your watchlist to monitor the search results:
bby-product-list-monitor- 10-33_2025-02-01.json (1.3 KB)
hope this helps! let me know if you have any questions or need any help. cheers!