Back to blog
widgetsetuphow-to

How to Add a Feedback Widget to Your Website in Under 2 Minutes

A step-by-step guide to embedding the Feedbaxster feedback widget on your website — with a floating button or inline form. Copy, paste, done.

2026-03-185 min read

Collecting customer feedback shouldn't require a PhD in web development. With Feedbaxster, adding a feedback widget to your website is a copy-paste operation — no build tools, no dependencies, no headaches.

Whether you want a floating button or an embedded form, you can be up and running in under two minutes. Let's walk through both options.

What You'll Need Before You Start

Just two things:

  1. A Feedbaxster account with at least one business set up. If you haven't created one yet, it only takes a minute at feedbaxster.com.
  2. Access to your website's HTML. This could be your source code directly, a CMS like WordPress or Shopify, or any platform that lets you add custom code snippets.

That's it. No API keys to generate, no packages to install.

Method 1: The Floating Button (Recommended)

This is the option most customers choose. It adds a small "Feedback" button to the bottom-right corner of your site. When a visitor clicks it, an overlay slides in with your feedback form. It stays out of the way until someone needs it.

Step 1: In your Feedbaxster dashboard, go to Widget in the sidebar.

Step 2: Copy the script tag. It looks like this:

<script src="https://feedbaxster.com/widget.js" data-business-id="YOUR_BUSINESS_ID"></script>

Your business ID is pre-filled when you copy from the dashboard.

Step 3: Paste that line into your website's HTML, ideally just before the closing </body> tag. If you're using a CMS, look for a "Custom Code" or "Footer Scripts" section in your site settings.

Step 4: Save and publish. That's it — visit your site and you should see the feedback button in the corner.

Method 2: The Inline Iframe Embed

If you'd rather embed the feedback form directly into a page — say, a dedicated "Give Us Feedback" page on your site — the iframe method is the way to go. Instead of a floating button, you get the full form rendered inline with your content.

Step 1: From the Widget page in your dashboard, switch to the Inline Embed tab and grab the iframe snippet:

<iframe
  src="https://feedbaxster.com/f/YOUR_SLUG?embed=true"
  style="border:none;width:100%;min-height:600px;"
  title="Feedback Widget"
></iframe>

Again, your slug will already be filled in when you copy from the dashboard.

Step 2: Paste the snippet wherever you want the form to appear on your page.

Step 3: Adjust the min-height value if needed. 600px works well for most layouts, but if your form is shorter or longer, feel free to tweak it.

Customize the Look and Feel

Neither method locks you into a default appearance. From your Feedbaxster dashboard, you can customize:

  • Button color — match your brand, or keep the Feedbaxster default.
  • Button text — change "Feedback" to "Tell us what you think," "Got ideas?", or whatever fits your voice.
  • Position — move the floating button to the bottom-left if that works better for your layout.

Changes you make in the dashboard apply automatically. No need to update any code on your site.

Lock Down Your Widget with Allowed Domains

Your widget embed code contains your business ID, which is visible in your page source. That means anyone could technically copy your snippet and put it on their own site — sending spam submissions that clutter your feedback dashboard.

The Allowed Domains setting prevents this. When you add your domains (e.g. mybusiness.com, shop.mybusiness.com), the widget API will only respond to requests originating from those domains. Any other site that tries to load your widget gets a 403 error instead of your config.

To set it up, go to Dashboard > Widget and add each domain where you've installed the widget. A few things to keep in mind:

  • Subdomains are matched automatically. Adding mybusiness.com also allows www.mybusiness.com, shop.mybusiness.com, etc.
  • Leave it empty during development. An empty list means the widget works on any domain, which is what you want while testing locally.
  • Add your production domains before launch. Once you're live, lock it down so only your real site can load the widget.

This keeps your feedback clean and trustworthy.

Troubleshooting Tips

The button isn't showing up. Make sure the script tag is actually being loaded. Open your browser's developer console (F12) and check the Network tab for widget.js. If it's being blocked, your site may have a Content Security Policy that restricts external scripts. You'll need to whitelist feedbaxster.com in your CSP headers.

The iframe looks too tall or too short. Adjust the min-height value in the style attribute. Start with 500px and increase until the form fits without scrollbars.

I see someone else's form. Double-check that the data-business-id or slug in your snippet matches the business you intend. You can verify the correct value on your dashboard's Widget page.

My CMS won't let me add script tags. Some website builders restrict custom scripts on lower-tier plans. Check your platform's documentation for "custom code injection" or "header/footer scripts." If your platform strips scripts entirely, use the iframe method instead — most platforms are more permissive with iframes.

Start Collecting Feedback Today

The hardest part of gathering customer feedback has never been the technology — it's been remembering to ask. With a one-line embed, Feedbaxster puts the question in front of your visitors right where they are, without interrupting their experience.

Pick a method, paste the snippet, and start listening. It takes less than two minutes.