How to Embed Content in the Virtual Event Page Touchpoint

The Virtual Event Page Touchpoint allows you to create a seamless virtual experience from start to finish for your guests, regardless of your choice of streaming service.

This article walks you through the steps for how to embed - a term that refers to inserting content into your site - a livestream or other virtual content into your touchpoint. 

Screen_Shot_2020-09-01_at_12.28.48_PM.png

On this page:

Where to begin

Make sure you've gone ahead and added the Virtual Event Touchpoint to your Event Overview. Once inside the touchpoint:

  1. Navigate to the Live Stream page state. 
  2. From the Layout Tree, click into the Virtual Content element.
  3. Open Embed Options.

From here you can select a specific video provider or use the custom embed option.

How to embed a Zoom Meeting or Webinar

Zoom is one of our customer’s most popular streaming options - so much so that we wrote a guide specific to how to embed a Zoom Meeting or Webinar here.

How to embed a Vimeo video

Vimeo powers both live streams and on-demand video content and offers a bunch of engagement tools and privacy options. 

Steps to embed

  1. Select the Vimeo tab.
  2. Copy and paste your Vimeo video ID. This is the string of numbers located at the end of your video’s URL.

Embeddable features

  • Video comments are not embeddable. 

Best practices

  • Vimeo’s privacy settings make it easy to keep your content exclusive to your guests. We recommend both hiding the video from Vimeo.com and restricting the embed to your event page’s domain:

Screen_Shot_2020-09-01_at_12.30.53_PM.png

Note, entering the app.splashthat.com domain ensures you will be able to see the video when editing the Virtual Event Touchpoint.

How to embed a Vimeo Live Event

Steps to embed

Vimeo provides instructions for locating both embed code for a live event and live chat here.  

*Make sure to adjust your embed code size from responsive, Vimeo’s default, to fixed. You can leave the dimensions as they are (width of 640 pixels and height of 360 pixels).

  1. To embed the live event, select the Custom Embed option in the Embed Options modal.
  2. Copy and paste the embed code for live event and the chat, if applicable. Note that by default the chat will appear next to the live video.

Embeddable features

  • Polls and Q&A are supported inside the embed.

Best practices

  • Use the same privacy settings described above to restrict your live embed to your event page’s domain only.

How to embed Facebook Live

Steps to embed

To generate the embed from Facebook:

  1. Choose your Facebook livestream post from your thread.
  2. Click the gear icon the Settings icon in the livestream video player.
  3. Copy the Facebook Live URL.
  4. Follow the Step-by-Step instructions in Facebook for Developers Embedded Video & Live Video Player and copy the generated iframe code.

To embed the video into your Virtual Event Page Touchpoint:

  1. Select the Custom Embed option in the Embed Options modal.
  2. Copy and paste the embed code.

Embeddable Features

  • Facebook does not provide code for embedding the live chat.

Best Practices

  • If you're looking to embed a video from a Facebook Group, the group must be Public. An embed code cannot be generated for videos in Private groups. 

How to embed a YouTube Video

Steps to embed

YouTube provides quick steps for generating an embed code here.

  1. To embed the video, select the Custom Embed option in the Embed Options modal.
  2. Copy and paste the embed code.

Embeddable Features

  • Comments are not embeddable. 

How to embed a YouTube Live Video

Steps to embed

YouTube Studio enables you to create live events and interact with your audience. You can use the same steps as above to embed a YouTube Live video.

Embeddable Features

  • YouTube does not officially support embedding live chat.

Best Practices

  • YouTube offers Public, Unlisted, and Private options for live videos. To keep your video private to only those with the link, select the Unlisted option.

How to embed a Slido event or poll

Slido is a powerful tool for maximizing audience engagement during a live event.

Steps to embed

Slido provides instructions for generating an embed code from an event or poll here.

  1. To embed the video, select the Custom Embed option in the Embed Options modal.
  2. Copy and paste the embed code.

Support for multiple embeds

The Virtual Event Page Touchpoint supports multiple embeds. By default, your second embed will always appear alongside the first, which caters well to chat or other engagement services.

Screen_Recording_2020-09-03_at_11.54.30_AM.gif

If you prefer to stack your embeds, you can use the Custom Embed option in your first embed. Inside, wrap each iframe in a <div> and set the div and iframe widths and heights to 100%. Check out our example code below:

<div style="width: 100%; height: 100%;"> <iframe style="height: 100% !important; width: 100% !important;" width="100%" height="100%" src="https://player.vimeo.com/video/425985277" allowfullscreen=""></iframe> <iframe style="height: 100% !important; width: 100% !important;" width="100%" height="100%" src="https://vimeo.com/live-chat/425985277" allowfullscreen=""></iframe> </div>
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.