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.
bottom of page