How to Add a Lightbox Popup in WordPress (Image, Video, or Any Block)

A lightbox popup is a modal window that appears over your page content with a dimmed background. You use it to show offers, announcements, or calls to action without sending visitors to a different page. (It’s not the same as an image gallery lightbox, which just opens larger versions of photos.)

Most lightbox popup plugins limit you to a fixed set of content elements, usually a headline, a paragraph, a button, and maybe an image. ConvertForce works differently. It lets you build your popup with any core WordPress block, so you can add an image, a video, a button, a multi-column layout, or anything else WordPress natively supports.

In this tutorial, you’ll learn how to set up a lightbox popup in WordPress from scratch using the free ConvertForce plugin.

Step 1: Install and Activate ConvertForce

From your WordPress dashboard, go to Plugins → Add New and search for “ConvertForce.” Find the plugin in the results, click Install Now, then click Activate.

You can also download the plugin directly from the WordPress.org plugin repository and upload the zip file manually if you prefer.

Once activated, a new ConvertForce menu item appears in your WordPress admin sidebar.

Step 2: Create a New Lightbox Campaign

Go to ConvertForce → New Campaign in the admin sidebar.

Give your campaign a name you’ll recognize later, like “First Order Discount” or “Free Shipping Announcement.”

ConvertForce supports three campaign types: lightbox popups, notification bars, and slide-ins. Select the Lightbox campaign type for this tutorial.

Once you’ve selected it, you’ll be taken into the editor.

Step 3: Add Blocks to Your Lightbox

This is the step where ConvertForce really stands apart. Adding content to your popup works exactly the same way as adding content to a regular WordPress post. Click the plus icon, search for the block you want, and drop it in.

Here are a few examples of what you can build, depending on the kind of popup you need.

Image Popup

Video Popup

Text and Button Popup

Multi-Block Layout

Step 4: Choose Where the Lightbox Shows

By default, your lightbox can appear across your entire site, but targeted popups almost always perform better than site-wide ones. ConvertForce lets you show the popup on all pages, on specific pages or posts, or on specific post types.

A popup offering a discount on running shoes will convert much better on a running shoe category page than on a general blog post. Take a moment to think about where each campaign actually makes sense.

Step 5: Configure When the Lightbox Appears

After your popup design is ready, decide when it should appear to visitors. ConvertForce lets you control this with triggers.

The free version supports the page load trigger, which displays the popup after the page finishes loading. You can set a delay (in seconds) so visitors get a moment to start reading your content before the popup interrupts them. A delay of 5 to 10 seconds tends to work well for most sites.

If you upgrade to ConvertForce Pro, you also get:

  1. Exit intent, which triggers the popup when a visitor moves their cursor toward the browser’s close button. On mobile, ConvertForce uses rapid scroll-up detection to mimic the same behavior.
  2. Scroll depth, which triggers the popup once a visitor has scrolled a certain percentage of the page.
  3. User inactivity, which triggers the popup after a visitor has been idle for a set amount of time.

For this tutorial, we’ll stick with the page load trigger.

Step 6: Set the Display Behavior

Triggers tell ConvertForce when to show the popup. The display behavior settings tell ConvertForce how often to show it and what should happen after a visitor closes it.

There are two key controls. Display frequency decides how often the same visitor sees the popup, with options for “Every page load” or “Once per session.” When closed decides what happens after the visitor dismisses the popup, with options for “Keep showing” or “Hide forever.”

For most sites, the friendliest combination is “Once per session” plus “Hide forever.” This shows the popup to new visitors but doesn’t badger people who have already seen it and decided not to act on it. Aggressive popup behavior is one of the fastest ways to annoy visitors and increase your bounce rate.

Step 7: Publish and Test Your Lightbox

Once everything is configured, publish the campaign. Open your site in a new incognito browser window so you’re not affected by any cached display rules, and visit a page where the popup is set to appear.

Run through this quick checklist:

  1. The popup appears at the right time and on the right pages
  2. All your blocks render correctly inside the popup
  3. The close button is visible and easy to tap
  4. The popup looks good on mobile
  5. After closing, the popup respects your frequency and “when closed” settings

If anything looks off, head back to the campaign editor and adjust it.

Tips for High-Converting Lightbox Popups

A few principles that separate popups people engage with from popups people instantly dismiss:

Match the content to the offer. Use a video popup for product demos, an image popup for visual products, and a simple text popup for short announcements. The block flexibility only matters if you actually use it.

Keep the offer specific and singular. The best popups have one job. Don’t try to promote three things at once or stuff in two competing buttons.

Don’t trigger too aggressively. A popup that fires the instant a visitor lands on your page is almost always counterproductive. Give people a few seconds to start engaging with your content first.

Use page targeting. A popup that matches what the visitor is already reading converts far better than a generic site-wide message.

Always include an obvious close button. Visitors who feel trapped by a popup will leave your site entirely. A clearly visible close button is non-negotiable, both for user experience and for SEO.

Frequently Asked Questions

What is a lightbox popup in WordPress?

Can I show a video inside a WordPress lightbox popup?

Can I add an image popup in WordPress?

Do I need a page builder to create a lightbox popup?

Is ConvertForce free?

How do I stop a lightbox popup from showing repeatedly?

Can I add an exit-intent lightbox in WordPress?

Final Thoughts

Lightbox popups are one of the highest-leverage tools you can add to a WordPress site, but only if the popup matches what you actually want to show. The advantage of using ConvertForce is that you’re not boxed in by a fixed set of popup elements. Whether your offer is best presented as an image, a video, a button, or a custom layout combining all three, you can build it using the core WordPress blocks you already know.

Set up your first campaign, watch how visitors respond, and iterate from there. Small adjustments to your content, trigger timing, and display behavior often make a much bigger difference than you’d expect.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *