Embedding on the Virtual Event Page Follow
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:
1 2 3 4 5 6 7 8 9 10 11 |
How to embed a Zoom Meeting or Webinar How to embed an outside provider How to embed a Vimeo Live Event How to embed a YouTube Live video |
How to begin
Make sure you've gone ahead and added the Virtual Event Page touchpoint to your Event Overview. Once inside the touchpoint:
- Navigate to the Live Stream page state.
- From the Layout Tree, navigate to Virtual Content and click into the Embed element.
- 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:
- Click Add Embed.
- Click the
icon next to Virtual Content to adjust the layout of the embeds from our default Side by Side view to Sidebar or Stack.
|
Pro Tip: Use the "Side by Side" layout for engagement tools like Slido. |
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.
Watch a video
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.
Watch a video
Steps to embed
- Select the Vimeo tab.
- 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).
- To embed the live event, select the Custom Embed option in the Embed Options modal.
- 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
Watch a video
How to embed Facebook Live
Steps to embed
To generate the embed from Facebook:
- Choose your Facebook livestream post from your thread.
- Click the gear icon
in the livestream video player.
- Copy the Facebook Live URL.
- 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:
- Select the Custom Embed option in the Embed Options modal.
- 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.
- To embed the video, select the Custom Embed option in the Embed Options modal.
- 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.
- To embed, select the Custom Embed option in the Embed Options modal.
- 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
- Copy the ID found in your Audience Web App's URL.
- Paste it into the sample embed code, provided below.
- In Splash, select the Custom Embed option in the Embed Options modal.
- 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>
Need to swap out your webinar ID last minute? Not a problem! You can update the embedded content at any time before the event starts.
Comments
0 comments
Please sign in to leave a comment.