Updated March 2026
A feedback widget is a small embedded form that lets users submit feedback without leaving the page. You can build one in minutes.
Start with Sutrena's feedback template. Call POST /api/forms/from-template with templateId "feedback". You get a form with email (optional), category (Bug Report, Feature Request, Improvement, Other), rating (1-5), and a free-text field. Plus a matching dashboard.
Want fewer fields? Create a custom form with just sentiment (select: positive, neutral, negative) and a comments textarea. Fewer fields mean higher completion rates.
Embed it on your site with the two-line snippet. Common placements: footer, sidebar, or inside a modal triggered by a "Give feedback" button.
For a modal approach, put the embed div in a hidden container and toggle visibility with JavaScript. Listen for the sutrena:submitted event to close the modal after submission and show a thank-you message.
For a floating button, create a fixed-position container in the bottom-right corner. A button toggles the embed div. User clicks "Feedback," form slides in. On submission, hide it again.
The iframe auto-resizes to fit content. On mobile, it's responsive within whatever container width you provide.
The template's dashboard shows total feedback count, categories as a pie chart, ratings as a bar chart, and recent submissions in a table. Auto-refreshes every 30 seconds.
For real-time notifications, add a webhook to Slack or email. Embed the same widget on multiple pages or sites -- all submissions flow into one form.
<!-- Floating feedback widget -->
<script src="https://sutrena.com/embed.js" defer></script>
<div id="feedback-widget" style="position:fixed;bottom:20px;right:20px;z-index:9999;">
<button onclick="document.getElementById('feedback-form').style.display='block'" style="padding:10px 20px;cursor:pointer;">
Give feedback
</button>
<div id="feedback-form" style="display:none;width:380px;margin-top:8px;">
<div data-sutrena-form="YOUR_FORM_ID"></div>
</div>
</div>