Splash Page Interstitial Video
Interstitial Videos let you showcase short, impactful video messages on your splash page, creating a dynamic and premium branded experience while keeping guests visually engaged.
Tell your story with short, engaging YouTube video clips. Create an interstitial, or pre-roll, video that plays before the WiFi login form is shown.
Prerequisites: You must already be in edit mode with your splash page. (See Finding and Editing Your Splash Page.) You'll also need to ensure the relevant domains are on your network.
In the context of the Multi-Step Marketing widget, the Interstitial Video (along with Image Slider, Background Slider, and Background Video) gives you flexible, visually rich ways to make your splash page more engaging and promotional without needing complex custom code.
What It Looks Like on a Splash Page
An Interstitial Video is a short video that appears between sections or after a short delay on your splash page.
It plays in a dedicated area (over your form in a modal-like section) and is more prominent than background videos. It can autoplay (muted), include a play button, or appear as users scroll.
The login form will be displayed after the video(s) finish playing or the guests skips the video(s).
How an Interstitial Video Benefits You as a Marketing Tool
- Grabs attention at key moments, making it highly effective for delivering important messages.
- Allows you to tell a complete story or showcase a specific offer, product, or experience.
- Creates a stronger emotional connection with guests through motion and storytelling.
- Gives you dedicated space to promote what matters most.
- Can significantly boost engagement when placed strategically.
Important Caveats
Interstitial videos are more intrusive than background options. If not implemented carefully, they can annoy users and increase bounce rates. They also have a heavier performance impact.
Best practices:
- Keep videos short (15–45 seconds maximum).
- Make them easy to skip or close.
- Mute by default.
- Use high-quality compression.
- Test timing carefully to avoid showing them too aggressively.
Creating Your Interstitial (Pre-roll) Video
1. From the Elements panel on the left of the screen, click Splash Elements to expand this section. Scroll down to locate the Interstitial Video and drag it to your splash page below the form. Hover over the widget until you see the context menu and click Edit.
2. Enter the URL for your YouTube video in box (1) and press Enter. The URL will then appear in the list below (2). If you need to remove a video URL from the list click Remove (3).
3. Set whether or not the guest can skip the video (4). If the guest is allowed to skip the video, set the number of seconds before skipping is allowed (5).
Some guests' browsers may forbid autoplay of videos. Set Fallback Play Button Text (6) for those guests to play the video.
4. Set the text you wish guests to see above your video in box (1). And, the text you wish guests to see below your video in box (2).
5. Click Publish Changes. Your newly customized splash page is now live.
Walled Garden Domains
These domains need to be added to your network Walled Garden Settings to ensure that the network allows the videos to play:
- i.ytimg.com
- jnn-pa.googleapis.com
- fonts.gstatic.com
- play.google.com
- *.googlevideo.com
- static.doubleclick.net
- googleads.g.doubleclick.net
- yt3.ggpht.com
- www.youtube.com
- youtube.com
Animations
You can customize how the Interstitial Video is first presented to your guests. You have seven choices:
• None - The video appears instantly when the splash page is displayed
• Slide Upwards or Slide Downwards
• Slide to the Left or Slide to the Right
• Zoom In or Zoom Out
You can set the Animation Duration for a maximum of 6 seconds. And delay the animation for up to a maximum of 20 seconds. Setting the Animation Delay may override any of the above Entrance Animation choices other than None.
Miscellaneous uses custom CSS styling and falls outside the scope of this knowledge base article. For guidance on advanced customization, we recommend reaching out to your design team or contacting our support team directly.
See also: