Skip to main content

​
Before you start

You need two values from your feedbackfun dashboard:
ValueWhere to find it
API_KEYDashboard → Settings → API Key
PROJECT_IDDashboard → your project → Settings

​
Add the widget

Paste this snippet before the closing </body> tag of your page: 
<link rel="stylesheet" href="https://cdn.feedbackfun.com/feedbackfun-widget.min.css">
<script
  src="https://cdn.feedbackfun.com/feedbackfun-widget.min.js"
  data-feedbackfun-api-key="YOUR_API_KEY"
  data-feedbackfun-project-id="YOUR_PROJECT_ID">
</script>
Replace YOUR_API_KEY and YOUR_PROJECT_ID with your actual values.
That’s it. A floating feedback button will appear on your site.

​
Verify it’s working

1

Open your website

You should see a small floating button in the bottom-right corner of your page.
2

Submit a test entry

Click the button and submit a feature request or bug report.
3

Check the dashboard

Go to your feedbackfun dashboard. The submission should appear under your project’s roadmap.

​
Testing on localhost

By default the widget checks your site’s domain against the project settings. Add data-feedbackfun-dev-domain to bypass domain validation during local development: 
<script
  src="https://cdn.feedbackfun.com/feedbackfun-widget.min.js"
  data-feedbackfun-api-key="YOUR_API_KEY"
  data-feedbackfun-project-id="YOUR_PROJECT_ID"
  data-feedbackfun-dev-domain="yourdomain.com">
</script>
data-feedbackfun-dev-domain is only needed during local development. Remove it before deploying to production.

​
Next steps

npm package

Using React, Next.js, or Vue? Install via npm for better framework integration.

Configuration options

Customize colors, display mode, trigger selector, and more.

Identify your users

Pass user info so feedback is linked to real accounts in your dashboard.

Framework guides

Step-by-step guides for React, Next.js, Vue, and plain HTML.