How to Embed a Demo on your Website using an iFrame

How to embed a demo on your website

Each demo you create inside of your account has its own unique website/public URL. This makes it easy to place on your website through a simple iframe. The following iframe coding will give you the recommended pixel width and height for your iframe, whether it is a simple iframe, or an iframe within a lightbox:

<iframe src="Demo URL" width="1440" height="900" frameborder="0" allowfullscreen></iframe>

You will simply need to grab the URL for your demo and replace the above Demo URL with your dedicated URL. Then just pass the coding into your website and your demo will show directly on your site.

To find your website Demo URL navigate to Public Links > Create Public Link > then select your Demo:


Recommended Sizing

*Note: The breakpoint for the Demoplayer to convert to Mobile View is 1024px width, this holds true across all desktop and mobile devices. 

Minimum recommended size: 1280x800

image (49)

Ideal recommended size: 1440x900

image (50)

*If you are using WordPress, use this article link