How to Add a Video Popup to Your Website in 5 Steps
To add a video popup to your website, install the WiserNotify pixel, pick the Video Popup widget, paste your YouTube link, choose when it appears, and publish. It takes about ten minutes, with no coding.
A video popup plays a short demo, explainer, or testimonial in a window on top of the page, so visitors watch without leaving.
This guide walks through the setup step by step, then covers popup types, where to place them, and what to do if one doesn’t show.
Key takeaways
- A video popup works best when it opens after a visitor shows interest, like a click, a scroll, or a few seconds on the page.
- Keep autoplay muted, add captions, and give every popup one clear button.
- Show one popup per page and cap how often it appears, so it helps instead of interrupting.
Why Use a Video Popup?
Most visitors skim copy but will give a short clip a few seconds. A popup puts that clip in front of them at the moment they’re deciding.
- It explains faster. A 60-second demo covers what a long block of copy struggles to say.
- It builds trust. Seeing the real product, or a real customer, is more convincing than a claim.
- It holds visitors where they are. Playback happens over the page, so nobody wanders off to YouTube.
- It moves people to act. A video plus a button turns interest into a signup, a demo request, or a sale. It’s the same idea behind these social proof examples.
Build trust & FOMO
Highlight real-time activities like reviews, sales & sign-ups.
Types of Video Popups
The right format depends on the page and how much attention you’re asking for.
1. Lightbox Popups
A lightbox dims the page and puts the video in the center, usually after a click on something like a “Watch demo” button.
Because the visitor asked to watch, the full-focus treatment feels earned. Lightboxes suit product demos, explainers, and course or content previews.
Running WordPress? Our guide to adding a WordPress video popup covers that setup.
2. Slide-In Popups
A slide-in glides in from a corner and leaves the rest of the page usable.
It’s the polite option. Use it to offer a short video without interrupting someone mid-read, and it suits mobile screens where a full overlay feels heavy.
3. Full-Screen Popups
A full-screen popup takes over the whole page.
Save it for moments worth stopping people for, such as a product launch or a big announcement. Keep the video short and the message obvious, and test it on phones before going live.
4. Exit-Intent Popups
An exit-intent popup appears when the cursor heads for the tab bar or back button.
A short video here can remind a leaving visitor what they’re missing, a light form of FOMO marketing. It’s useful on landing pages with high drop-off and for showing a testimonial before someone abandons a cart.
These exit intent popup examples show how other sites word the offer.
How to Add a Video Popup to Your Website
WiserNotify adds the popup with a small tracking code, so it works on any site where you can edit the <head> section. The video below shows the whole setup, and the steps follow it.
Step 1: Copy the WiserNotify Pixel
Log in to WiserNotify, or sign up for the 7-day free trial if you’re new. Open the Install Pixel page and click Copy code.
Step 2: Add the Pixel and Verify It
Paste the code just before the closing </head> tag on every page where the popup should appear, then save and publish your site.
Back in WiserNotify, click Verify pixel installation. A green “detected successfully” message means you’re ready. The pixel install guide covers custom sites and single-page apps.
Step 3: Pick the Video Popup Widget
Under Widgets, switch to the Call To Actions tab.
Click Add on the Video popup template, give it a name, type in your site’s URL, then hit Create & Customize.
Step 4: Add Your Video and Design It
The design editor has a tab for each part of the popup.
- Text editor. Paste your YouTube URL, write the headline, and turn on autoplay, mute, or hide related videos.
- Click actions. Add a button such as “Book a demo,” choose where it links, tag it with UTMs, and allow a click outside the popup to dismiss it.
- Position and animation. Choose where it appears and how it enters, separately for mobile and desktop.
- Style. Adjust colors, width, and drop shadow, or paste custom CSS in the Embed code tab.
- Data control. Switch on skip seen, which stops repeat visitors from getting the same popup twice.
- Timing control. Pick when it appears, such as after a delay, on scroll, or on exit intent, and limit it to a date range if it’s tied to a campaign.
The preview on the right updates as you go, with a mobile and desktop view.
Step 5: Set Display Rules and Publish
Open the Display tab. The popup shows on every page by default, so use URL conditions to limit it to the pages that matter.
Advanced targeting narrows it further, by new or returning visitor, UTM source, cookie, or referring site, and the same widget can run on more than one domain.
Hit Publish and load your page in a private window to check it.
Using Oxygen Builder
Oxygen doesn’t use the usual plugin route. Build the widget in WiserNotify as above.
Then paste the pixel into Settings > Head & Footer Scripts for the whole site, or into a Code Block element for a single page. Save and republish in Oxygen.
Boost Conversion Instantly
Add Social Proof & Urgency to your website
Video Popup Not Showing Up?
Work through these in order.
- Pixel not detected. Click Verify pixel installation again. If it fails, check that the code sits inside the <head> on that page.
- Not published. Saving the design doesn’t put it live. Click Publish.
- Timing hasn’t fired. A popup set to open after a delay or a scroll won’t appear until that happens.
- Wrong page. Your URL condition may point at a different page than the one you’re viewing.
- Outside the date range. Check the start and expiry dates in Timing control.
- Skip seen or cache. If you’ve already seen it, skip seen hides it. A private window clears both problems.
Still stuck? Run the troubleshooter from your widget list, or ask WiserNotify’s live chat team.
Where to Use Video Popups
Place a popup where the video answers the question the visitor already has.
- Homepage. A short explainer for first-time visitors who don’t know what you do yet.
- Landing pages. A demo or customer story right where people weigh the offer.
- Pricing page. A quick product tour for someone comparing plans.
- Cart or checkout. A short, reassuring clip about delivery or returns.
- Blog posts. A related video that keeps readers on your site.
Leave contact, policy, and support pages alone. A popup there only interrupts.
Video Popup Best Practices
- Wait for interest. Trigger the popup after a scroll, a click, or some time on the page, not the instant it loads.
- Mute autoplay and add captions. Sound that starts on its own gets tabs closed. Captions carry the message on mobile and help accessibility.
- Match the video to the page. An explainer on the homepage, a demo on pricing. This kind of website personalization keeps it relevant.
- End with one button. “Start free trial” or “See pricing” gives the video a job. Without it, it’s just entertainment.
- Cap the frequency. One showing per session, or per day, is plenty, and skip seen enforces it.
Video Popup Examples
Three ways brands have put video popups to work.
1. Surfer: Full-Screen Explainer
Surfer, the SEO content tool, has used a full-screen popup on its homepage to play a short YouTube explainer.
The darkened background and a friendly face in the thumbnail made the video the only thing to look at, and new visitors saw the product before being asked to sign up.
2. Humanity & Inclusion: Story Video
The charity Humanity & Inclusion paired a story-driven video with an email signup in a centered popup.
The video pulled people in, and the form let them follow the rest of the series. One popup did two jobs, holding attention and growing the list.
3. WiserNotify: Product Tour
WiserNotify has run its product tour as a muted slide-in in the lower-right corner of its homepage.
It never blocked the page, so curious visitors could watch without committing. Today the same tour plays from a click-to-play thumbnail in the homepage’s “See WiserNotify in action” section.
Video Popup Mistakes to Avoid
- Slow playback. Host on YouTube or Vimeo, so the video only loads when the popup opens, and test on a slow phone connection.
- Sound on autoplay. Unexpected audio is the quickest way to lose someone. Start muted.
- A popup on every page. Visitors stop noticing, then start resenting it. Use one per stage of the journey.
- Covering what matters. Never open a popup over a checkout form, price, or delivery details, and keep the close button easy to find.
How to Measure a Video Popup
Judge the popup by what visitors do next, not by views.
Add UTM tags to the popup’s button in Click actions, then watch those clicks and the conversions they lead to in your analytics.
Compare the conversion rate on the pages with the popup against the same pages before you added it.
If clicks are low, test a shorter video, a clearer button, or a later trigger before you remove it.
Is the Video Popup Widget Free?
WiserNotify has a 7-day free trial, so you can build a video popup, publish it, and see how visitors respond before you pay.
After the trial, you choose a plan by monthly visitor count, with bigger plans unlocking more widgets.
Build trust & FOMO
Highlight real-time activities like reviews, sales & sign-ups.
Wrap Up
A good video popup answers a question at the moment someone has it. Pick the format that fits the page, trigger it after a sign of interest, keep it muted with captions, and give it one clear next step.
Set it up once, watch the clicks, and adjust the video or the timing until it earns its place.
Platform-specific guides
This setup works anywhere you can edit the <head>. For builder-specific screens, use these guides.
Frequently Asked Questions
What is a video popup?
It’s a window that opens on top of a web page and plays a short video, like a demo or testimonial, without sending visitors anywhere else.
How do I add a video popup to my website?
Install the WiserNotify pixel, add the Video popup widget from Widgets > Call To Actions, paste your YouTube link, set the display rules, and publish.
How do I make a pop up video?
If you want a video to pop up on your website, use a video popup widget like the one in this guide. If you mean text or images popping up inside a video, that’s an effect you add in a video editor.
What are the types of video popups?
The main types are lightbox, slide-in, full-screen, and exit-intent popups, and each suits a different page and goal.
Should a video popup autoplay?
Only if it starts muted with captions on. Autoplay with sound tends to get the tab closed.
Is the video popup widget free?
WiserNotify has a 7-day free trial, then paid plans priced by monthly visitors.
Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.
Capterra