Video: popup section
The Video: popup section shows a background image with a play button that opens a YouTube or Vimeo video in a popup on Split pages.
Applies to: Split 5.1.0 and later. Added in: Split 1.0.0. Last checked: 2026-10-13 against Split 5.1.0.
The Video: popup section shows a full-width background image with a heading, a text and a play button. When a customer selects it, a YouTube or Vimeo video opens in a popup over the page and starts playing.
Where to find it: select Add section in the theme editor, then choose Video: popup.
Adding the video
- Video URL is the link to the video on YouTube or Vimeo. The editor accepts only links from these two sites.
- Split builds the player from the video ID that Shopify reads from the link, so a
youtube.com/watch?v=…link and a shortyoutu.be/…link play the same video. - The play button shows only when Video URL is set. The heading, the text and the play button together open the popup.
- The popup shows the video in a 16:9 frame, at most 90 percent of the screen height. Customers close it with the close icon.
Background image and colors
- Background image fills the section behind the text and is cropped to fit. The section is at least 65 percent of the screen height. A landscape image of 1920 x 1080 px works well.
- Text under Custom colors sets the color of the heading, the text and the play button.
- Image overlay lays a color over the background image at 40 percent opacity, so the text stays readable.
- Leave the custom colors transparent to keep the colors from Colors theme settings.
Blocks
Each block can be added once. The preset starts with a Text and a Heading.
Heading
- Heading is the title text.
- Heading tag (under SEO) sets the HTML tag for search engines, span by default. It does not change the size.
Text
- Text is a short line of plain text, without formatting.
Horizontal line
- Can be added in the editor, but Split 5.1.0 does not draw it in this section.
Can I show only the play button?
Yes. Remove the Heading and Text blocks. The background image and the play button stay, and selecting the play button opens the video.
Can I use a video from my Shopify files?
No. The Video: popup section plays only YouTube and Vimeo videos. For an MP4 from Shopify admin → Content → Files, use the Video: background section, which plays it muted behind your text.
All Video: popup settings
Every setting in this group, with its type and default.
Accepts these blocks: Heading, Text and Horizontal line.
Video URL (video URL, default: https://www.youtube.com/watch?v=_9VUPq3SxOc): Sets the YouTube or Vimeo video that opens in a popup when a customer selects the section. The play button shows only when a link is set.
Background image (image): Sets the image behind the heading and the play button, cropped to fill the section.
Video: popup section: Custom colors
Where to find it: Video: popup → Custom colors
Text (color, default: transparent): Sets the color of the heading, the text and the play button. Leave it transparent to use the theme colors.
Image overlay (color, default: transparent): Lays this color over the background image at 40 percent opacity, to keep the text readable.
Heading block
Where to find it: Video: popup → Add block → Heading
One Heading block per section.
Heading (text field, default: "Talk about your brand").
Heading block: SEO
Where to find it: Video: popup → Add block → Heading → SEO
Heading tag (dropdown, default: span): Specify heading level to help search engines index the structure of your page. Options: H1, H2, H3, H4, span.
Text block
Where to find it: Video: popup → Add block → Text
One Text block per section.
Text (text field, default: "Introduce yourself with a video").
Horizontal line block
Where to find it: Video: popup → Add block → Horizontal line
One Horizontal line block per section.
The Horizontal line block has no settings in Split 5.1.0.
Related pages
- Video: background section: a muted MP4 video behind a heading, text and button.
- Image size recommendations: image sizes for full-width sections.
- Colors theme settings: the colors the section uses when Custom colors are transparent.
Video: background
The Video: background section plays a muted MP4 video behind a heading, text and button in Split, with a fallback image for mobile.
Product page
The Product page template of Split: the gallery on one half, the product blocks on the other, size guide, tabs, back in stock and recommendations.