> ## Documentation Index > Fetch the complete documentation index at: https://sleekplan.com/llms.txt > Use this file to discover all available pages before exploring further. # Install the Sleekplan widget > Add the Sleekplan feedback widget to your website by pasting one script snippet, then identify your logged-in users so their feedback, votes, and comments are attributed correctly. The widget adds a feedback button to your website or app so your users can post ideas, vote, comment, and see your roadmap and changelog without leaving your product. Installing it takes only a few minutes: you copy one script snippet from your dashboard and paste it into your site. You need access to edit your website's HTML, or to your CMS or theme header (for example the header settings in WordPress, Shopify, or Webflow). No coding beyond pasting a snippet is required. ## Install the widget Go to [**Settings → Widget**](https://app.sleekplan.com/settings/widget). Your personal install snippet is shown there under **Install**, already filled in with your workspace's unique product ID. Click **Copy snippet**.

The Widget settings screen with the install snippet highlighted

Leave the `SLEEK_PRODUCT_ID` value as-is: it is what links the widget to your workspace. The snippet looks like this: ```html theme={"system"} ``` Add the snippet just before the closing `` tag on every page where you want the widget to appear. It loads asynchronously, so it will not slow your site down. ```html theme={"system"} ``` Placing it in your site's `` works too. Either way, add it to every page where the widget should appear (or to a shared layout or template so it loads everywhere at once). Publish the change and reload your site. The Sleekplan launcher button appears (bottom-right by default). Click it to open the feedback board, roadmap, and changelog. If the button does not show up on the first load, clear your browser cache and reload the page. ## Identify your logged-in users By default anyone can post feedback as a guest. If your website already has signed-in users, pass their identity to Sleekplan so every vote, comment, and post is tied to the right person, and your users never have to create a separate Sleekplan account. There are two ways to do this: * **Pass user details directly.** Your developer adds a small amount of code that sends each user's email, ID, and name to the widget. See [Identify your users](https://sleekplan.com/docs/sdk/user-setup) in the Developer Docs. * **Single Sign-On (SSO).** For private boards or when you require confirmed accounts, authenticate users silently with a signed token. See [Single Sign-On](https://sleekplan.com/docs/authentication/single-sign-on) in the Developer Docs. Identifying users involves a short code change and is usually done by a developer. The full walkthrough lives in the [Developer Docs](https://sleekplan.com/docs/quickstart). ## Install on a specific platform The same snippet works anywhere you can add a script tag. If you build your site with a JavaScript framework or a visual site builder, follow the guide for your stack so the snippet loads at the right moment: Load the widget from a `useEffect` hook, plus notes for Next.js. Add the snippet to `index.html` or mount it from your root component. Paste the snippet into your project's custom code and publish. Allowlist the Sleekplan domains if your site enforces a CSP. For WordPress, Shopify, or any site behind Cloudflare, add the snippet to your theme's header or a "custom code" / "header scripts" area, then reload as described above. If you cannot embed a script at all, or you want feedback to live on its own page, you have two alternatives: * **Host on your own domain.** Point a subdomain like `feedback.yourcompany.com` at Sleekplan instead of embedding a widget. See [Host on a custom domain](https://sleekplan.com/docs/install/standalone). * **Embed in an iframe or mobile webview.** Load Sleekplan inside an `