💻 Vanilla JavaScript

Feedback widget in 5 minuten met JavaScript

Geen framework nodig. Geen build step. Plak één script tag en je hebt een werkend feedback widget met AI triage.

⚡Pure JS · Geen dependencies · <6KB

Basis setup

Plak dit in je HTML, klaar. Widget verschijnt rechtsonder.

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

Aangepaste styling

Pas kleuren, positie en tekst aan 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 voor volledige controle

Open, sluit of toggle het widget programmatisch. Koppel gebruikersdata.

// 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: Gebruik de API om het widget te openen na een specifieke actie (bijv. na een aankoop of foutmelding).

Waarom developers Fluister gebruiken

⚡

Snel & lichtgewicht

Minder dan 6KB gzipped. Laadt asynchroon, blokkeert je pagina niet. Geen performance impact.

🔧

Geen dependencies

Pure vanilla JavaScript. Geen jQuery, React, of andere afhankelijkheden. Werkt overal.

🤖

AI ingebouwd

Elke feedback automatisch gecategoriseerd (bug/feature/vraag). Sentiment detectie. Geen extra setup.

🎨

Aanpasbaar

Pas kleuren, positie, tekst aan. Volledige controle via JavaScript API. Past in elke design.

Veelgestelde vragen

Werkt dit zonder React of Vue?

Ja. Het is pure vanilla JavaScript. Werkt in elke HTML pagina, zonder build tools of frameworks.

Kan ik het widget dynamisch laden?

Ja. Je kunt het script laden na een event (bijv. na login). Gebruik de JavaScript API om het widget te initialiseren.

Hoe pas ik de styling volledig aan?

Via data-attributes voor basis styling (kleur, positie). Voor volledige custom styling kun je je eigen CSS toevoegen. Zie docs voor CSS selectors.

Werkt de JavaScript API in alle browsers?

Ja. We ondersteunen alle moderne browsers (Chrome, Firefox, Safari, Edge). IE11 wordt niet ondersteund.

Klaar om te beginnen?

Maak een gratis account, kopieer je script tag, en ga live in 5 minuten.

Gratis account aanmaken