Plugin to add the Magnific Popup lightbox script to wordpress site for single images, image galleries, video, maps, dialog popups and other.

Anoop Ranawat

WP OnlineSupport

Pratik Jain

Ketan Patel

Essential Plugin

Piyush Patel

Riddhi Shukla

Album and Image Gallery plus Lightbox

A quick, easy way to display responsive image gallery and image album in a grid or slider with light box. Also work with Gutenberg shortcode block.

Mahmudul Hasan Salim

sakeef

WP Magnific Lightbox

WP Magnific will allow users to add responsive popup Images, Videos and Maps easily from the backend. Users can generate the shortcodes from Wordpress …

ad-theme

Fast Gallery Lite

create your gallery in one minute. Easy and Fast.

firimar

This basic plugin adds the Magnific Popup lightbox script to wordpress site and works with single images, iframe links and dialogs.
All you need to do to use Magnific Popup on a link is to add specific css class to ‘a’ tag. CSS class names can be configured on settings page.
For images you can use alt attribute to add captions.
Thanks to Dmitry Semenov for the original script: http://dimsemenov.com/plugins/magnific-popup/
This plugin is only basic version and does not support all features of Magnific Popup yet.
Plugin provides following functionality:
<ul>
<li>Single image popup.</li>
</ul>
Usage example html: 
 <a href="http://site.com/full-size.jpg" rel="nofollow ugc"></a>
<ul>
<li>Image gallery popup with navigation.</li>
</ul>
Usage example html:
 <a href="http://site.com/full-size-1.jpg" title="title1" rel="nofollow ugc"></a> 
 <a href="http://site.com/full-size-2.jpg" title="title2" rel="nofollow ugc"></a> 
 <a href="http://site.com/full-size-3.jpg" title="title3" rel="nofollow ugc"></a> 
 <a href="http://site.com/full-size-4.jpg" title="title4" rel="nofollow ugc"></a>
<ul>
<li>Iframe popup (can contain external page, youtube video, google map, etc.)</li>
</ul>
Usage example html: 
 <a href="http://www.youtube.com/watch?v=b0FhD19zj4I" rel="nofollow ugc">Video</a> 
 <a href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" rel="nofollow ugc">Google Map</a>
<ul>
<li>Dialog popup (pops up a div from the current page)</li>
</ul>
Usage example html: 
 <a href="#dialog" rel="nofollow ugc">Dialog
 Test dialog content
 </a>

Alternatives to WP Magnific Popup

Top alternatives