How to Embed a Demo on your Website using an iFrame

How to embed a demo on your website

Navigate to Public Links > Create Public Link

Select your Demo from the Search / Drop Down Menu:

Name your Public Link so that you can easily find it later. Then, under Choose a location, select Website. Click Create Public Link.

Click on Copy Embed Code for a full-screen version of the demo.

Recommended Sizing

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. Follow the above steps but instead of Copy Embed Code, click Copy Link.

Then just pass the coding into your website and your demo will show directly on your site.

TIP:

If you want to hide the cookie banner/icon on an embedded demo, you can now manually do so by adding ?hideCookieBanner=true to the end of the public link within the iFrame.

see the sample iFrame below:

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

*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

Ideal recommended size: 1440x900

*If you are using WordPress, use this article link