How to Create a Video Popup in WordPress

Some messages are hard to explain in a sentence. A product that needs a quick demo, a course that needs a preview, a founder introduction, a customer testimonial: these all land better when people can watch instead of read.

That’s exactly what a video popup does. It appears above your page content, usually with a dimmed background, so visitors notice it immediately instead of scrolling past an embedded player halfway down the page. One click, and they’re watching the thing you actually wanted them to see.

The problem is how most WordPress popup plugins expect you to build one. Many push you into a separate drag-and-drop builder with its own interface and learning curve. Others give you a “video” widget that only accepts a YouTube URL, so you lose control over how the video behaves and how the popup looks around it.

ConvertForce takes a simpler approach. It uses the native WordPress block editor, so adding a video to a popup works the same way as adding a video to a post or page. Insert a Video block, a YouTube block, or a Vimeo block, adjust the popup container, and publish. No page builder, no new editor to learn. And because it’s the block editor, you can put a heading above the video and a button underneath it whenever the campaign needs one.

In this tutorial, you’ll learn how to create a video popup in WordPress using the free ConvertForce plugin, from installation to publishing, along with playback and performance tips that keep the popup from annoying people or slowing your site down.

Step 1: Install and Activate ConvertForce

First, you need to install ConvertForce on your WordPress website.

From your WordPress dashboard, go to Plugins → Add New Plugin.

Search for “ConvertForce” in the search box. Once the plugin appears in the results, click Install Now.

After the installation is complete, click Activate.

You can also download ConvertForce from the WordPress.org plugin repository and upload the ZIP file manually.

Once the plugin is activated, you’ll see a new ConvertForce option in the WordPress admin sidebar.

Step 2: Create a New Lightbox Campaign

Now, go to ConvertForce → New Campaign from your WordPress dashboard.

Enter a descriptive name for the campaign. This name is only visible inside your WordPress dashboard, so choose something that will help you identify the popup later.

For example, you could name it:

• Product Demo Video Popup
• Homepage Welcome Video
• Course Preview Popup
• Customer Testimonial Video
• Black Friday Video Promotion

Next, choose the campaign type.

ConvertForce supports notification bars, lightbox popups, and slide-ins. For a video popup, select Lightbox Popup. This campaign type displays your content over the page while dimming the background behind it, which is exactly the environment you want for video. The dimmed background removes the distractions around the player and keeps attention on the screen.

After selecting the campaign type, you’ll be taken to the editor.

Step 3: Add Your Video to the Popup

The campaign editor works similarly to the editor you use for WordPress posts and pages.

Click the plus (+) icon to add a new block. From here, you have three ways to add a video, and the one you choose matters more than people usually expect.

A short silent product loop is a great fit for the Video block. A full demo, webinar replay, or course preview is a much better fit for YouTube or Vimeo.

Step 4: Customize the Video Popup

Once you’ve added the video, you can customize both the video block and the popup container.

Select the video block to access its settings, then select the main ConvertForce popup block to customize the overall lightbox.

Remove Unnecessary Margin

The first thing to do is remove the unnecessary margin around the video block. Select the block and set the margin to 0 from the Styles tab.

Video looks best when it fills the popup edge to edge, and leftover default spacing creates an awkward frame of empty background around the player.

Adjust the Popup Width

Open the block settings and find the size controls.

Use the Max Width setting to control the maximum width of the popup. ConvertForce uses a default maximum width of 500 pixels, which is fine for an image or a signup form but usually too narrow for video.

Most videos are 16:9, so a 500 pixel popup gives you a player about 280 pixels tall, which is small for anything with text on screen. Try somewhere between 640 and 900 pixels instead, and go wider only if the video really needs it.

Remember that the popup will shrink to fit smaller screens, so always check how it looks on a phone before publishing.

Configure the Close Button

Visitors should always have an easy way to dismiss the popup.

ConvertForce lets you enable a close button and control its size and position. You can use an icon, such as an “X,” or display custom text like “Close” or “Dismiss.”

