The Virtual Event Page allows you to create a seamless virtual experience from start to finish for your guests, regardless of the 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 types of video or chat content into your Splash page.

On this page:

How to begin

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

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

At this point you can select one of our recommended providers: Vimeo or Zoom, or use the Custom Embed option. Keep reading to learn more about the nuances of these providers below.

How to add a second embed

The Virtual Event Page supports two embeds. Consider adding a second embed like a chat or poll service (check out Slido below!) to promote audience engagement alongside your video content.

To add and style your second embed:

1.  Click Add Embed.
2. Click theicon next to Virtual Content to adjust the layout of the embeds from our default Side by Side view to Sidebar or Stack.

How to embed a Splash recommended provider

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:

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

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 an outside provider

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  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:

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, select the Custom Embed option in the Embed Options modal.
2. Copy and paste the embed code.

How to embed the Pigeonhole Audience Web App

Pigeonhole is a virtual playground for audiences of any live events that includes Q&A, polls, quizzes, and surveys.

Steps to embed

1. Copy the ID found in your Audience Web App's URL.
2. Paste it into the sample embed code, provided below.
3. In Splash, select the Custom Embed option in the Embed Options modal.
4. Copy and paste the entire embed code.

<iframe src="https://pigeonhole.at/LIVESTREAM/q/268240" style="border:0px #ffffff none;" scrolling="no" frameborder="1" marginheight="0" marginwidth="0" height="800" width="700" allowfullscreen=""></iframe>