Table of Contents

Add Video Popup to Oxygen Builder to Boost Engagement

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.

Video popup

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!

FAQ's

You can add a video popup in Oxygen Builder by using the Wisernotify or creating a custom modal with HTML, CSS, and JavaScript. Embed your video (e.g., YouTube or Vimeo) into the modal for the popup.

Yes, include autoplay=1 in the video URL (e.g., YouTube or Vimeo). Configure the modal settings or JavaScript to autoplay the video when the popup is triggered.

Absolutely! Oxygen Builder allows you to fully style the Modal Element, including size, animations, colors, and other design elements. For custom modals, you can use CSS for advanced styling.

Assign a button or image as a trigger for the modal in Oxygen Builder. Use the Link Settings to link the trigger to the modal, or set up a custom JavaScript event for more control.

Performance impact is minimal if videos are hosted on external platforms like YouTube or Vimeo. To ensure smooth performance, test your site using tools like Google PageSpeed Insights or Lighthouse after implementation.

Picture of Krunal Vaghasiya
Krunal Vaghasiya
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.
Wisernotify
Struggling with low conversions?
Use Social Proof & FOMO
Social Media icon