# How do I add the demo button to my website?

> Copy one script tag from Embed on your site in your portal's Demo settings, and paste it before the closing body tag on every page that should show the button. It adds a Get a live demo button that opens your demo over the page.

Reviewed 2026-10-27.

## Add it

1. Sign in to your portal, open Demo settings, and find Embed on your site. It appears once you go live.
2. Press Copy snippet. Your snippet has your own link name in data-demo, and data-language if you picked a start language. If copying fails, the portal says Select the snippet and copy it from here.
3. Paste it before </body> in your page template, or into your site builder's footer code field. A header field works too. Add it once per page; a second copy is ignored.
4. Open your site in a private window and press the button. The demo opens over the page.

```
<script src="https://app.demopage.io/embed.js" data-demo="your-link" async></script>
```

![Embed on your site in the portal's Demo settings: the script tag with a Copy snippet button, Options, and a field for other websites.](https://storage.googleapis.com/demopage-media/docs/embed-snippet.583906f8f5e1.webp)

## What visitors see

A Get a live demo button in the bottom right corner. It opens the demo in a panel over your page, full screen on phones. Visitors close it with the × button or by clicking outside the panel.

To change the button's text, color, or side, see [Button text, color, and position](https://demopage.io/help/button-label-color-position.md). To use a button of your own, see [Use your own button](https://demopage.io/help/own-button.md).

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

## Where it works

The demo loads on https pages of your website's domain and its subdomains, and on other websites you list under Embed on your site. On any other page, including a file opened from your computer, the panel opens without the demo. [Other domains and staging sites](https://demopage.io/help/other-domains.md)

## Step-by-step for common builders

- Webflow: [How do I add DemoPage to Webflow?](https://demopage.io/help/webflow.md)
- WordPress: [How do I add DemoPage to WordPress?](https://demopage.io/help/wordpress.md)
- HubSpot CMS: [How do I add DemoPage to HubSpot?](https://demopage.io/help/hubspot-cms.md)
- Others: [Can I add DemoPage to Wix, Squarespace, Framer, or Shopify?](https://demopage.io/help/other-site-builders.md)

## If something's off

- No button on the page: go through [the button checklist](https://demopage.io/help/button-not-showing.md).
- The browser console says DemoPage: set data-demo to the name of your demo link. That means data-demo is missing or mistyped; copy the snippet again.
- To check it's working, look at Saw the button in Results. [What each number means](https://demopage.io/help/read-results.md)

## No script needed

You can also share the link itself in emails, ads, and posts. [Sharing your demo link](https://demopage.io/help/share-demo-link.md)

Step by step: [Add the demo button to your site](https://demopage.io/docs/add-to-your-site.md).

## Related questions

- [How do I add DemoPage to Webflow?](https://demopage.io/help/webflow.md)
- [How do I add DemoPage to WordPress?](https://demopage.io/help/wordpress.md)
- [How do I add DemoPage to HubSpot?](https://demopage.io/help/hubspot-cms.md)
- [The demo button isn't showing on my site. What should I check?](https://demopage.io/help/button-not-showing.md)
- [Can I show the demo on another domain or a staging site?](https://demopage.io/help/other-domains.md)

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