The Toolio Overlay is a browser extension that puts your live Toolio planning data directly on your brand's own website. As you browse a product page or a collection grid, it overlays the sales, inventory, and margin numbers your team already trusts in Toolio, so you can judge how a product is really performing without leaving the storefront.
It reads only the products on the page you are viewing and shows the same actuals you already have in your Assortment Plan. You see only the data your Toolio account has access to, and shoppers never see any of it.
Why It Is Useful
See performance in context. Judge a style while you are looking at it on your own site, the same way your customer does.
Catch inventory problems early. Weeks of supply is color-coded, so understocked and overstocked items jump out at a glance.
Make faster merchandising calls. Decide what to feature, sort, promote, or pull without switching tabs or pulling a report.
Bring the whole team along. Buyers, planners, merchandisers, and leadership all get the same shopper's-eye view of the numbers.
No setup. Install from the Chrome Web Store, sign in with your Toolio account, and it works on your storefront.
What You See
On a product page, a Product Stats panel docks alongside the page with the product's recent sales, inventory, margin, weeks of supply, and a full size curve. On a collection or search grid, every product card gets a compact chip with its key metrics and a color-coded weeks-of-supply status bar. Once you are set up, the Using the Toolio Overlay article walks through both in detail.
Install the Extension
The Toolio Overlay runs on Google Chrome and other Chromium browsers such as Microsoft Edge. Installing takes a couple of clicks.
Open the Toolio Overlay listing on the Chrome Web Store: Toolio Overlay on the Chrome Web Store.
Click
Add to Chrome, then confirm withAdd extension.Wait for the confirmation that the Toolio Overlay was added.
Chrome keeps the extension up to date automatically from the Chrome Web Store.
Pin the Toolio Overlay
Pinning keeps the Toolio icon in your toolbar so it is easy to find and sign in.
Click the puzzle-piece
Extensionsicon in the top-right of your browser.Find Toolio Overlay in the list.
Click the pin icon next to it so the Toolio icon stays in your toolbar.
Sign In with SSO
You sign in with single sign-on (SSO), the same credentials you use for Toolio. There is nothing to copy, paste, or configure.
Open a product or collection page on your storefront.
Click the Toolio tab on the edge of the page, or the pinned Toolio icon in your toolbar.
Click
Sign in with Toolioand complete your organization's single sign-on.Return to the storefront tab. The overlay now shows your live data.
You stay signed in across pages and browsing sessions, so you only do this once. The overlay automatically shows data for the Toolio tenant tied to your account. To sign out, open Settings (the gear icon) and choose Sign out.
Private and Safe
The overlay is visible only to you, in your own browser, after you sign in. It reads the page to identify products and draws its panel on top. It never modifies your storefront or changes what shoppers see, and you only ever see data your Toolio account already has access to.
Where Your Data Comes From
The overlay reflects your Toolio Assortment Plan actuals for the tenant tied to your Toolio account. Sales roll up by fiscal week on your tenant's retail calendar, and "last week" always means the most recent completed fiscal week. On hand and on order are point-in-time snapshots. Before you sign in, or on a site not connected to your tenant, the overlay shows illustrative sample data marked Sample data.
FAQs
Do shoppers see the overlay?
No. It is visible only to you, in your own browser, after you sign in. It never changes the site for anyone else.
Can I use it in Safari or Firefox?
The overlay is a Chromium extension, so it runs in Chrome and Edge. Safari and Firefox are not supported.
Do I need an API key or a password to set up?
No. Sign-in is entirely through single sign-on with your Toolio account. There is no key or connection string to enter.
I signed in but see no data. What should I check?
Make sure you are on a product or collection page of your own storefront and that you are signed in, then refresh the page. If products show "No Toolio data," they may not exist in your Assortment Plan, or the site may not be connected to your Toolio tenant.