Integration guide

Next.js user feedback widget,
installed with one script.

Give users a consistent way to report bugs and request features across your Next.js application. Add SaaSoop once at the root and keep feedback available through client-side navigation.

✓ No package dependency✓ Async loading✓ Free plan included
Installation

Add SaaSoop to Next.js

Load the script in your root app/layout.tsx with next/script and the afterInteractive strategy. Add your project key as a data attribute.

<script
  src="https://www.saasoop.com/widget.min.js"
  data-project-key="YOUR_PROJECT_KEY"
  async
></script>
User-submitted screenshots
Browser and device context
Trusted-domain controls
What you collect

Useful feedback, already attached to the right context.

A root-layout install keeps one widget available across App Router pages without duplicating it in individual routes.

Bug reportsSee what happened, where it happened, and the environment involved.
Feature requestsKeep product ideas in the same workspace as bugs, questions, and praise.
Product signalsTriage submissions, group recurring themes, and connect shipped work to feedback.
Ready to test it?Open the interactive SaaSoop feedback widget.
Explore the demo