Website embedding via HTML
This guide explains how to embed either a virtual event; live slideshow and/or microsite gallery.
Mcjay T.
Last Update 2 jaar geleden
What is <iframe> and how does it work?
"An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document. Unlike traditional frames, which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout.
Tip: You can use CSS to style the <iframe>.
Tip: It is good practice to always include a title attribute for the <iframe>."
Reference: https://www.w3schools.com/tags/tag_iframe.ASP
Here are a few iframe shortcuts:
1. Virtual Booth Embed:
Simply make use of this code to embed the virtual booth to your website:
Please make sure to replace the wording "Virtual booth link inserted here" with the actual URL for your virtual booth.
<iframe src="virtual booth link inserted here" allow="camera"></iframe>
To include a title - try the below code:
<iframe src="virtual booth link inserted here" title="Virtual Photo Booth" allow="camera"></iframe>
2. Live Slideshow Embed:
Simply make use of this code to embed the live slideshow to your website:
Please make sure to replace the wording "live slideshow link inserted here" with the actual URL for your live slideshow.
<iframe src="live slideshow link inserted here"></iframe>
To include a title - try the below code:
<iframe src="live slideshow link inserted here" title="Live Slideshow"></iframe>
3. Microsite Gallery Embed:
Simply make use of this code to embed the microsite gallery to your website:
Please make sure to replace the wording "microsite gallery link inserted here" with the actual URL for your microsite gallery.
<iframe src="microsite gallery link inserted here"></iframe>
To include a title - try the below code:
<iframe src="microsite gallery link inserted here" title="Microsite Gallery"></iframe>
So that about sums it up, you can embed quite a few URLs and add titles and really get creative with CSS to style the iframe tag - it's all up to you!
Please feel free to reach out to support if you need assistance troubleshooting.