We will be using the iframe. The HTML iframe tag is used to embed external objects like other web pages into a web page. The <iframe> tag is used to create an iframe and the src attribute sets the location of the web resource to be embedded.




Note: Make sure to enable/provide relevant permision to camera & mic access on your parent website and shouldn't have blocked/disable the camera & mic permission on your parent website (the main website where the Airmeet event is being embedded)



We will be using the iframe. The HTML iframe tag is used to embed external objects like other web pages into a web page. The <iframe> tag is used to create an iframe and the src attribute sets the location of the web resource to be embedded.

1.Make sure you have successfully created an Airmeet event. You will need the event link for future reference. This link will be used by attendees for registration.


Note: Registration page will look something like this to your attendees, with /home/ being airmeet.com. Our goal is to have the exact page on your website as /home/

2.So all websites have their source code. An extra code snippet will be added to that source code so that registrations can be done from your website. In infancy terms, we call the code snippet iframe.
 

So what does this code snippet look like?

  <iframe src=<insert Event link> width="100%" height="2000px" frameborder="0" marginheight="0" marginwidth="0" allow="camera *;microphone *">

Example:

<iframe src="https://www.airmeet.com/e/57877440-28a2-11eb-b6d8-99ba96cbe61a" width="100%" height="2000px" frameborder="0" marginheight="0" marginwidth="0" allow="camera *;microphone *">


Important Note: Please make sure to allow the camera and microphone permission to avoid any kind of inconveniences (while embedding iframe).

Details:

Src: Link of the event you want on your web page.
Title: This will appear on the top of the embedded event page
Width: To change the width of your embedded page
Height: To change the height of your embedded page
Scrolling: set ‘no’ if you don’t want the embedded page to be full, without scroll
frameborder: Border around the embedding.

 

  1. Essentially the width and heights are the coordinates. Axis being the borders of your webpage. It could be set in px (pixels) or % (percentage).
    So let's say, you set the width at 50%, which means the embedded page will cover 50% of the whole web page. If it is 50px it means it is “50px” further from the left end of your page.
    The same goes for height.Preferred attributes would be: width: 100% and height: 1000px

     
  2. Where to put this code exactly?
    Whichever page you think will be best suited for Airmeet embedding, go to that page in the source code. Put the code snippet on the top of the <body> </body> tag.

     
  3. Your final page should look something like the image shown below:

The screenshot is from a successful event conducted by AMSA on Airmeet.


Note: Make sure the website developer hasn't block/disable the camera & mic permission on your parent website (The main website where the Airmeet event is being embedded).





.