WordPress fancybox


WordPress fancybox plugin adds fancybox lightbox effect to your WordPress website. The lightbox looks great on desktop as well as mobile devices.

WP fancybox Features

  • Responsive lightbox popup using fancybox
  • Designed with a mobile first approach so it looks great on desktop, mobile and tablet devices
  • Quick and easy setup
  • Support for common touch gestures such as double-tap, pinch-in and pinch-out (for image viewing), horizontal swipe for navigation etc
  • Open lightbox popup from either a text link or a thumbnal image link
  • Compatible with WordPress multisite
  • Automatically recognize popular video sites such as YouTube, Vimeo for easy viewing in lightbox
  • Support hardware accelerated animations for better performance
  • Use a simple shortcode anywhere on your site (Post, Page, Homepage etc.)to pop up content in lightbox
  • Graphics, including loading icons, are created with CSS to keep it lightweight
  • Customize the visuals and layout using CSS

How to Use WP fancybox

Image in lightbox

Create a new post/page and use the following shortcode to create a text/image link which will open lightbox once clicked:

[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="click here to pop up image"]

here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.

[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg"]

YouTube video in lightbox

[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video"]

Vimeo video in lightbox

[wp_fancybox_media url="https://vimeo.com/1084537" hyperlink="click here to pop up vimeo video"]

Caption in lightbox

[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" caption="overlay image" hyperlink="click here to pop up image"]

Alternate Text for an Image

[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" caption="overlay image" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]

Custom CSS

You can specify your own CSS class in the shortcode to customize a text/image link.

[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class"]

Multiple CSS classes can be separated with a space. For example:

[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]

For detailed documentation please visit the WP fancybox plugin page

Lluniau Sgrin

  • Image popup in lightbox
  • YouTube video Demo in lightbox
  • Vimeo video Demo in lightbox


  1. Go to the Add New plugins screen in your WordPress Dashboard
  2. Click the upload tab
  3. Browse for the plugin file (wp-fancybox.zip) on your computer
  4. Click “Install Now” and then hit the activate button

Cwestiynau Cyffredin

Can this plugin be used to open an image in lightbox?


Can I use this plugin to open a YouTube video in lightbox?


Can I use this plugin to open a Vimeo video in lightbox?



Gorffennaf 24, 2017
This is by far the best fancyBox lightbox for mobile devices. Thank you so much for this plugin and keep up the good work.
Gorffennaf 13, 2017
Hello. Thank you for your plugin development. Love this plugin. It seems to work fine with shortcodes provided on WP plugin page. The display interface is attractive, and captions display in the lower left corner of the overlay. Personal experience: it worked on my Win 10 Chrome desktop browser, and Android tablet, just fine.
Read all 3 reviews

Contributors & Developers

“WordPress fancybox” is open source software. The following people have contributed to this plugin.


Translate “WordPress fancybox” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Cofnod Newid


  • Updated to fancybox 4.


  • Made some security related improvements in the plugin
  • Updated fancybox to 3.5.7


  • First commit