How to add a lightbox to images and videos on WordPress

Decide whether you need an image lightbox, a gallery lightbox, a video lightbox, or one overlay that handles all three. WordPress’s core controls cover Image and Gallery blocks, while the Video block is designed for inline playback or embeds rather than a lightbox overlay.

If you only need visitors to enlarge photographs, the built-in option is usually enough. If you need videos, captions across mixed media, custom transitions, social sharing or more control over navigation, plan to use a plugin.

Edit the page or post and select an Image block. In the block toolbar or media settings, enable Enlarge on click. Publish or update the page, then click the image on the front end to confirm that it opens over the current page rather than taking visitors to an attachment page.

This is the manual route for a single image. It does not require another plugin, but the available design and media options are limited to what WordPress and your theme provide.

Select the Gallery block and add your images. In the gallery’s link settings, choose Enlarge on click, then review the navigation button setting if your WordPress version displays it. Visitors can move forwards and backwards through the gallery without leaving the page.

Do not choose None or an attachment-page link if you expect the native lightbox to open. Older tutorials may tell you to choose “Media File”, but the current block editor uses the dedicated enlarge option.

Insert a Video block for a video that should play within the page. WordPress lets you upload a file, choose one from the Media Library or insert a supported URL, but its standard Video block does not provide the same native lightbox control documented for images and galleries.

For a video overlay, add a lightbox plugin or build a custom front-end modal. A plugin is usually safer unless you are comfortable maintaining JavaScript, keyboard focus, closing behaviour, responsive sizing and video embeds yourself.

Test every image and video on the published page, not only inside the editor. If an image opens as a separate file, check that it is not linked to an attachment page or set to no link. Some lightbox plugins require image links to point to the media file before they can recognise them.

If clicking does nothing, clear caching and check whether the lightbox’s JavaScript and styles are loading. Support threads commonly trace failures to missing plugin scripts, theme conflicts, block variations or one gallery having different link settings from another.

For the fast route, install and activate Meow Lightbox Pro, then configure its lightbox settings and apply it to your image, video and gallery content. It is the better fit when you need one responsive presentation layer, lazy loading, touch and keyboard navigation, or more control over gallery presentation.

Keep the native WordPress option if you only need enlarged images and galleries. Choose the plugin when videos and presentation controls are part of the requirement, then test the result on desktop, mobile and an incognito browser window.