# The demo button isn't showing on my site. What should I check?

> Check that the snippet is on that page and that you published the site, since many site builders don't run custom code in their editor or preview. If the button appears but its panel stays empty, your demo link isn't on yet, or that website isn't allowed to show the demo. A Content Security Policy or an ad blocker can also stop the script.

Reviewed 2026-10-27.

## If there's no button at all

1. Copy the snippet from Embed on your site in Demo settings, or before you go live, from On your site in the setup steps. Paste it before </body> on every page that should show the button. Before you go live, the button opens an empty panel.
2. Publish the site, then open the published page, not the editor or a preview. Webflow's Designer and the editors of many other builders don't run custom code. [Webflow](https://demopage.io/help/webflow.md), [WordPress](https://demopage.io/help/wordpress.md), [other site builders](https://demopage.io/help/other-site-builders.md)
3. Check data-demo in the snippet. It has to be the name of your demo link, the part after /d/ in Your demo link. If it's missing, your browser's console says DemoPage: set data-demo to the name of your demo link.
4. If you added data-button="none", the default button is off on purpose, and the demo opens from any link or button with data-demopage-open. [Use your own button](https://demopage.io/help/own-button.md)
5. If your site sends a Content Security Policy, allow https://app.demopage.io in script-src, frame-src, and connect-src.
6. Turn off ad blockers and privacy extensions, or open the page in a private window.
7. Look at the bottom right corner, or the bottom left with data-position="left". A cookie banner or chat widget in the same corner can sit on top of it. [Change the button's position](https://demopage.io/help/button-label-color-position.md)
8. Paste the snippet once per page. A second copy is ignored, so its settings have no effect.

![Embed on your site in Demo settings for Northwind: the script tag with data-demo="northwind", Copy snippet, Options, and the Other websites field with Save websites.](https://storage.googleapis.com/demopage-media/docs/embed-snippet.583906f8f5e1.webp)

## If the button shows but the panel stays empty

The panel stays blank, or shows your browser's own error, when the demo isn't allowed to open there.

- Your demo link isn't on yet: you haven't gone live, your email isn't confirmed, or we're still checking that you run the site. Open the link itself. If it says This demo is not available, see [why your demo isn't live yet](https://demopage.io/help/demo-not-live-yet.md).
- The website isn't allowed: under Embed on your site, Shows on lists the sites that may show the demo, with their subdomains. Add others, such as blog.northwind.com, in the Other websites field, up to 10, and press Save websites. After saving, wait half a minute, then reload the page. [Show the demo on other websites](https://demopage.io/help/other-domains.md)
- The page uses http: the demo opens only on https pages.
- data-demo has a typo, or names someone else's link: copy the snippet again from Embed on your site.

## Check it worked

Open your site in a private window, press the button, and start the demo. On the Results tab, Saw the button and Opened the demo go up, and Where the demo was opened lists your site. Saw the button stays at 0 while the script can't run or your link is off. [What each number means](https://demopage.io/help/read-results.md)

Before you share the link, [try your demo the way a visitor would](https://demopage.io/help/test-your-demo.md).

[Clip: The Northwind website with a Get a live demo button in the corner. Clicking it opens the demo over the page.](https://storage.googleapis.com/demopage-media/docs/embed-button.cd090a1068fc.mp4)

Step by step: [Check that it works](https://demopage.io/docs/add-to-your-site.md#check).

## Related questions

- [How do I add the demo button to my website?](https://demopage.io/help/add-demo-button.md)
- [Can I show the demo on another domain or a staging site?](https://demopage.io/help/other-domains.md)
- [Can I use my own button instead of the DemoPage one?](https://demopage.io/help/own-button.md)
- [Why isn't my demo live yet?](https://demopage.io/help/demo-not-live-yet.md)
- [How do I add DemoPage to Webflow?](https://demopage.io/help/webflow.md)
- [How do I try my demo before I share it?](https://demopage.io/help/test-your-demo.md)

Still stuck? Email hello@demopage.io. All questions: [Help center](https://demopage.io/help.md).