Go to athemes.com

Using the Video Popup Widget

Want to open a video in a clean lightbox popup instead of embedding it on the page? The Video Popup widget in aThemes Addons lets you trigger YouTube, Vimeo, Dailymotion, VideoPress, or self-hosted videos from a button or link.

In this guide, we’ll walk you through how to activate, configure, and style the Video Popup widget in aThemes Addons.

Table of Contents
  1. Activating the Video Popup Widget
  2. Configuring the Trigger
  3. Configuring the Video
  4. Styling the Video Popup
  5. Frequently Asked Questions

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active.

Activating the Video Popup Widget

To enable the Video Popup widget, go to your WordPress dashboard and navigate to aThemes Addons » Widgets. Find Video Popup and toggle it on.

Activating the Video Popup widget in the aThemes Addons dashboard

Once enabled, open any page in the Elementor editor, search for Video Popup, and drag it onto your page.

Configuring the Trigger

The Trigger section controls the button or link that opens the popup:

  • Trigger – Choose between Text, Icon, or Text and Icon.
  • Text – Enter the label for the trigger (e.g., “Play Video”). Available for Text and Text and Icon modes.
  • Select Icon – Pick an icon. Available for Icon and Text and Icon modes.
  • Separate lines? – Place text and icon on separate lines. Available for Text and Icon.
  • Trigger Style – Display as a Button or Link.
  • Glow – Enable a glow effect on the button-style trigger.
  • Alignment – Align the trigger left, center, or right.
Video Popup trigger configuration

Configuring the Video

The Video section controls which video plays and how it behaves:

  • Source – Choose YouTube, Vimeo, Dailymotion, VideoPress, or Self Hosted.
  • Link – Enter the video URL. The field adapts to the selected source.
  • Start Time / End Time – Set playback start and end in seconds. End time is available for YouTube and Self Hosted.
  • Autoplay – Play the video automatically when the popup opens.
  • Play On Mobile – Enable autoplay on mobile (requires Autoplay).
  • Mute / Loop – Mute audio, or loop the video (Loop not available for Dailymotion).
  • Player Controls – Show or hide playback controls (not available for Vimeo).
  • Modest Branding – Minimal YouTube branding (requires Player Controls).
  • Privacy Mode – Enable enhanced privacy for YouTube and Vimeo.
  • Lazy Load – Defer loading until the user opens the popup.
  • Suggested Videos – Limit YouTube recommendations to the current channel or show any.
  • Vimeo Intros – Toggle Intro Title, Intro Portrait, and Intro Byline.
  • Controls Color – Set control color for Vimeo and Dailymotion.
  • Download Button / Preload / Poster – Options for self-hosted videos.
Video Popup video source configuration

Styling the Video Popup

Switch to the Style tab to customize the look of the trigger and the popup.

Video Popup style tab in Elementor

Trigger Style

  • Icon Size – Adjust the size of the trigger icon.
  • Glow Color – Set the color of the button glow effect.
  • Button Background / Text Color – Customize button colors.
  • Button Border / Padding – Configure border and spacing.
  • Hover Effects – Set hover color, background, and border.

Video Style

  • Aspect Ratio – Choose 16:9, 4:3, 1:1, or another ratio.
  • CSS Filters – Adjust brightness, contrast, saturation, and more.
  • Background Color – Set the lightbox background.
  • UI Color / UI Hover Color – Customize the close button and other UI elements.
  • Entrance Animation – Choose how the lightbox appears on screen.

Frequently Asked Questions

Below, we’ve answered some of the most common questions about the Video Popup widget.

Can I start the video at a specific time?

Yes. Use the Start Time field (in seconds) to set the playback point. End Time is also available for YouTube and self-hosted videos.

Does the popup autoplay on mobile?

Only if you enable both Autoplay and Play On Mobile. Mobile browsers may still block autoplay unless the video is muted.

How can I improve page load performance?

Enable Lazy Load so the video only loads when the popup is opened, rather than on page render.

That’s it! You’ve successfully added a Video Popup to your WordPress site using the aThemes Addons plugin.

Next, would you like to display a full gallery of videos instead? Check out our guide on Using the Video Gallery Widget to learn more.

image_print