Embed Surveys on Your Website

Updated April 20, 2026

Drop a survey directly into your product, landing page, or help center. No iframes to manage, no layout issues - it just works.

Use a simple script tag or install the SDK if you prefer working with modules.

Full API and advanced options are available in the Embed SDK docs

Choose presentation surface

Different situations call for different entry points. Pick what fits your UI:

  • Inline widget - embed directly inside a page
  • Modal dialog - open feedback on demand
  • Drawer - slide in from the side
  • Popover - subtle floating panel
  • Feedback tab - always available, without getting in the way

Quick start

Option 1: Script tag (fastest)

Add this to your page and you’re ready to go:

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

Then open a survey with a single line:

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

If you are using a custom domain then you can download the sdk also from https://cname.yourdomain.com/embed/latest.js to eliminate any 3rd party requests

Option 2: Install via npm

For modern setups:

npm install @youropinion/embed

Then use it in your app:

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

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

React? No problem.

Use ready-made components:

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

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

Dark theme? Why not.

Match your survey to your product in one line:

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

Where to find your survey ID

Create a share link in your dashboard with “Allow embedding in websites” enabled.

The ID is simply the part after /#/ in your link.

Read more: