Serve the snippet in the staging environment
Add the snippet to the staging site just like on the live site. Clients and testers then only need the link to give feedback, without installing anything.
Website feedback on staging and protected environments
Collect feedback on staging, preview and password-protected sites: ship the snippet there only, share the link, get notes on the element.
In short
On staging, preview and password-protected sites nootiz works by serving the snippet in the staging environment. Anyone with the link and, if needed, the password can leave notes directly.
Install in 3 steps
- 1
Serve the snippet in the staging environment only.
- 2
Open the protected page in your browser as usual.
- 3
Place notes – results land in the same project as your live feedback.
What to watch out for
Basic auth, VPN and IP restrictions
Because the snippet is served in the protected environment, existing access restrictions still apply. Whoever may see the page can place notes – without sharing credentials.
Cleanly separated environments
Create one project per environment (staging, live). Sign-off feedback and live reports stay separate and status lists stay meaningful.
Frequently asked questions
Does nootiz work on every staging page?
Yes, as long as the snippet is served in the staging environment. This also applies to pages behind login, basic auth or VPN.
Do clients need access to the staging environment?
Yes, clients or testers must be able to open the protected page as usual. The snippet runs there just like on the live site.
Does nootiz work behind basic auth or VPN?
If participants can reach the page, notes work too. For external clients, a password-protected preview URL beats VPN access.
How do I keep production free of the snippet?
Serve the snippet only in staging or preview using an environment flag.
Do notes survive a new deploy?
Yes, as long as URL and page structure stay stable – otherwise you still see the note with its screenshot context.
How do I hand over staging feedback before go-live?
As tasks in Trello, Asana, Jira or GitHub, prioritised by open items per page.
Other platforms
Keep reading
Deeper pages on platforms, comparisons and hands-on workflows.
Use case
Collect staging feedback
For password-protected staging and preview environments that need outside feedback.
→PlatformWebsite feedback tool for Squarespace
On Squarespace you add the nootiz snippet under Settings → Advanced → Code Injection (header). After that anyone with your link can leave notes on the page without signing in to Squarespace.
→GuideWebsite markup: comment directly on the live page
Website markup means feedback gets placed directly on the element on the live page. Here is how that works, technically and in practice.
→Use caseFeedback tool for agencies
For agencies that want shorter approval loops: client feedback lands on the page instead of in email, WhatsApp and spreadsheets.
→FeatureNotes directly on the website
Click, type, done – feedback lands exactly where it belongs.
→PlatformWebsite feedback tool for React and Next.js
In React, Next.js or Vue projects you load the nootiz snippet in the root layout or document and gate it behind an environment variable so it only runs in staging and preview deployments. Client and QA feedback then lands on the rendered component – with URL, browser and screen size attached.
→Stop collecting feedback in email threads
Add the snippet, share the link, collect feedback right on the page – live in under 5 minutes.