💻 Vanilla JavaScript

Feedback widget in 5 minutes with JavaScript

No framework needed. No build step. Paste one script tag and you have a working feedback widget with AI triage.

⚡Pure JS · No dependencies · <6KB

Basic setup

Paste this in your HTML, done. Widget appears in the bottom right.

<!-- Basis setup: één script tag -->
<script 
  src="https://widget.fluister.dev/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  async>
</script>

Custom styling

Customize colors, position, and text via data-attributes:

<!-- Aangepaste kleuren en positie -->
<script 
  src="https://widget.fluister.dev/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-color="#5B5FC7"
  data-position="bottom-left"
  data-button-text="Feedback"
  async>
</script>

JavaScript API for full control

Open, close, or toggle the widget programmatically. Attach user data.

// JavaScript API voor dynamische controle
window.FluisterWidget = {
  open: () => window.fluister.open(),
  close: () => window.fluister.close(),
  toggle: () => window.fluister.toggle(),
  setUser: (id, email) => {
    window.fluister.setUser({ id, email });
  }
};

// Voorbeeld: open widget na 10 seconden
setTimeout(() => window.fluister.open(), 10000);

💡 Tip: Use the API to open the widget after a specific action (e.g. after a purchase or error message).

Why developers use Fluister

⚡

Fast & lightweight

Less than 6KB gzipped. Loads asynchronously, does not block your page. No performance impact.

🔧

No dependencies

Pure vanilla JavaScript. No jQuery, React, or other dependencies. Works everywhere.

🤖

AI built-in

Every feedback automatically categorized (bug/feature/question). Sentiment detection. No extra setup.

🎨

Customizable

Customize colors, position, text. Full control via JavaScript API. Fits any design.

Frequently asked questions

Does this work without React or Vue?

Yes. It is pure vanilla JavaScript. Works in any HTML page, without build tools or frameworks.

Can I load the widget dynamically?

Yes. You can load the script after an event (e.g. after login). Use the JavaScript API to initialize the widget.

How do I fully customize the styling?

Via data-attributes for basic styling (color, position). For full custom styling you can add your own CSS. See docs for CSS selectors.

Does the JavaScript API work in all browsers?

Yes. We support all modern browsers (Chrome, Firefox, Safari, Edge). IE11 is not supported.

Ready to get started?

Create a free account, copy your script tag, and go live in 5 minutes.

Create free account