This article will explain how to add iFrame to a custom content page for the desktop and mobile menus. iFrame is useful when you want to include external content without redirecting users from the conference website or app. Google maps links, local guide pages, hotel-booking pages, and PDF files are commonly used for iFrame.
First, open Page Content.
Click "Update" to edit an existing content page, or create a new one.
Click on the "Source code" button on the resulting page.
The Source code field, where you will be adding iFrame, will appear. It will be blank if no content has been added to the page.
Here is an example of properly formatted iFrame:
<p><iframe src="https://mobile.bookdirect.net/#/lodgings?zerista_layout=1" width="100%" height="480"></iframe></p>
For best iFrame practices, use a secure URL with an HTTPS certificate.
Adjust the width and height values as needed. It is recommend to set the width to 100%, so that the iFrame fills the page from left to right.
Once you are finished click "Ok." You should now see the iframe'd URL in the content field of your custom page.
Click "Save" when finished.
Be sure to "Preview" your page, before adding it to the menus.