Official Chrome extension · Manifest V3
Lesuto Chameleon Toolkit
Design with Chameleon Studio on any page, using your real channel. Block analytics and ads while you work so production metrics stay clean.
Why we built it
Your build sessions should not look like customer traffic
Every merchant who opens their own storefront to tweak modules, demo a layout, or QA checkout creates fake pageviews, pixel fires, and Hub events. The Toolkit gives you Studio where you need it and a shield so those sessions stay invisible until you choose otherwise.
Clean analytics
Developer clicks are not real customers. The shield keeps GA, pixels, and Hub events honest.
Design where you sell
Inject Studio onto the real page (or any site) with your channel config, not a disconnected mock.
One Studio, every surface
Same chameleon-studio.js as the bookmarklet and demo sandbox. Updates ship everywhere at once.
Who it is for
Built for people who ship Chameleon storefronts
Merchants, suppliers, agencies, developers, and QA share one pinned extension instead of juggling bookmarklets and polluted dashboards.
Merchants
Build and test storefronts with real products without fake pageviews.
Suppliers
Configure catalogs and layouts on live pages before you publish.
Developers
Integrate the Commerce SDK with Studio and a clean network tab.
QA testers
Run flows end to end without poisoning conversion data.
Agencies
Demo Lesuto to clients without tracking your walkthrough as traffic.
Ops teams
Preview deployments per channel and store without separate logins.
What it is
Three tools, one extension
SDK companion, tracking shield, and ad blocker. Pin it once and use it on every Lesuto deployment you touch.
SDK Companion
Auto-connect from admin.lesuto.com, pick a channel and store, inject Studio on any page, and save drafts back to Command Center.
Tracking Shield
Block GA, social pixels, ad networks, Lesuto behavioral events, and email pixels so test sessions never pollute production analytics.
Ad Blocker
Network blocks for 29 ad networks plus cosmetic CSS so storefront previews stay clean while you design.
SDK Companion
Inject Studio on any page
Open the popup and launch Studio. You get the same visual editor as Try It and the bookmarklet, loaded with your real channel token and products. Drag modules, edit theme and layout, save drafts, then publish from Command Center when ready.
- Auto-connect when signed into admin.lesuto.com (no second login)
- Channel + store picker for multi-store deployments
- Open Studio / Studio Active with live on-page preview
- Drafts keyed per channel + host + store
- Preview tokens to share unsaved drafts safely
- Save bridge into Command Center (same path as the bookmarklet)
Live on the page
Modules and product grids where customers will see them
https://your-site.com
Tracking Shield
Stay invisible while you build and demo
Per-category toggles, live block counts, and a master power switch. Host apps keep working. Trackers never leave the browser.
Google Analytics
GA4, GTM, gtag, dataLayer
Social Pixels
Facebook, TikTok, Pinterest
Ad Networks
Google Ads, DoubleClick, Criteo, Taboola +25
Chameleon Tracking
Behavioral events, GraphQL mutations, SDK analytics, outreach
Email Tracking
Open pixels, click redirects
Sentry Errors
Error envelopes, spans
How the shield works
Three layers of protection
Network rules catch requests early. Script intercepts catch trackers that share API endpoints. Cosmetic CSS cleans the canvas.
1
Network rules
declarativeNetRequest blocks tracker URLs before they leave the browser.
2
Script intercepts
Content scripts wrap fetch, XHR, sendBeacon, gtag, fbq, ttq, pintrk, and dataLayer.push.
3
Cosmetic filter
CSS hides ad containers so the page stays readable while you design.
First-party analytics warning
On a Chameleon-powered site, the popup warns when your own merchant dashboard analytics are blocked for the session. Turn Chameleon Tracking off to restore first-party events without disabling the whole shield.
Shield disabled
Master toggle off shows a clear "you are visible" banner and an OFF badge on the toolbar. Your category rules stay saved for next time.
Full feature set
Everything in the toolkit
Companion mode, shield controls, drafts, and operator feedback, without shipping a second Studio codebase.
Master power switch
Turn the entire shield off instantly when you need real events.
Per-category toggles
Keep Sentry on, block GA, or mix rules per workflow.
Live block counter
See how many requests were intercepted this session.
Toolbar badge
ON, OFF, or a block count (42, 1.2k) at a glance.
Channel + store picker
Companion mode follows your admin session and deployment.
Preview tokens
Short-lived sdkPreview tokens for sharing drafts.
Console logging
Color-coded SHIELD lines for every blocked call.
Zero extension telemetry
The toolkit does not phone home. No third-party analytics.
First-party warning
Alerts when Chameleon analytics are paused on your own site.
Session auth bridge
Reads your existing admin token locally. No separate credentials.
Draft save bridge
Studio saves land in Command Center like the bookmarklet.
29 ad networks
Network blocks plus cosmetic CSS for a clean canvas.
Advantage
How it helps day to day
Less friction than a bookmarklet, cleaner data than browsing unprotected, and Studio where your customers actually land.
Bookmarklet only
Pinned extension with shield, badge, and auto-connect
Testing pollutes GA and pixels
Invisible sessions until you flip the master switch
Separate mock preview
Real channel products on the live page
Guess if trackers fired
Live counters and console SHIELD logs
Re-login for every tool
Uses the admin tab you already have open
Ads clutter design work
Ad networks blocked and containers hidden
Compatibility
Works with your Chameleon stack
Chrome Manifest V3, any host page, the same Studio as Try It, and your existing Command Center session.
Chrome Manifest V3
Built for modern Chrome extension APIs (declarativeNetRequest, service worker).
Any website
Inject Studio and run the shield on SDK sites, WordPress, demos, or plain HTML.
Commerce SDK + Studio
Same studio bundle as Try It and the bookmarklet on www.lesuto.com.
admin.lesuto.com session
Companion mode unlocks when you are already signed into Command Center.
Get started
Install in under a minute
Load the open-source extension unpacked while the Chrome Web Store listing is in review.
- 1Clone or download the chameleon-chrome-toolkit folder.
- 2Open
chrome://extensionsand turn on Developer mode. - 3Click Load unpacked and select the folder.
- 4Pin the extension, sign into admin.lesuto.com, then open Studio on any tab.
Zero extension telemetry
Live block counters
Manifest V3
Privacy details: extension privacy policy.
Build storefronts without polluting analytics
Install the Lesuto Chameleon Toolkit, connect your channel, and ship cleaner previews.
Get Started Free