Lightbox & Modal Popup WordPress Plugin – FooBox

Includes a 7-day free trial of FooBox Pro Lightbox!

You can try the PRO version for free for 7 days.

FooBox PRO Features:

• Social sharing (10+ networks)
• Video lightbox support
• HTML lightbox support
• iFrame support
• Deeplinking
• Fullscreen and slideshow modes
• Glass lightbox theme (including custom color pickers)
• Metro lightbox theme
• Flat lightbox theme
• 5 color schemes, 12 button icons and 11 loader icons
• 12 animation effects
• 85+ settings to customize

FooBox PRO Works With:

• The Best Image Gallery Plugin for WordPress
• NextGen
• Justified Image Grid
• Envira Gallery
• WooCommerce product images (Works with WooCommerce v3+)
• JetPack Tiled Gallery
• AutOptimize

Check out the full feature comparison .

Complete FooBox Asset Control

By default, FooBox lightbox includes javascript and stylesheet assets into all your pages. We do this, because we do not know if the page content contains media or not. If you want more control over when FooBox assets are included, you can now exclude the assets by default, by enabling a setting. Then on each page, you can choose to include them when required. Alternatively, you can leave the setting disabled, and then choose to exclude the FooBox assets from particular pages. A new metabox is now available when editing your pages or posts. This new feature was only available in the PRO version beforehand, but we feel control over your website performance is something you should not have to pay for. Enjoy!

Translations

• Serbo-Croatian by Borisa Djuraskovic

Block Editor Usage

FooBox adds a “FooBox” panel to supported core blocks in the WordPress block editor. Select a Button, Image, Gallery, or Group block, then open the block inspector sidebar to configure FooBox for that block.

For a quick reference inside WordPress, open FooBox > Getting Started > Block Editor. This help tab includes the common Image, Gallery, Button, and hidden-content workflows, plus a control reference and troubleshooting tips.

Images

1. 01Add or select an Image block.
2. 02Open the FooBox panel and enable FooBox.
3. 03Use “Link image to media file” if the image is not already linked to the full media file.
4. 04Optionally set a style, theme, gallery group, caption title, caption description, max size, or large-image panning. Opening effects require FooBox Pro.

Galleries

1. 05Add or select a Gallery block.
2. 06Open the FooBox panel and enable FooBox.
3. 07Use “Link gallery images to media files” so each image opens in FooBox.
4. 08Set an optional gallery group, style, or theme. FooBox mirrors gallery settings to the child Image blocks and groups them without relying on legacy rel attributes. Opening effects require FooBox Pro.

Buttons

1. 09Add or select a Button block.
2. 10Open the FooBox panel and enable FooBox.
3. 11Choose auto-detect or image for image targets. HTML content, iframe, and video targets require FooBox Pro.
4. 12Enter a Lightbox URL or target. Use “Select from media library” to choose an image or media file and fill the URL automatically.
5. 13Optionally set width, height, captions, style, theme, or gallery group. Opening effects and video poster images require FooBox Pro.
6. 14With FooBox Pro, hidden inline content can point to a target id such as #demo-hidden-form .

Hidden HTML Content (FooBox Pro)

Opening a Group block as hidden inline content requires FooBox Pro.

1. 15Add a Group block and build the content inside it using normal blocks.
2. 16Select the Group block and enable “Use as hidden FooBox content”.
3. 17Set an HTML id or generate one from the FooBox panel.
4. 18Leave “Hide on front end” enabled when the content should only appear inside FooBox.
5. 19Create a Button block, enable FooBox, set the content type to HTML content, and point the Lightbox URL or target field to the Group id.

WordPress Lightbox Compatibility

FooBox can take over Image and Gallery blocks that use WordPress’s own “Open in lightbox” option. Enable this under FooBox Settings > General > Compatibility > WordPress Lightbox. This setting is off by default for upgrade safety.

The Compatibility settings also include “Default Image Link” for setting WordPress’s default image link behavior and “Auto Link Existing Images” for older attachment images that were inserted without media-file links.