Video popups need extra care here for one reason: the close button sits near the top of the popup, and the video player’s own controls sit inside it. Make sure the two don’t overlap or crowd each other, and make sure the close button stays visible against the video. Most videos are dark, so a light close icon is usually the safer choice.

You can also allow visitors to close the popup by clicking the dimmed area outside it. This option is enabled by default and is especially useful for video, since people often click away the moment they realize they don’t want to watch.

Step 5: Set Up Video Playback

This is the step that decides whether your video popup feels helpful or hostile.

If you used the Video block for a self-hosted file, select it and open the block settings. You’ll find controls for:

• Autoplay: starts the video as soon as the popup appears
• Muted: plays the video without sound
• Loop: restarts the video when it ends
• Playback controls: shows or hides the play bar
• Poster image: the still frame shown before the video starts

Here’s the rule that matters most: never autoplay with sound.

Modern browsers block it anyway. Chrome, Safari, and Firefox will refuse to start a video with audio unless the visitor has interacted with the page first, so an autoplay popup with sound will often just sit there frozen on the first frame. And on the occasions it does slip through, it’s the fastest way to make someone close your popup and your website.

You have two sensible setups:

Autoplay muted. Turn on both Autoplay and Muted. This works well for short, silent product loops or animations where the visuals carry the message. Keep playback controls on so people can unmute if they want to.

Play on click. Leave autoplay off and give the video a strong poster image. The visitor presses play when they’re ready, which means everyone who watches actually chose to. This is the better default for anything with narration.

If you used the YouTube or Vimeo block, those playback toggles aren’t in the block settings, and the video will simply wait for the visitor to press play. That’s usually the behavior you want anyway, so leave it alone unless you have a specific reason not to.

One more thing worth testing: open the popup, start the video, then close the popup, and confirm the audio actually stops. Check this on both desktop and mobile before you consider the campaign finished.

Step 6: Add a Call to Action Below the Video (Optional)

A video popup that ends with nothing to click is a missed opportunity. Someone just gave you 45 seconds of attention, so tell them what to do with it.

Because ConvertForce uses the block editor, you can add a Button block directly underneath the video, and a short Heading or Paragraph block above it if the video needs context.

A simple, effective layout looks like this:

• A short heading, for example “See how it works in 60 seconds”
• The video
• One button, for example “Start free trial” or “View pricing”

Keep it to one button. Two competing buttons underneath a video usually means fewer people click either one.

Make sure the destination matches what the video promised. If the video demonstrates a specific product, the button should go to that product, not to your homepage.

Step 7: Choose Where the Video Popup Appears

After designing the popup, decide where it should appear on your website.

ConvertForce lets you display a campaign across your entire site or target particular pages, posts, or post types. Click the Campaign tab and configure the display conditions.

You could show the video popup:

• On every page
• Only on the homepage
• On a specific landing page
• On individual blog posts
• On product-related pages
• On a particular post type

Video popups reward tight targeting more than most campaign types, because a video takes real commitment from the visitor. A generic site-wide video is easy to dismiss. A 40-second demo shown only on the pricing page, right when someone is deciding, is a much easier yes.

Step 8: Configure When the Popup Appears

Next, choose when the video popup should appear.

The free version of ConvertForce includes a page-load trigger. This displays the popup after the visitor opens a qualifying page.

You can also add a delay before the popup appears.

Interrupting someone with a video the instant they land is the quickest way to get it closed unwatched. Give visitors time to read the page and decide they’re interested first. Ten to fifteen seconds is a reasonable starting point for video, a little longer than you’d use for a simple image or signup popup, because you’re asking for more of the visitor’s time.

ConvertForce Pro also includes advanced triggers such as:

• Exit intent: shows the popup when a visitor appears ready to leave
• Scroll depth: shows it after the visitor scrolls through a selected percentage of the page
• User inactivity: shows it after the visitor has remained inactive for a specified period

Scroll depth pairs particularly well with video. Someone who has read 60% of your page has already shown interest, and that’s a far better moment to offer a demo than the second they arrived.

