[{"data":1,"prerenderedAt":253},["ShallowReactive",2],{"homepage-data":3,"page-/browser-extension":126},{"id":4,"capabilities":5,"cta":26,"extension":31,"faq":32,"features":57,"footer":76,"hero":78,"howItWorks":83,"meta":96,"outcomes":97,"pricing":111,"stem":115,"testimonials":116,"__hash__":125},"homepage/data/homepage.json",{"eyebrow":6,"title":7,"subtitle":8,"items":9},"One workflow, wherever the review starts","Collect precise feedback without forcing one setup on every client","Use the embedded widget, a browser extension, or the official WordPress plugin. Every submission becomes a structured task your team can manage in Snootl.",[10,13,18,23],{"title":11,"text":12},"Embedded website widget","Add one script to staging or production. Reviewers can pin an exact element, capture a screenshot, draw annotations, attach files, and send page and environment context with the request.",{"title":14,"text":15,"href":16,"linkLabel":17},"Browser extension","Use Snootl on sites where you cannot add the widget yet. Connect the current domain to a project, capture the visible tab, and open the same feedback workflow without changing the website.","/extensions","See browser extensions",{"title":19,"text":20,"href":21,"linkLabel":22},"Official WordPress plugin","Install Snootl from WordPress.org, validate the project API key, and control whether the widget is available to everyone, signed-in users, selected roles, or inside wp-admin.","https://wordpress.org/plugins/justdev-feedback-widget-for-snootl/","View the WordPress plugin",{"title":24,"text":25},"List and Kanban task workspace","Move cards through the board, assign an owner, set status, priority, and due date, then keep comments, attachments, activity, filters, and saved views attached to the work.",{"title":27,"subtitle":28,"button":29,"badge":30},"Make your next client review easier","Create a free workspace, connect a website, and keep every change in one clear feedback workflow.","Start free","Free plan · No credit card required","json",{"eyebrow":33,"title":34,"items":35},"Questions","What agencies ask before getting started",[36,39,42,45,48,51,54],{"question":37,"answer":38},"Does my client need a browser extension?","No. Clients can use the embedded widget on a connected website. The browser extension is an additional option for your team when a site does not have the widget installed or is behind a protected environment.",{"question":40,"answer":41},"Does Snootl work with WordPress?","Yes. Snootl has an official WordPress.org plugin with API-key validation and visibility controls for all visitors, signed-in users, WordPress roles, and wp-admin.",{"question":43,"answer":44},"Does Snootl include a Kanban board?","Yes. Teams can manage feedback in a task list or Kanban board with statuses, assignment, priorities, due dates, comments, attachments, filters, saved views, and activity history.",{"question":46,"answer":47},"What context is captured with feedback?","Snootl can attach the page URL, screenshot, selected element, browser, operating system, screen and viewport details, plus optional console diagnostics.",{"question":49,"answer":50},"Can we use Snootl on staging and live websites?","Yes. A project can be connected to the environments your team and clients are authorized to review.",{"question":52,"answer":53},"What happens when the agency grows?","You can move to a plan with more owned workspaces and projects. Billing is managed securely through Stripe.",{"question":55,"answer":56},"Is there a free plan?","Yes. Start with the Free plan and move to a paid plan when you need additional client workspaces or projects.",{"title":58,"subtitle":59,"before":60,"after":63,"items":66},"From vague comments to precise website feedback","Snootl turns client input into structured, contextual feedback — so agencies and developers can move faster without the communication mess.",{"title":61,"text":62},"Without Snootl","Feedback is scattered across emails, Slack messages, spreadsheets, and screenshots. It’s unclear, incomplete, and creates endless back-and-forth.",{"title":64,"text":65},"With Snootl","Feedback is left directly on the page with full context. Snootl organizes everything in one place, so your team can focus on delivering — not deciphering messages.",[67,70,73],{"title":68,"text":69},"The right setup for each review","Clients can use the embedded widget, while your team can reach protected or unconnected sites through the browser extension.",{"title":71,"text":72},"Precise visual annotations","Pin the exact page element, capture a screenshot, draw an arrow, rectangle, or freehand note, and attach supporting files.",{"title":74,"text":75},"Automatic technical details","Capture the URL, DOM selector, browser, operating system, screen and viewport details, plus optional console diagnostics.",{"description":77},"Snootl brings clarity and structure to website feedback for agencies and developers.",{"headline":79,"subtext":80,"cta":29,"secondaryCta":81,"promo":82,"badge":30},"Ship client websites without the \u003Cspan class=\"text-indigo-600\">feedback chaos\u003C/span>","Snootl turns scattered client comments into clear, contextual website tasks your agency can resolve and approve in one workflow.","See how it works","Built for web agencies that want smoother client approvals",{"eyebrow":84,"title":85,"items":86},"How it works","From client comment to resolved task in three steps",[87,90,93],{"title":88,"text":89},"Connect the website","Create a project and add Snootl to the staging or live environment you want to review.",{"title":91,"text":92},"Collect feedback in context","Clients click on the page, explain the change, and submit it with the page and technical details attached.",{"title":94,"text":95},"Resolve and approve","Your team assigns, prioritizes, discusses, and closes the task without losing the original context.",{},{"eyebrow":98,"title":99,"subtitle":100,"items":101},"Protect your project margin","Less time translating feedback. More time shipping great work.","Keep every request tied to the page, the technical context, and the conversation your team needs to move it forward.",[102,105,108],{"title":103,"text":104},"Reduce clarification loops","Clients point to the exact place they mean instead of describing it across email threads and screenshots.",{"title":106,"text":107},"Keep delivery predictable","Turn feedback into an owned task with status, priority, due date, and a complete activity trail.",{"title":109,"text":110},"Make approval easier","Give clients and delivery teams one shared place to discuss, verify, and close each change.",{"eyebrow":112,"title":113,"subtitle":114},"Pricing","Start with one client project. Scale when your agency does.","Every plan includes the core feedback workflow. Upgrade when you need more workspaces and projects.","data/homepage",{"title":117,"subtitle":118,"items":119},"Built inside a working web agency","justDev uses Snootl to keep client feedback attached to the work instead of scattered across communication tools.",[120],{"name":121,"role":122,"image":123,"quote":124},"Kyrylo Dorozhynskyi","CEO at justDev","/img/kyrylo.jpg","Snootl completely changed how we handle client feedback. Instead of scattered screenshots and unclear messages, we now get precise, contextual feedback directly on the website. It makes collaboration smoother and projects move faster.","kJHIYOFJeFYrH5AMhXMzqM0dziJqUEpyeSL5fbiW0P0",{"id":127,"title":128,"body":129,"description":244,"extension":245,"meta":246,"navigation":247,"pageType":248,"path":249,"seo":250,"stem":251,"__hash__":252},"content/browser-extension.md","Snootl Browser Extensions for Chrome and Firefox",{"type":130,"value":131,"toc":235},"minimark",[132,137,141,149,154,173,176,180,183,186,190,193,197,215,219,222],[133,134,136],"h1",{"id":135},"collect-website-feedback-with-snootl-browser-extensions","Collect website feedback with Snootl browser extensions",[138,139,140],"p",{},"Use Snootl on websites where the embedded widget is not installed yet. The browser extension opens\nthe same contextual feedback workflow on staging sites, protected environments, and websites your\nteam cannot modify directly.",[138,142,143,144,148],{},"Choose the browser you use on the ",[145,146,147],"a",{"href":16},"Snootl extensions page",", where you can install the\nChrome or Firefox version.",[150,151,153],"h2",{"id":152},"install-the-extension","Install the extension",[155,156,157,161,164,167,170],"ol",{},[158,159,160],"li",{},"Open the official Snootl listing for your browser.",[158,162,163],{},"Select the browser's install button, then confirm the requested permissions.",[158,165,166],{},"Pin Snootl from the browser extensions menu so it stays available in the toolbar.",[158,168,169],{},"Open the extension and sign in with your Snootl account.",[158,171,172],{},"Visit the website you want to review and select the Snootl icon.",[138,174,175],{},"The extension is installed per browser profile. Team members who need to submit feedback from the\nextension should install it in their own Chrome profile and sign in with their own Snootl account.",[150,177,179],{"id":178},"connect-the-website-to-a-project","Connect the website to a project",[138,181,182],{},"After signing in, choose the workspace and project that should receive feedback from the current\nwebsite. Snootl uses the active page domain to help you select the correct environment without\nembedding a script in that website.",[138,184,185],{},"Once connected, open the extension on any page in the same review environment, select the relevant\nelement, add a clear comment, and submit the report.",[150,187,189],{"id":188},"send-context-developers-can-use","Send context developers can use",[138,191,192],{},"An extension report can include the page URL, selected DOM element, screenshot, visual annotations,\nattachments, browser and operating-system details, screen and viewport sizes, and optional console\ndiagnostics. The report becomes a Snootl task with the same status, priority, assignee, due date,\ncomments, and activity workflow as feedback submitted through the embedded widget.",[150,194,196],{"id":195},"when-to-use-the-extension","When to use the extension",[198,199,200,203,206,209,212],"ul",{},[158,201,202],{},"Review a staging environment before the widget has been installed.",[158,204,205],{},"Collect feedback on a protected site your clients cannot access directly.",[158,207,208],{},"Review a third-party or hosted website where you cannot edit the source.",[158,210,211],{},"Let internal QA and delivery teams capture issues without changing production code.",[158,213,214],{},"Keep feedback from multiple collection methods in one project and Kanban workflow.",[150,216,218],{"id":217},"extension-or-embedded-widget","Extension or embedded widget?",[138,220,221],{},"Use the extension when the reviewer is part of your Snootl workspace and can install a browser\nextension. Use the embedded widget when clients or visitors need to leave feedback directly on a\nconnected website without installing anything. WordPress teams can also use the official Snootl\nplugin to add and control the widget without editing the active theme.",[138,223,224,227,228,234],{},[145,225,226],{"href":16},"See all Snootl browser extensions"," or ",[145,229,233],{"href":230,"rel":231},"https://app.snootl.com/register?source=browser-extension",[232],"nofollow","create a free Snootl workspace",".",{"title":236,"searchDepth":237,"depth":237,"links":238},"",2,[239,240,241,242,243],{"id":152,"depth":237,"text":153},{"id":178,"depth":237,"text":179},{"id":188,"depth":237,"text":189},{"id":195,"depth":237,"text":196},{"id":217,"depth":237,"text":218},"Install a Snootl browser extension to collect contextual website feedback on staging, protected, and unconnected websites without adding a script.","md",{},true,"marketing","/browser-extension",{"title":128,"description":244},"browser-extension","BYIn0FhPAC-ReUTqI0uuK5nNM2b29AZduQzDz_M0nJ8",1787168787325]