How do I add DemoPage to Webflow?

Reviewed

Short answer

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.

Steps

  1. 1In your DemoPage portal, open Demo settings and press Copy snippet under Embed on your site.
  2. 2In Webflow, open Site settings, then Custom code.
  3. 3Paste the snippet into Footer code. Head code works too.
  4. 4Press Save changes, then publish the site.
  5. 5Open 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
  • Still no button? Go through the button checklist.

Didn't answer your question?

Talk to us with your demo link and the email you signed up with, or write to hello@demopage.io. We'll answer, and add it to the Help Center.