Enquêtes insluiten op je website

Bijgewerkt 20 april 2026

Plaats een enquête direct in je product, landingspagina of helpcentrum. Geen iframes om te beheren, geen lay-outproblemen - het werkt gewoon.

Gebruik een eenvoudige script-tag of installeer de SDK als je liever met modules werkt.

De volledige API en geavanceerde opties zijn beschikbaar in de Embed SDK-documentatie.

Kies de weergave

Verschillende situaties vragen om verschillende instappunten. Kies wat bij jouw gebruikersinterface past:

  • Inline widget - sluit direct in op een pagina
  • Modaal dialoogvenster - open feedback op aanvraag
  • Zijpaneel (drawer) - schuift in vanaf de zijkant
  • Popover - subtiel zwevend paneel
  • Feedback-tabblad - altijd beschikbaar, zonder in de weg te zitten

Snel aan de slag

Optie 1: Script-tag (snelste)

Voeg dit toe aan je pagina en je bent klaar om te beginnen:

<script src="https://share.youropinion.is/embed/latest.js"></script>

Open vervolgens een enquête met één enkele regel:

<button onclick="yo.createDialog('SURVEY_ID').open()">Geef feedback</button>

Als je een aangepast domein gebruikt, kun je de SDK ook downloaden vanaf https://cname.jouwdomein.nl/embed/latest.js om verzoeken van derden te elimineren.

Optie 2: Installeren via npm

Voor moderne setups:

npm install @youropinion/embed

Gebruik het vervolgens in je app:

import { createWidget } from "@youropinion/embed";

createWidget("SURVEY_ID", {
    container: document.querySelector("#survey"),
});

Gebruik je React? Geen probleem.

Gebruik kant-en-klare componenten:

import { EmbedWidget } from "@youropinion/embed/react";

export default function Page() {
    return <EmbedWidget surveyId="SURVEY_ID" autoGrow />;
}

Donker thema? Waarom niet.

Pas je enquête in één regel aan op je product:

yo.setTheme("auto"); // light | dark | auto

Waar vind je je enquête-ID

Maak een deellink aan in je dashboard en schakel de optie “Allow embedding in websites” in.

De ID is simpelweg het gedeelte na /#/ in je link.

Lees meer