Skip to main content

Embedded / Landing page demo

We often get asked how the embedded demo on our landing page has been implemented, so this article outlines the approach. It's ultimately really simple solution done with an iframe.

Step by step​

  1. Create a new page for your demo, you can name the path anything, but let's say you name it e.g. /demo

  2. On that new page, add the Produktly script

  3. Then still on the demo page, add all the content you need for your demo page

  4. Then build the Produktly features you want on that /demo page, e.g. product tours

  5. On your landing page, or wherever you want to embed the demo on, create an iframe element such as this:

<iframe src="/demo"></iframe>

You can also add styling if you want, e.g. rounded corners or shadow

  1. That's it! You now have an embedded demo!