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 by creating a feedback form. Call POST /api/pipeline with your feedback fields. You get a form with your chosen fields in one call. For example: email (optional), category (Bug Report, Feature Request, Improvement, Other), rating (1-5), and a free-text field.
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.
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>