Media types and captions

Lightbox Block Pro is a Gutenberg plugin for presenting media and custom content in responsive popups. Standard lightboxes support images, audio, video and custom content. Pro adds PDFs, iframes, YouTube videos and custom HTML, and works with self-hosted and external video sources. Add titles or descriptions as captions, and place multiple independent galleries on a site.

These options fit image portfolios, product galleries, tutorials, audio presentations and pages with files or embedded content.

Gallery layout and placement

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 and adjust row and column gaps. 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 transitions.

Popup appearance and navigation

Set overlay colors and caption styles to adjust the popup's appearance. Slideshows can autoplay. Mouse-wheel navigation can scroll to zoom or move between slides. The topbar can display slide counts and controls to zoom, rotate in either direction, flip and enter fullscreen.

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

Audio and video playback

Player controls include play and pause, restart, rewind, fast-forward, progress, duration, mute, volume, picture-in-picture, AirPlay, settings, download and fullscreen. Audio lightboxes offer four player designs.

Installation and setup

Install the extension in WordPress and open the Gutenberg block editor. Add a Lightbox Block to a page, choose a lightbox type, then add its media or custom content. Configure the gallery layout, captions, overlay, navigation, player controls and slideshow behavior, then publish the page. Use shortcode support to place a lightbox outside the block editor.