Umfragen auf deiner Website einbetten

Aktualisiert 20. April 2026

Füge eine Umfrage direkt in dein Produkt, deine Landingpage oder dein Helpcenter ein. Keine iframes, die verwaltet werden müssen, keine Layout-Probleme - es funktioniert einfach.

Verwende ein einfaches Skript-Tag oder installiere das SDK, wenn du lieber mit Modulen arbeitest.

Die vollständige API und erweiterte Optionen findest du in der Embed SDK-Dokumentation.

Wähle die Darstellungsart

Unterschiedliche Situationen erfordern unterschiedliche Einstiegspunkte. Wähle, was zu deiner Benutzeroberfläche passt:

  • Inline-Widget - direkt in eine Seite einbetten
  • Modaler Dialog - Feedback bei Bedarf öffnen
  • Drawer (Seitenleiste) - gleitet von der Seite herein
  • Popover - dezentes, schwebendes Panel
  • Feedback-Tab - immer verfügbar, ohne im Weg zu sein

Schnellstart

Option 1: Skript-Tag (am schnellsten)

Füge dies zu deiner Seite hinzu und schon kann es losgehen:

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

Öffne dann eine Umfrage mit einer einzigen Zeile:

<button onclick="yo.createDialog('SURVEY_ID').open()">Feedback geben</button>

Wenn du eine benutzerdefinierte Domain verwendest, kannst du das SDK auch von https://cname.deinedomain.de/embed/latest.js laden, um Anfragen an Drittanbieter zu vermeiden.

Option 2: Installation über npm

Für moderne Setups:

npm install @youropinion/embed

Verwende es dann in deiner App:

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

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

React? Kein Problem.

Verwende vorgefertigte Komponenten:

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

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

Dunkles Design? Warum nicht.

Passe deine Umfrage mit nur einer Zeile an dein Produkt an:

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

Wo du deine Umfrage-ID findest

Erstelle einen Freigabelink in deinem Dashboard und aktiviere „Einbetten in Websites erlauben“ (Allow embedding in websites).

Die ID ist einfach der Teil nach /#/ in deinem Link.

Mehr erfahren: