TABLE OF CONTENTS


1. Overview


Embedding the Iframe plugin has multiple benefits to keep your participants engaged and provide them with more interactions like a social wall, gamification, and photobooth. 

  • Infinite flexibility: You can embed any website into the live session
  • No context switching: The attendees will interact with the plugin inside the session without losing the context of the session
  • Provides the flexibility to embed any widget of their choice into the live session feed
  • You can use the widgets to drive attendee engagement and interactions during the session for a compelling session experience
  • You can use some of the widgets to accomplish their event goals and also gather feedback from the attendees


Few Popular iFrame plugins platforms


  • Social media - Walls.io, Twitter
  • Photobooth - Snapbar.
  • Gamification - Kahoot, Playpager, Noonah.
  • The survey, poll, quiz - Typeform, Slido, Mentimeter:
  • Fundraiser - Pledge.to, GoFundMe.
  • Digital poster - iPosters.









2. How to embed an iframe plugin on custom reception?



Step 1: Go to the "Event's dashboard" and click on the "Branding" tab.


Step 2: Click on the "Reception" tab and select "Custom reception."




Step 3: Drag and drop the "Iframe plugin" object towards the canvas and other objects like Background Images, Videos & Links.




Step 4: Enter the "iFrame URL" from your desired platform or tool.


Disclaimer: If you have a JavaScript snippet that looks something like:


<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe src="https://www.youtube.com/embed/sIP3mAqIdNY?rel=0style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"></iframe></div>


You only need to use the URL after "src," as highlighted above.

 


Step 5: Place the iframe object in the desired space on the canvas.




Step 6: Click on the "Save" button. You can also preview the reception by clicking on the "Preview reception" button or Enter the event by clicking on the "Enter event."




3. How to embed iframe popover on custom reception?



Step 1: Go to the "Event's dashboard" and click on the "Branding" tab.


Step 2: Click on the "Reception" tab and select "Custom reception."



Step 3: Select the "Links" object from right hand side section.




Step 4: Drag and drop the "Links" object towards the canvas and other objects like Background Images and Videos and select "Iframe Popover."

Enter the "on Hover Name" and the "iFrame URL" code.




Disclaimer: If you have a JavaScript snippet that looks something like:


<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe src="https://www.youtube.com/embed/sIP3mAqIdNY?rel=0style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"></iframe></div>


You only need to use the URL after "src," as highlighted above.


Step 5: Drag and Place the Iframe object at your desired position on top of the background image.




Step 6: Click on the "Save" button. You can also preview the reception by clicking on the "Preview reception" button or Enter the event by clicking on the "Enter event."


 



4. Things to keep in mind


  1. You can embed as many Iframe codes on Custom Reception as you want to.
  2. Custom reception doesn't work on Airmeet mobile applications; hence iFrame would not be possible in that case.
  3. Some websites don't allow embedding their links in iFrames. Kindly check once before embedding it.
  4. Ensure the links embedded are safe to use and not too resource-heavy
  5. Ensure the Iframe code are CORS (Cross-Origin Resource Sharing) to enable your global audience to interact.