Embed your Airmeet event or event series directly on your website using an HTML <iframe>. This allows attendees to access the Airmeet experience without navigating away from your website.
Before you begin make sure:
Your Airmeet event or event series has been created.
You have the Event or Event Series link available.
You have access to edit your website's HTML or source code, or can share the code with your website administrator/developer.
Your website allows the required camera and microphone permissions.
Camera and microphone access must not be blocked by the parent website where Airmeet is embedded.
Note : Airmeet iFrame embedding is not supported on Safari due to Safari's handling of cookies within iFrames.
How to embed Airmeet on your website
Step 1: Copy your Airmeet link
Open the Airmeet event or event series you want to embed and copy its URL. This URL will be added to the iFrame code as the source (Src) of the embedded page.
Step 2: Add the iFrame code to your website
Add the following code to the page where you want Airmeet to appear:
<iframe src="<insert Event or Series link>" style="width: 100%; height: 1000px;" frameborder="0" marginheight="0" marginwidth="0" allow="camera *; microphone *; display-capture *; fullscreen *;"> </iframe>Replace <insert Event or Series link> with your Airmeet event or event series URL.
The existing implementation supports permissions for the camera, microphone, screen sharing (display-capture), and Fullscreen experience.
Step 3: Adjust the size of the embedded experience
You can customize the width and height based on your website layout.
For example:
The recommended starting dimensions are:
Width:
100%Height:
1000px
These are recommendations only and can be adjusted based on the available space on your webpage.
Step 4: Add the code to your webpage
Open the source code for the webpage where you want to embed Airmeet and add the iFrame within the <body> of the page.
If you don't manage your website directly, share the iFrame code with your website administrator or developer.
The original implementation recommends placing the snippet near the beginning of the <body> section.
Step 5: Test the embedded experience
Once the code is published, open the webpage in a supported browser and verify that:
The Airmeet page loads correctly.
Attendees can register and access the event.
Camera and microphone permissions work.
Screen sharing works where applicable.
The embedded experience fits correctly within your webpage.
After registration, attendees can access the Airmeet event experience—including areas such as Reception, Social Lounge, Sessions, and Booths—from the embedded page.
Important: Make sure your website or its security configuration does not block camera or microphone permissions for the embedded Airmeet experience.
Frequently Asked Questions
1. Can I embed both an individual Airmeet event and an Event Series?
Yes. The iframe can use either an Airmeet Event link or Event Series link as its source.
2. Can attendees register from the embedded experience?
Yes. Attendees can access the Airmeet registration experience from the embedded event on your website.
3. Can attendees join the complete event from my website?
Yes. The complete Airmeet event is embedded. After registration, participants can access supported event areas such as Reception, Social Lounge, Sessions, and Booths.
4. Does the embedded Airmeet experience work on Safari?
No. The current iframe implementation is not supported on Safari because of Safari's handling of cookies inside iframes.
5. Why isn't my camera or microphone working?
Check that your parent website has not blocked camera or microphone permissions. The iframe should also include the appropriate allow permissions for the camera and microphone.
6. Can I customize the size of the embedded Airmeet experience?
Yes. You can change the iframe's width and height based on your webpage layout. The article recommends starting with width: 100% and height: 1000px.
7. Do I need a developer to embed Airmeet?
If you have access to your website's HTML and are comfortable editing it, you can add the iFrame yourself. Otherwise, share the iFrame snippet with your website administrator or developer.
8. What should I test before sharing the page with attendees?
Test the complete attendee journey in a supported browser: loading the embedded page, registration, joining the event, camera and microphone access, and screen sharing where applicable.
9. What should I do if the embedded page doesn't load correctly?
First verify that the Airmeet URL in the Src attribute is correct. Then check your website's iframe/security configuration and confirm that the required permissions haven't been blocked.