For this tutorial, the page-load trigger with a delay works fine.

Step 9: Set the Display Behavior

In addition to deciding when the popup appears, you should control how frequently the same visitor sees it.

ConvertForce provides display frequency and closing-behavior options.

The display frequency determines whether the popup appears on every qualifying page load or only once during a visitor’s session.

The closing behavior determines whether the popup can appear again after the visitor dismisses it.

For video, be more conservative than usual. Showing an image popup twice is mildly annoying. Interrupting someone with a video player twice in one session is genuinely irritating, and repeatedly loading an embed also wastes bandwidth. Once per session should be your default.

Be thoughtful with the “Hide forever” option. It stops the campaign from reappearing after a visitor closes it, which suits an evergreen explainer or welcome video. It’s less suitable for a seasonal promotion you want returning visitors to see again later.

ConvertForce stores this dismissal and frequency information locally in the visitor’s own browser. Nothing is sent anywhere, and no visitor identifiers are collected.

Step 10: Publish and Test the Video Popup

Once you’re satisfied with the design and settings, click Publish.

The campaign will begin appearing on your website according to the display conditions, trigger, and behavior settings you configured.

Open your website in a private or incognito browser window to test it as a new visitor.

Check the following:

• The popup appears on the correct pages, after the expected delay.
• The video loads and plays properly.
• The video does not autoplay with sound.
• The player fits the popup without being cropped or squeezed.
• The close button is visible and doesn’t overlap the video controls.
• The audio stops when the popup is closed.
• The button below the video links to the right page.
• The popup looks good on desktop, tablet, and mobile.
• The frequency settings work as expected.

Test on a real phone rather than a resized browser window. Video behaves differently on mobile: autoplay rules are stricter, players sometimes try to open fullscreen, and connections are slower.

If something doesn’t look right, return to the campaign editor, make the necessary changes, and update the campaign.

Tips for Creating an Effective Video Popup

Creating the popup is straightforward. Creating one that visitors actually watch requires more thought.

Keep It Short

Under 60 seconds is a good target, and under 30 seconds is better. A popup video is an interruption, and the shorter the interruption, the more people finish it.

If your video is genuinely long, don’t put the whole thing in a popup. Use a short clip in the popup and link to the full version on a proper page.

Front-Load the Value

Assume most people watch the first five seconds and nothing else. Lead with what the video is about, not with a logo animation.

Never Autoplay With Sound

Worth repeating. Browsers block it, and when they don’t, visitors punish it.

Use a Strong Poster Image

If the video waits for a click, the still frame is doing all the persuading. Choose a frame that shows the product or the person clearly, not a black screen or a random blurry moment.

Watch Your Page Speed

Self-hosted videos are the biggest risk here. A 40 MB MP4 will slow your site for every visitor, whether they open the popup or not. Compress the file, keep it short, and use YouTube or Vimeo for anything substantial.

Add Captions

Many people browse with the sound off, especially on phones. Captions mean your video still works for them. YouTube and Vimeo both support caption files, and the core Video block supports subtitle tracks.

Match the Video to the Page

A demo video belongs on product and pricing pages. A welcome video belongs on the homepage. A testimonial belongs wherever people are deciding whether to trust you.

Make It Easy to Close

Never hide or shrink the close button to squeeze in more video. Visitors who aren’t interested should be able to dismiss it instantly and get back to browsing.

Frequently Asked Questions

Final Thoughts

A video popup is one of the most direct ways to show visitors something instead of describing it, and you don’t need a landing page redesign or a separate video plugin to build one.

With ConvertForce, the whole thing happens in the WordPress block editor. Add your video, widen the popup to fit it, set sensible playback options, drop a button underneath, choose who sees it and when, and publish.

The two things that make or break a video popup are length and timing. Keep the video short, never autoplay it with sound, and show it at the moment a visitor is already interested rather than the second they arrive.

Start with one video on one well-chosen page, check it properly on a phone, and adjust from there based on how many people actually watch it through.