How to Add iFrames to the Event App

Follow

Content can be seamlessly embedded into the Event App using our iFrames feature, and prevent attendees from having to navigate outside of the event app to access the information you are looking to share. This feature offers a great solution to embedding content such as:

  • Web-hosted videos (example: Youtube)
  • Maps (Google maps, direction, or other maps)
  • Google Presentations
  • Custom website content

iFrames can be enabled using a Link section type that will display in the Event App menu, using the "Embed Link in Event App" checkbox. This content can also be made available from a Home Screen widget using a link to the Event App section with the iFrame link.

Embed_LInk.png

 

Embedding Websites 

To embed a website into your event app, you will want to first check that it meets the following requirements: 

  • The external website being embedded is responsive for Android and iPhone devices.
  • The external website allows the content to be iFramed. 
  • The link is HTTPS (HTTP links cannot be used). 
  • The link is not designed to open in a new window (this will not work for iFrames).

Once you have confirmed that the website you are looking to use for the iFrame is compatible, you will want to follow these steps: 

  1. Copy the HTTPS website link. 
  2. Visit the Sections area of the Event App product in the Experience Manager. 
  3. Select Add Section, and choose the Link option. 
  4. Paste the URL into the new Link section you have created. 
  5. Enable the "Embed Website in Event App" checkbox. 

 

Embedding YouTube Videos

  1. Access the video you would like to link to from YouTube. 
  2. Select the Share option found at the bottom of the video. 
  3. On the pop-up that appears, choose Embed
  4. Copy the link only (not the whole embed code). 

 

Embedding Google Slides 

  1. Access the Google Slides you would like to share. 
  2. Select File from the top menu. 
  3. Choose the Publish to Web option from the list. 
  4. Select Start Publishing
  5. Copy the link that displays (not the whole embed code). 

image.webp


Embedding Google Maps

  1. Access the Google Map you would like to display. 
  2. Select the Share option. 
  3. Choose the Embed a Map tab on the pop-up that appears. 
  4. Copy the link only (not the whole embed code). 

A few limitations to note: 

  • Maps are not interactive within the IFrame (clickable content will not work, but zoom and pan will be available). 
  • Directions cannot be adjusted from content that was saved by organizer. 

image__1_.webp

 

Including Attendee External IDs

Our iFrame feature can also be used to provide customized experiences to your event app users by offering their external ID. This option can be enabled simply by selecting the "Include Attendee External ID" and defining the parameter - by default this will be set to "User" but can be modified based on the needs of the external website. 

image__2_.webp


Security & Privacy

To ensure the security and privacy of your attendee's personal information, please consider the following before using the iFrames feature: 

  • Only embed URLs that you trust. App users may not be aware that they are navigating a third-party destination and will need to be protected from phishing and related attacks. 
  • Be careful of using providing app user's External IDs, especially if they contain personal data such as their email address, name, or username. 
  • URLs that include a payment form should not be offered through the iFrame feature. If linking to this page is necessary, please use the direct-link option instead. 

 

 

0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.