Videos are a powerful tool to engage your audience, simplify communication, and increase conversions. Adding a video popup to your Oxygen Builder website allows you to showcase product demos, tutorials, or promotional offers in a visually appealing and interactive format.
Oxygen Builder provides flexibility for adding custom HTML, CSS, and JavaScript, making it easy to create video popups tailored to your needs.
In this guide, learn how to add a video popup to your Oxygen Builder website and discover best practices for making it effective and user-friendly.
Benefits of Adding a Video Popup to Your Website
Video popups do more than just catch the eye—they’re a strategic way to enhance your website’s engagement and performance.
➲ Capture Attention Instantly
- Video popups stand out and immediately draw visitor focus.
➲ Simplify Complex Information
- Videos deliver messages quickly and clearly, replacing lengthy explanations.
➲ Boost Conversion Rates
- A strategically placed video popup with a strong call-to-action (CTA) encourages visitors to take meaningful actions.
➲ Promote Time-Sensitive Offers
- Use video popups to highlight limited-time deals, product launches, or exclusive events.
➲ Enhance User Experience
- A professionally designed video popup adds interactivity and a modern touch to your website.
Add Video Popup to Oxygen Builder Website
Adding video popups to Oxygen Builderis simple and doesn’t require advanced coding skills. Platforms like WiserNotify make the process seamless.

WiserNotify makes creating and displaying professional video popups simple and fully customizable to match your website’s branding and audience needs. Whether you want to showcase a product, make an announcement, share a tutorial, or drive conversions with engaging videos, WiserNotify streamlines the process with its powerful features. Here’s how it works:
- Easy to Use: WiserNotify’s intuitive interface makes creating video popups quick and simple.
- Customizable Designs: Match your popup to your brand with personalized colors, fonts, and layouts.
- Smart Triggers: Show popups at the perfect time, like on page load, after a delay, or user interaction.
- Mobile-Friendly: Popups look great and function smoothly on all devices, including smartphones.
- Dynamic Personalization: Tailor popups based on visitor behavior, location, or time spent on-site.
- Strong CTAs: Add action-driven buttons like “Shop Now” or “Learn More” to encourage engagement.
- Real-Time Analytics: Monitor views, clicks, and conversions to optimize performance.
- Fast Loading: Lightweight popups won’t slow down your website’s speed.
- Responsive Support: Tutorials and a helpful team are available whenever you need assistance.
- Advanced Targeting: Show popups to specific audiences based on behavior, location, or page visits.
Let’s start by bringing your website to an interactive video popup! First, Sign up for a free WiserNotify account, log in to your dashboard, add your website, and generate a unique pixel code for seamless integration.
Customize the Widget Design
- Log in to the WiserNotify dashboard, navigate to the Social Proof section, and click on the Widget tab.
- Click the Add Notification to get started. Then, select the Video Popup Widget from the templates.
- In the design editor, upload your video file or paste a YouTube or Vimeo link, and click Preview to ensure the video is uploaded or linked correctly.

- Add a headline like ‘Exclusive Sale: Watch and Save!’ or ‘Discover How Our Products Work.’
- Customize colors, fonts, and sizes to match your store’s branding, and adjust the popup position.
- Include a clickable CTA button (e.g., ‘Shop Now,’ ‘Explore Deals,’ or ‘Watch Demo’) linking to a product page, sale collection, or checkout.
Configure Widget Display Settings
- Configure when the video popup appears immediately on page load, after a delay (e.g., 5 seconds), or based on user actions like scrolling or clicking.

- Enable autoplay for the video if you want it to start playing as soon as it pops up.
- Choose how often the popup appears per session, and preview its responsiveness on desktop and mobile.
After finalizing the design and settings, click Save and Activate, enable the widget, and check your website to confirm the video popup works as intended.
WiserNotify offers a variety of live popup widgets. Explore and see how you can use them to enhance your website!

Best Practices for Creating an Engaging Video Popup
1. Keep Videos Short and Focused
Why: Users prefer concise and targeted content.
- Keep videos under 60 seconds and focus on a single call-to-action.
2. Use Strategic Triggers
Why: Poorly timed popups can frustrate visitors.
- Trigger the popup when users click a button or after they scroll to a certain point.
3. Optimize for Mobile Users
Why: Many visitors browse on mobile devices.
- Use responsive designs and test popups across various screen sizes.
4. Provide Clear Dismiss Options
Why: Users should feel in control of their experience.
- Add a clear close button and allow users to dismiss the popup by clicking outside it.
5. Match Branding
Why: Consistent design builds trust and creates a cohesive experience.
- Align the popup’s fonts, colors, and style with your website’s theme.
6. Test and Optimize
Why: Analytics and testing help improve your popup strategy.
- Use A/B testing to experiment with designs, triggers, and video content.
Conclusion
Adding a video popup to your Oxygen Builder website is a simple yet impactful way to engage visitors and enhance user experience. Whether you use Oxygen’s built-in tools, custom code, or third-party plugins, creating an interactive video popup is straightforward.
By following the best practices outlined in this guide, you’ll ensure your video popups are both visually appealing and effective. Start integrating video popups into your Oxygen Builder website today to elevate your site’s performance!