Skip to main content
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

1

Copy your widget snippet

Go to 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 highlightedLeave the SLEEK_PRODUCT_ID value as-is: it is what links the widget to your workspace. The snippet looks like this:
<script type="text/javascript">window.$sleek=[];window.SLEEK_PRODUCT_ID=XY;(function(){d=document;s=d.createElement("script");s.src="https://client.sleekplan.com/sdk/e.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
2

Paste it into your website

Add the snippet just before the closing </body> tag on every page where you want the widget to appear. It loads asynchronously, so it will not slow your site down.
<html>
  <head>
    <!-- your existing head content -->
  </head>
  <body>
    <!-- your page content -->

    <!-- Sleekplan widget -->
    <script type="text/javascript">window.$sleek=[];window.SLEEK_PRODUCT_ID=XY;(function(){d=document;s=d.createElement("script");s.src="https://client.sleekplan.com/sdk/e.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
  </body>
</html>
Placing it in your site’s <head> 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).
3

Reload and check the widget

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 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 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.

​
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:

React

Load the widget from a useEffect hook, plus notes for Next.js.

Vue

Add the snippet to index.html or mount it from your root component.

Webflow

Paste the snippet into your project’s custom code and publish.

Content Security Policy

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.
  • Embed in an iframe or mobile webview. Load Sleekplan inside an <iframe> for native apps or platforms that block third-party scripts. See Embed in an iframe.

​
Next steps

Customize the widget

Change the launcher button, colors, and which tabs appear to match your brand.

Create your first post

Add feedback on behalf of a user and start organizing suggestions.

Developer install guide

The full technical reference for the widget snippet, trigger buttons, and notification badges.

Set up your roadmap

Show users what you are planning and building next.