Video Popup
Put the product film on the page without putting YouTube on it
A poster with a play button, or a plain button, that opens a YouTube, Vimeo or self-hosted video in a window. Until the visitor presses play, the page holds a link and your own picture, and nothing loads from the video service.
The window open with the YouTube player.
No player until someone asks for it
The page makes no request to YouTube or Vimeo while it loads: no frame, no player, no thumbnail from the service. The player is built at the press and removed when the window closes.
Privacy-enhanced by default
YouTube plays from youtube-nocookie.com and Vimeo is asked not to track the visitor, unless you switch that off. Your consent banner still decides what your store needs. The element keeps its own promise: nothing loads before the press.
The film where the decision is made
A how-to beside the product it explains, or a campaign clip on the landing page. The shopper watches it in a window and closes it with the page still where they left it.
Use cases
Where shops put it
A product film beside the Add to basket button
A poster in the product description that opens the film in a window, so the shopper does not leave for YouTube and lose the page.
A how-to on a support or category page
A plain "Watch how to fit it" button next to the instructions it demonstrates, in your theme's own button style.
Shorts and Reels on a campaign page
A vertical 9:16 window for clips filmed upright, sized so the whole frame fits the screen.
- Two appearances
- A poster with a play button, or a theme button with a play symbol, another icon or none.
- The source
- A YouTube address (Shorts and start times included), a Vimeo address (unlisted videos included), or your own
.mp4,.webmor.ogvfile. - Privacy-enhanced mode
- On by default.
- The window's shape
- 16:9, 4:3 Or vertical 9:16.
- The play button
- Three sizes, the colour of the disc and of the triangle, and a tint over the poster.
- The label and a caption
- . On a poster the label is not shown, but a screen reader reads it out and it names the window.
Shown in the demo store
Two posters, YouTube with the default play button and Vimeo with a large orange one over a tinted picture.
The Button appearance in Primary, Secondary and Link styles.
The 9:16 window.
Native and honest
Your content is written in Magento's own format
The page stores a link to the video, not a player. Without JavaScript, or with the module switched off, the poster or the button is a working link to the video's page or file. The element never offers a window it cannot open.
Two limits we will state rather than bury. Once a visitor clicks inside a YouTube or Vimeo player, the keyboard belongs to that player and Escape no longer closes the window. The close button and a click on the background still do. And on Magento 2.4.9, saving a page with a video address raises Magento's own "Temporarily allowed to save HTML value" notice, as the native Video element does. The page saves correctly.
Every element saves itself the way native Page Builder saves its own: a plain <div data-content-type="wrizu_…"> with its settings in data-* attributes, stored with the page. There is no proprietary database table, no shortcode, no second editor and nothing that has to be converted later.
That has a practical consequence. Disable the module and the storefront keeps serving those pages: headings, copy, images, links and buttons stay visible and clickable, and the styling you set per element — alignment, colours, spacing — stays with them, because it lives in a <style> block stored with the page rather than in our stylesheets. What you lose is what our CSS draws: the layouts, the borders and shadows, the button variants and the bundled icons.
One honest warning
With the module switched off, do not open and save a page that contains Wrizu elements — Page Builder flattens any page holding a content type it does not know into a single HTML Code block, and that save cannot be undone. It behaves that way with every unknown content type, not only with ours, and the storefront is unaffected either way; the rule is simply to leave those pages alone until the module is back on.
Works with any Luma-based theme
The elements are built on the same front-end stack the native Page Builder uses: jQuery and the libraries Page Builder already loads. They target Luma-based themes — Magento Blank, Luma, and the custom themes shops build on either of them.
Buttons use Luma's own button mixins, so a Wrizu button looks like a button from your theme rather than like a button from a plug-in. All of the module's CSS is scoped to [data-content-type^="wrizu_"], so it styles our elements and nothing else in your theme.
Requirements
- Magento Open Source or Adobe Commerce 2.4.6 or newer, with the
Magento_PageBuildermodule enabled - PHP 8.1 to 8.5 — whichever your Magento version supports
- No other extension, no external icon font, no CDN dependency
Questions about this element
Media & motion
More in Media & motion
Animated Counter
A figure that counts up as it comes into view, with an icon and a label.
Animated Headline
A heading whose key word changes — rotating, typed with a caret, or marked by a drawn shape.
Before / After
Two photographs of the same thing under one handle.
Image Gallery
A grid, a masonry wall or a carousel of photographs, with a lightbox.
Marquee
A strip that scrolls without end, in claims, logos or tiles.
Progress Bar
A bar or a ring that fills to a percentage.
Thirty-five conversion elements for the Page Builder you already have
Wrizu Page Builder Extensions adds them to the native Magento 2 Page Builder — no second editor, no proprietary format, no content held hostage.