Product feedback

Install Feedback Widget: A Developer Checklist

Install a feedback widget the right way: widget installation steps for React, Vue, Next, Nuxt, WordPress, and plain HTML, plus a staging checklist.

· 6 min read

Start from the project embed

Open Settings → Widget and copy the project embed snippet. That is the core of widget installation for an embeddable feedback widget. Do not hardcode a production project ID in staging.

Keep reading in this cluster: Widget Customization Guide for a Custom F…, Website vs In, Website Feedback Widgets Explained for Pr…, and Embeddable feedback widget.

Place it once in the layout

Add the script to your root layout or site-wide footer so every page gets the same feedback widget. For Next.js App Router, load it with a lazy strategy. For Nuxt, use app head config. For WordPress, use a site-wide custom code block.

Verify before you call it done

Confirm the launcher appears on desktop and mobile. Submit a test item. Vote on it. Confirm it shows on the public portal. If any step fails, fix widget installation before theming.

Then customize

Branding comes after a working install. Use the widget customization guide for launcher label, colors, and welcome copy. Keep technical install notes in install widget docs.

Get started

Put this into practice with Votiq.

Collect feedback, prioritise with votes, and ship with a changelog in one workspace from £20/mo.