# How do I add DemoPage to Webflow?

> In Webflow open Site settings, then Custom code, and paste your DemoPage snippet into Footer code. Press Save changes and publish the site. Custom code doesn't run in the Designer or in preview, so check the published site.

Reviewed 2026-10-27.

## Steps

1. In your DemoPage portal, open Demo settings and press Copy snippet under Embed on your site.
2. In Webflow, open Site settings, then Custom code.
3. Paste the snippet into Footer code. Head code works too.
4. Press Save changes, then publish the site.
5. Open the published site in a private window and look for the Get a live demo button.

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

## If the button doesn't show

- Custom code doesn't run in the Designer or in preview. Check the published site.
- Your staging address, like yoursite.webflow.io, is a different domain. Type it in the field that says Other websites under Embed on your site, and press Save websites. The portal says Saved. It can take 30 seconds to apply.
- Add your own staging address, not webflow.io on its own. Each site you add includes its subdomains, so webflow.io would let every Webflow site show your demo. [Other domains and staging sites](https://demopage.io/help/other-domains.md)
- Still no button? Go through [the button checklist](https://demopage.io/help/button-not-showing.md).

Step by step: [Paste it into your site](https://demopage.io/docs/add-to-your-site.md#paste).

## 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)
- [The demo button isn't showing on my site. What should I check?](https://demopage.io/help/button-not-showing.md)

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