top of page
Advice and answers from the Gatherly Team
Written by Gabriella
Updated over a week ago
How to embed a Gatherly event via iframe
If you'd like to iframe your Gatherly event, you can add one of the following snippets inside the <body> tag on your website:
Full Page Embed
Works best when Gatherly is the only item on a page and should take up the entire screen, as if connecting to Gatherly directly. Code:
<iframe allow="camera;microphone" src="<YOUR EVENT URL>" style=" position: fixed; top: 0px; bottom: 0px; right: 0px; width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 999999; height: 100%; "> </iframe>
Nested Embed
Works best when Gatherly is a module or widget within a page with multiple different items and should NOT take up the entire screen. Make sure the space allocated to the Gatherly embed is sufficient to deliver a good experience; testing is recommended! Code:
<iframe allow="camera;microphone" src="<YOUR EVENT URL>" style="top: 0px; bottom: 0px; right: 0px; width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; height: 100%; "> </iframe>
More Details
This code enables camera and mic permissions in the iframe so that users visiting your site can still video chat. In addition, make sure to specify <YOUR EVENT URL> to embed the correct event in the iframe!
Gatherly works best in a full-page iframe, but feel free to change the styles to your liking. We cannot guarantee satisfactory user experience if the iframe is significantly smaller, however.
Embed to Gatherly event via iframe
After copying the url embed link, just paste it on the embed page inside a Gatherly booth.
bottom of page