How do you add nootiz to a Shopify theme without risking the live store?
Never edit the currently published theme directly – any change to theme.liquid there goes live instantly. Duplicate the theme, add the snippet to the copy, and work exclusively through the theme preview link. That way your team reviews the new version while shoppers on the real store notice nothing. Once approved, publish the copy and the snippet keeps running live.
Does nootiz work with Shopify apps and app blocks?
Yes, as long as the app renders its content as regular DOM elements on the storefront – review widgets, upsell banners or bundle blocks, for example. The note attaches to the actually rendered element, so a ticket shows exactly which app block was meant instead of you guessing inside the app's admin panel. If an app block runs inside its own iframe, pinpointing the exact element can be less precise – a note on the surrounding area with a description works well there.
What about the Shopify checkout?
For security and PCI reasons, Shopify's checkout is largely locked down; custom head code can only be added there via checkout extensions (Shopify Plus / Checkout Extensibility), not through theme.liquid. For feedback on checkout steps, notes on the cart and product pages work more reliably, backed up with screenshots of the checkout view. Every storefront page before that – home, collections, products, content pages – takes the snippet with no restrictions.
How do you handle stores that still sit behind a password?
New or in-development stores are protected by a storefront password by default. That is not a blocker: anyone with the password and the nootiz link reaches the page and can leave notes normally there. No Shopify account, collaborator access or admin login is required, so clients never touch the Shopify admin at all.
Who can leave feedback, and what do developers see in a note?
Anyone with the shared link can leave notes, with no Shopify login required – ideal for clients who should not get store access. Every note automatically stores the page URL, the marked element, a screenshot crop, and the browser and screen size. Developers can jump straight to the relevant theme.liquid section or snippet block instead of guessing from a vague description like „the button top right“.
How do notes map onto the theme structure?
Shopify themes are built from templates (product.json, collection.json, index.json) with sections and blocks nested inside. A note on a product page technically refers to the rendered element inside its section, so feedback on the product image is clearly separate from feedback on the description text or the reviews block, without you having to dig through section code.
Where are the honest limits of this setup?
The snippet cannot be served on hosted checkout pages or inside isolated app iframes, since Shopify controls those areas. For multi-storefront setups with several domains or markets, the snippet needs to be added to each theme in use, because every domain can serve its own theme.liquid.