Integration Details
      Back to home
      1. Knowledge Base
      2. Getting Started with Consensus
      3. Integration Details

      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.

       

      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>

       


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

      Screenshot_543

      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