Block Editor

Getting Started with FooBox in the Block Editor

FooBox controls are added directly to supported WordPress blocks. You configure the trigger in the editor, save the page, and FooBox reads those settings on the frontend.

Creating Image Lightboxes

Use a core Image block when the image itself should open FooBox. Image lightboxes, captions, styles, themes, groups, and size controls work in FooBox Free. Opening effects and…

Creating Gallery Lightboxes

Use a core Gallery block to create a navigable FooBox collection. Configure the outer Gallery block once; FooBox mirrors its settings to the child Image blocks when the…

Creating Video and Iframe Lightboxes (FooBox Pro)

FooBox Pro Button blocks can open supported video URLs, self-hosted videos, and external pages. The target and handler are configured in the same FooBox panel used for image…

Creating Button Lightboxes

A core Button block can open media without showing a thumbnail on the page. Image targets and image auto-detection work in FooBox Free. HTML, iframe, and video handlers…

Opening Hidden Block Content (FooBox Pro)

FooBox Pro can open normal Gutenberg content as an inline lightbox. Build the content in a Group block, hide that Group on the normal frontend, and point a…

Creating Custom Lightbox Groups

The Gallery group field can combine separate triggers into one navigable FooBox collection. The triggers do not have to be inside a core Gallery block and may mix…

Using FooBox with the WordPress Core Lightbox

WordPress Image and Gallery blocks have their own “Expand on click” lightbox option. FooBox can take over that intent so editors can use the core control while visitors…

Opening Shortcodes and FooGallery in FooBox (Pro)

Shortcode output can be opened as inline HTML content by placing a Shortcode block inside a hidden FooBox Group. This works for FooGallery, forms, and other shortcodes that…