Splash allows you to embed your hub, or events calendar, into pages outside of Splash.

Here are the quick steps to do so:

1. Hover over your Hub, and click the Manage icon.

2. Next, click Share.

3. In Display Options, choose whether you want to embed either a) the Entire Hub which includes the entire events calendar and any other elements in the same block, e.g. text, hub search, or hub nav elements, or b) Single Card which will only include the first hub event.

4. Copy the embed code. This is the code that can be used on a website outside of Splash to display your hub!

Heads up! If your page uses a vanity URL and SSL certificate, you'll need to replace the vanity domain in the embed code with the splashthat domain found in Event Settings. Check out the bolded text in the embed codes below.

Incorrect Example: 

<iframe style="width: 100%; height: 100%; overflow: hidden;" class="hub-mgmt-preview-iframe splash-page-iframe is-splash-resize-active" src="//hubfiltertest.com/hubfilter?partial=708531926,764058&amp;screenshotHash=95445d14dd46e0a0" id="splash-hub-17hv4" scrolling="no"></iframe><script type="text/javascript" src="//splashthat.com/v2/js/splash/bundles/splash-js-1.0.min.js"></script>

Correct Example:

<iframe style="width: 100%; height: 100%; overflow: hidden;" class="hub-mgmt-preview-iframe splash-page-iframe is-splash-resize-active" src="//hubfiltertest.splashthat.com?partial=708531926,764058&amp;screenshotHash=95445d14dd46e0a0" id="splash-hub-17hv4" scrolling="no"></iframe><script type="text/javascript" src="//splashthat.com/v2/js/splash/bundles/splash-js-1.0.min.js"></script>