Splash's Virtual Event Page is a virtual venue that delivers your guests a seamless and branded event experience from start to finish.  

This article walks you through the steps for how to embed (a term that refers to inserting content into a website) a livestream, or other type of engagement content, on the Virtual Event Page.

On this page:

How to begin

First, follow the steps for adding the Virtual Event Page touchpoint to your event. From inside the Virtual Event Page:

1. Make sure Live Stream is selected in the upper-right corner.
2. Click Embed from the the layout tree on the right.
3. Click Embed Options.

From here, select one of our recommended providers: Vimeo or Zoom, or use the Custom Embed option to bring your own solution. 

How to add a second embed

The Virtual Event Page supports two embeds. Use a second embed like a chat or poll service to promote audience engagement alongside your video livestream.

To add and style a second embed:

1.  Click Add Embed from the layout tree on the right.
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 a popular embed provider among Splash customers. Refer to this Splash and Zoom resource for embed instructions and a list of differences between Zoom's native app and embed solutions.

Watch a video

How to embed a Vimeo video

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

Watch a video

Steps to embed

1. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select the Vimeo tab.
6. Copy and paste your Vimeo video ID. This is the string of numbers located at the end of your video’s URL.
7. Click Save Changes.

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 the embed code for a live event and live chat.

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. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Copy and paste the embed code for live event and the chat, if applicable. By default the chat will appear next to the live video.
7. Click Save Changes.

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

Watch a video

How to embed Introvoke components

Introvoke provides ready-to-use, embeddable event components including stages and networking hubs, including 1:1 and group circles, to support engaging hybrid and virtual events.

Steps to embed

To generate the embed from Introvoke:

1. Go to a Virtual Stage or Networking Hub that you created, and click Embed Info. 
2. Turn on Registration Mode if you haven't already.
3. Copy the HTML snippet.

To embed the components on your Virtual Event Page:

1. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Paste the HTML snippet you copied from your Admin Dashboard.
7. Click Save Changes.

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. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Paste the iframe code.
7. Click Save Changes.

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.

1. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Paste the embed code.
7. Click Save Changes.

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. Use the same steps 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.

1. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Paste the embed code.
7. Click Save Changes.

How to embed the Pigeonhole Live Audience Web App

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

Steps to embed

Pigeonhole provides instructions for generating an embed code.

1. Click on the Virtual Event Page touchpoint.
2. Make sure Live Stream state is selected in the upper-right corner.
3. Click Embed from the the layout tree on the right.
4. Click Embed Options.
5. Select Custom Embed.
6. Paste the embed code.
7. Click Save Changes.