WP Overlays


Overlays over images is best way for viewer engagement with images and display useful information on mouse-over. Visual Designer and Shortcode made it super easy to create, preview and apply in minutes. This plugins gives you ability to display overlays on Featured Images or custom images. ‘Easy to Use’ and ‘Apply Anywhere’ approach made it awesome overlays wordpress plugin ever.

Here is a quick highlight on the numerous customizable features offered by the pro versions of the WP Overlays Version.

Lite Version (Free)

  • Choose awesome Overlays IN & Out Effects.
  • Set overlays color using color picker.
  • Set overlays text alignment. Center, Top Left, Top Right, Bottom Left & Bottom Right supported.
  • Set overlays height and width using slider. Get instant preview of overlays over images.
  • Set opacity of overlays using slider.
  • Set text content of the overlays for the post with help of placeholders.
  • Set text content of the overlays for the page with help of placeholders.

Pro Edition

  • Custom Post type and woo-commerce Supported .
  • Display custom fields in overlays over images.
  • Display taxonomies of the custom post types. Unlimited taxonomies supported.
  • Display product data e.g add to cart in the overlays if woo-commerce is installed.
  • Fully responsive overlays.
  • Multi-site Supported.
  • Multi-lingual using .po file.
  • Download WP Overlays Pro Edition


Introducing Support Desk

We’re at FlipperCode, committed to excellent support to make every download worth for the user. Happily announcing Support Desk for our valuable users to engaged with multiple support desk person for fast turnout.



  • Easy to use Settings Page.
  • Apply overlay on Custom Image.


This section describes how to install the plugin and get it working.

1.  Upload the wp-overlays-lite directory to the /wp-content/plugins/ directory

2. Activate the plugin through the 'Plugins' menu in WordPress

3. Click on WP Overlays > Settings Page.

4. Apply the effects and settings and copy the shortcode.

5. Paste into the post/page and change the image path.


Can we apply overlay on feature image?
  • Yes, You can apply overlay on feature image.
can I customize the size, color of overlay text?
  • Yes , You can customize with your own css.
How to upgrade to pro version?
  • You can purchase WP Overlays Pro and then just keep your lite version deactivated and then activate the pro version. You’ll not loss any of your data. Your all data will be migrated to pro version automatically.
How to get update of most recent version of WP Overlays Pro?
  • Pro users can get update versions contacting us by hello@flippercode.com or receive a mail.
  • Free version users will find update notification in their wordpress admin panel.
Do we have Live Demo?
  • Yes, You can click on WP Overlays Live Demo and mail us at hello at flippercode dot com if any pre-purchase query.
Do we have offer refund?
  • Yes, You can get refund any time if pro version is not suitable for you.
Do we have offer customization?
  • Yes, You can mail us your requirement at hello@flippercode.com.


very impressive

i was finding some code to make overlay over my images to add text on the images on mouseover.this plugin solve my problem thanks flippercode

Read all 2 reviews

Contributors & Developers

“WP Overlays” is open source software. The following people have contributed to this plugin.


Translate “WP Overlays” into your language.

Interested in development?

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



  • Improvement Fix – Proper instructions added to use this plugin.