Video Popup

Video Popup widget template

Publish any kind of video in the form of a popup on your website. Thank first-time buyers, welcome new visitors, announce a flash sale, and advertise your product.
Rated 4.8 out of 5 from over 700 reviews on G2.com
Template Catalog

This template doesn't work for you?

Check out more ready-made templates for any use case or build your own!
Newsletter Popup
Get your users to subscribe to your newsletter using all the abilities of Elfsight Popup.
Collect more email subscribers using Elfsight Popup integrated into your web page.
Get the most of your email marketing by means of Elfsight Popup on your website.

How can I use a Video Popup widget?

The Popup Video Widget is a way to present a video in a popup window without coding or design. Include video into your website content and get it viewed easily. Just choose a ready-made template from a variety of options, customize it visually in a free online demo, and add two lines of installation code to your employed CMS: WordPress, Elementor, Joomla, and many others.

How to add a Video Popup to a website?

The creation is so easy! Below are only a few of the steps, after which you’ll get a professional and appealing video popup. You can move further and easily customize the widget’s and all elements’ sizes, fonts, colors, pictures, behavior.

  1. Log into Elfsight apps service
  2. Choose Popup widget and select your favorite template
  3. Add a video player block to your popup in a Builder section
  4. Customize the widget. Save the changes
  5. Get two lines of installation code
  6. Paste them to an HTML field of your web page template

Afterwards, consider that the Video popup widget by Elfsight is a cloud-based solution, which means it’s physically located on our servers. It doesn’t slow down the speed of your website, you can make changes any time at Elfsight apps and the modifications will reflect on your site immediately.

Try the Video Popup for yourself. It’s free, fast, and you can create it in an online popup builder:
Configure your template ↓

What events trigger a pop-up?

Elfsight video popup is perfect because you can set its behavior the way you wish. The video window will appear in front of users’ eyes on any occasion you specify. For example, it may show up on page load, after a particular time on page, on scroll, and so on. Below, you can find the main triggers to make a video popup appear.

  • Onclick video
    This is the easiest and most obvious variant of triggering a popup window with a video. It can appear after website visitors click on a particular element on a web page. For instance, there’s an opportunity to trigger a video to appear in a lightbox after the visitor’s clicked on a CTA or just a link in the middle of a text.
  • Onload video
    You don’t need to think about complicated strategies and configurations. Just determine the video player popup to show up right on a page load, and enjoy people getting acquainted with your offer instantly. But be cautious about an onload setting for a video modal. Banners and popups appearing in the wrong time irritate Internet users more than sell.
  • Onscroll
    The Popup widget gives you an opportunity to show the video after a user has scrolled over a specific percentage or element of a page. It works amazing when a website visitor has got familiar with the content, offers, and your brand, and is eager to buy something. In this case, the video will appear perfectly in time.
  • On exit intent
    Website visitors are in a hurry to leave your website? Maybe, they haven’t got familiar with something very important on a page. Here’s what exit intent is for: website visitor clicks on an exit page button, and a video popup appears straight away. 

Customize ready-made templates!

Using a Popup widget for showing a video gives tons of benefits. 

  • A bunch of professional templates.
    You can use them as is or customize any way you wish. Templates are all flexible, modifiable, mobile-friendly, and inspiring!
  • The editor is clear, user-friendly and explicit.
    You can create the popup by simply mixing and matching the elements in it. It’s entirely unnecessary to become a programming wizard to make your video popup box match the overall website design.
  • Add videos by links from Vimeo and YouTube.
    These are the most popular video hostings in the world, familiar to millions. 
  • Attach any elements: images, texts, headers, and buttons in any sequence.
    You can be sure they will look perfect on any device your website visitors use.


Still have any questions about creating and installing the video popup on particular platforms? Here you can find instructions for the most popular website builders and CMS. The logic is pretty the same for any other platforms. And keep in mind: in case you come across any difficulties with creation, customization, or inserting your video widget, don’t think for a second to contact our support team – they’ll eagerly help at that very moment.

How to embed a Video Popup on WordPress?

WordPress is one of the most popular platforms for content creation. Websites on WordPress are easily indexed by Google and other search engines, are speedy and beautiful. This is a classic CMS, where Elfsight Video Popup works exquisitely in an HTML field. Here’s how you can add a video player popup to your WordPress site:

  1. Create a popup widget in Elfsight apps
  2. Save it and copy an installation code
  3. Go log into WordPress admin panel
  4. Go to the ‘Pages’ section
  5. Open the page where you would like the video module to appear
  6. Create an HTML section there
  7. Add installation code to this field
  8. Save the changes and see the video box live in WordPress

That’s it! After you’ve installed the video plugin on WordPress, you can go to Elfsight apps any time you wish and make alterations to it. Any changes will appear in the published widget as soon as they are saved, and you won’t need to go to WordPress HTML.

Also, you can add the video popup to all pages. To do it, you can go to the website template and embed installation code of the video popup in the footer or header.

How to add a Video Popup to Elementor?

Elementor is a great plugin for WordPress that allows anyone to adjust WordPress sites in a simple visual editor. Unfortunately, there’s an opportunity to add a custom HTML field in only the paid version of Elementor. Here’s how you can make a video popup appear on your Elementor website:

  1. Create a video popup in the Elfsight apps service
  2. Save the changes and copy two lines of installation code
  3. Log into WordPress admin panel
  4. Choose a page where you want to embed a video
  5. Paste an HTML field there
  6. Paste the saved installation code in the field
  7. Enjoy!

Now, you can check the video player popup on a web page. It is going to be live as soon as you save the changes.

How to create and add a Video Popup to Joomla?

Joomla is a great platform for ecommerce purposes and placing a video popup. You can add any extension with ease there, but you’ll need to deal with a little HTML code. Let’s go!

  1. Register or log into Elfsight dashboard
  2. Create and customize the video popup
  3. Get the share widget custom installation code
  4. Go to Joomla admin panel
  5. Click “Templates” in the upper drop-down menu on the “Extensions” tab
  6. Select the site theme
  7. Add installation code of a video popup to the footer in index.php file
  8. Save the changes and take pleasure on your Joomla site

Now, you can go to the Elfsight dashboard any time you wish and customize the video popup. Changes in the video player will go live as soon as this, and there’s no need to make alterations in Joomla HTML any more.

How to install a video lightbox if I have another platform?

Here are guides for the most popular platforms: Wix, Shopify, Squarespace. Find yours and never hesitate to add a video in popup to your website on any CMS – it’s really easy.