Splash Embed Virtual Event 3D/VR/AR/360

How to add Metaverse Virtual Meetings and Hybrid experiences to Splash

Splash is an online event management service. The service allows users to plan, promote, execute, and measure the success of their events, with a focus on streamlining event marketing execution.

Hyperspace Metaverse Dashboard

Copy Virtual World Embed Code

Adjust the Embed Code for Splash

Splash Dashboard

Create an Event

Add a Virtual Event Touchpoint

Add the Event Metaverse to Splash

Share the Event Metaverse with Guests

Visit the Event Metaverse in Splash

Responsive Design & VR/AR

Hyperspace Metaverse Dashboard

Copy Virtual World Embed Code

First grab the Embed Code to your Event Metaverse

Click on the Worlds menu

  1. Click the triple dot menu on your world’s tile
  2. Choose Export from the menu

  1. Expand the Webpage embed export panel
  2. Click the clipboard icon to copy the World’s Embed Code

Adjust the Embed Code for Splash

Your embed code will look something like this

<iframe src="https://app.learnbrite.com/dashboard/worlds/wrl40064d9b3c4aa266aXXXXX" allow="xr-spatial-tracking; display-capture; magnetometer; picture-in-picture; wake-lock; screen-wake-lock; vr; geolocation; microphone; camera; midi; encrypted-media; autoplay; fullscreen; gyroscope; accelerometer;" id="learnbriteSpaceFrame" width="300" height="150" frameborder="0" scrolling="no" style="overflow: hidden; border: 0; position: absolute; padding: 0; margin: 0; width: 100%; height: 90%vh; z-index: 100;"></iframe>

Modify the embed code to display better in Splash

Add min-height:70vh;

<iframe src="https://app.learnbrite.com/dashboard/worlds/wrl40064d9b3c4aa266aXXXXX" allow="xr-spatial-tracking; display-capture; magnetometer; picture-in-picture; wake-lock; screen-wake-lock; vr; geolocation; microphone; camera; midi; encrypted-media; autoplay; fullscreen; gyroscope; accelerometer;" id="learnbriteSpaceFrame" width="300" height="150" frameborder="0" scrolling="no" style="overflow: hidden; border: 0; position: absolute; padding: 0; margin: 0; width: 100%; height: 90%vh; z-index: 100; min-height:70vh;"></iframe>

Splash Dashboard

Create an Event

Click the New Event button

  1. Enter the event Title
  2. Select Virtual event type
  3. Set the Date & Time of the event
  4. Click the Next: Choose Theme button

Choose a Theme then scroll down

Add a Virtual Event Touchpoint

Click the Add a Touchpoint tile

Note: this feature is only available on the commercial version of Splash (not the free version)

Click to add a Virtual Event Page

Click the Virtual Event Page tile to edit it

Add the Event Metaverse to Splash

Click the center panel to Add Embed Code

Click the Embed Options button

  1. Choose the Custom Embed option
  2. Paste the World Embed Code you copied earlier from the 3D Dashboard
  3. Click the Save Changes button

Click the Save button

Share the Event Metaverse with Guests

Publish your event

  1. Toggle to publish
  2. Click the Save button

Invite a guest with Check In status

Visit the Event Metaverse in Splash

If you’ve enabled the World Landing Page (v2.15+) user will be prompted to enter their name and email address.

Users have the option to go fullscreen

Responsive Design & VR/AR

The Hyperspace Metaverse Platform supports responsive design to be consumed on any device, screen size or orientation. It also supports progressive enhancement, giving higher immersion and interaction based on the device capabilities such as VR and AR.

How useful was this article?

Click on a star to rate it!

We are sorry that this article was not useful for you!

Let us improve this article!

Tell us how we can improve this article?