Lightbox Block Pro

When a page needs to show media without placing every item directly in the layout, Lightbox Block Pro opens it in responsive popups. This Gutenberg add-on works with standard lightboxes for pictures, audio, video, and custom content. Pro adds PDFs, iframes, YouTube videos, and custom HTML; video sources can be self-hosted or external.

Use it for a product gallery, an instructional video, an audio presentation, or a document visitors can open on demand. Add titles or descriptions as captions, and place multiple independent galleries on a website.

Place and arrange galleries

Add a Lightbox Block in the Gutenberg editor, or use shortcode support to place a lightbox outside Gutenberg. Choose a default grid or Masonry layout, then adjust row and column gaps and other spacing. Multiple lightbox types can appear on the same page without conflicts.

Visitors can view galleries as slideshows, open media in fullscreen, and navigate with thumbnail previews. Pro includes Classic and Modern thumbnail styles and Slide, CrossFade, Classic, and Default slide effects.

Configure appearance and navigation

Autoplay can start a slideshow automatically. Mouse-wheel navigation can scroll to zoom or move between slides. Customize caption styles and overlay colors, and choose whether the popup topbar shows slide counts and controls for zooming, rotating clockwise or counter-clockwise, flipping, and fullscreen.

Toolbar actions can include Facebook and Twitter sharing, downloads, slideshow controls, thumbnails, and a close button. Hover effects include settings such as zoom and rotation.

Set media playback controls

Pro player controls include play and pause, restart, rewind, fast-forward, progress, duration, mute, volume, picture-in-picture, AirPlay, options, download, and fullscreen. Audio content can use one of four available player designs.

Install and set up

1. Install Lightbox Block Pro in WordPress and open the Gutenberg block editor.
2. Add a Lightbox Block, choose the lightbox type, and add the relevant media or custom content.
3. Configure the gallery layout, captions, overlay, navigation, player controls, and slideshow behavior.
4. Publish the page. Use shortcode support when the lightbox needs to appear outside the block editor.