Widget Not Showing Up on Your Website? Here's What to Check

Let's start by making sure everything is set up correctly on the Sleekplan side of things.

This is the most common culprit! If the widget script hasn't been added to your website's code, the widget simply won't have anything to load from.

If you haven't added the snippet yet, check out this guide for step-by-step instructions on how to do it.

Even if the snippet is in place, the widget button won't appear unless the Show Button toggle is turned on in your widget settings.

To check this, head to Widget Settings> Button position menu and look for the Show Button toggle :

If you're using the Sleekplan SDK to open the widget with a custom button (instead of the default floating button), the element you're using as your trigger needs to have the data-sleek attribute attached to it.

Without this attribute, Sleekplan won't recognize your element as the widget trigger, and clicking it won't do anything.

Example of a correctly set up custom button:

<button data-sleek>Give Feedback</button>

Sleekplan lets you control exactly who sees the widget,visitors (non-logged-in users) and/or logged-in users. If these toggles aren't configured to match your audience, some users may not see the widget at all.

Head to Widget Settings > Display Conditions and check the Display for visitor and Display for user toggles; make sure they reflect who you want the widget to be visible for.

If everything looks good on the Sleekplan side, the issue might be originating from your website itself. Here are two things worth looking into.

Sometimes other elements on your page can visually or logically interfere with the widget, for example, an overlapping z-index, a CSS rule that's hiding elements in that area, or JavaScript that might be conflicting with how the widget initializes.

Take a look at your page's HTML, CSS, and JavaScript to check if anything could be blocking, hiding, or overriding the widget's display. A good starting point is to inspect the area of the page where the widget button should appear using your browser's DevTools → Elements panel.

If your website uses a Content Security Policy (CSP), it may be blocking the Sleekplan widget script from loading. CSP rules are designed to control which external resources a browser is allowed to load — and if Sleekplan's domains aren't on the allowlist, the widget will be silently blocked.

You'll want to make sure the appropriate Sleekplan domains are permitted in your CSP configuration. For a full list of what needs to be allowed, check out this article:

👉 Using the Sleekplan Widget with Content Security Policy (CSP)

Your browser's built-in Developer Tools are incredibly helpful for diagnosing widget issues. Here's what to look for:

👉 Console tab : Open DevTools (usually F12 or right-click → Inspect) and go to the Console tab. Look for any error messages related to Sleekplan or the widget script. Errors like Failed to load resource or Content Security Policy warnings are great clues.

👉 Network tab : Switch to the Network tab and reload your page. Search for "sleekplan" in the filter bar to see if the widget script is being requested and whether it loads successfully (look for a 200 status code). A blocked or failed status here usually points to a CSP issue or an incorrect script URL.

👉 Elements tab : Use the Elements panel to inspect the part of your page where the widget button should appear. Check if the widget HTML is being injected into the DOM at all; if it's there but invisible, a CSS conflict may be the cause.

Browser extensions (like ad blockers or privacy tools) can sometimes interfere with third-party scripts. Try loading your website in an incognito or private window to rule this out.

If possible, try embedding the Sleekplan snippet on a plain HTML page with minimal other code. If the widget loads there but not on your main site, the issue is likely something specific to your website's setup.