Modal Window – create a simple popup & insert any content

Description

Create modal windows and insert any kind of content.

Demo

Demo

A useful post

Main features

  • Create any kind of modal windows
  • Insert any content via the built-in editor
  • Trigger the modal windows on anything
  • Show all the time or only once
  • Place them anywhere with a shortcode
  • Create up to 3 modal windows

Pro version

Achieve even better results with the PRO version:

  • Unlimited amount of modal windows
  • Powerful positioning
  • Different types of animation
  • Create not only popups, but also flyout panels
  • Powerful styling, including image backgrounds
  • Powerful placing: In addition to shortcodes, place the popup to the whole website, only posts, only pages, only certain pages or only certain posts, all posts except specified ones or all pages except specified ones.
  • Show modal windows via the fixed buttons with your custom text. Buttons can be placed on the left, right, top or bottom of the screen.
  • And more…

Pro version demo

Buy Pro version

Trigger the modal window on:

  • Click on a link or button with an ID
  • Click on a link or button with an #anchor-link
  • Opening the page (auto-show)
  • Scrolling the page
  • On exit intent (When the user tries to navigate away from the page – moves the cursor away from your page and tries to close or switch tabs)
  • Enable closing the modal window on overlay & via the esc button

Enable timing:

  • Set the delay with which the modal window appears

Show modal window:

  • All the time
  • Only once
  • Show again after the number of days you specify

Insert any content:

  • HTML Text
  • Banner Ads
  • Image or Image Gallery
  • Video or Video Gallery
  • Audio or Audio Gallery
  • Pdf viewer
  • Iframe Content
  • Forms
  • SlideShare Content
  • and other media

Modal windows can be used for:

  • Capturing emails
  • Advertisements
  • Contact forms
  • Disclaimer contents
  • Notifications
  • Alert messages
  • Product description
  • Work portfolio
  • Product images
  • Google maps
  • Notices
  • Other information

Frequently Asked Questions

View Answers:

  • How to create a Modal window?
  • How to open ‘Modal Window’ via a Side Menu?
  • How to open a modal window clicking on the link?
  • How to open a modal window clicking on the button?
  • How to insert a form into a modal window?
  • Can I insert a shortcode into the modal window?

Use with our other popular plugins to maximize your results

Translations

  • English
  • Russian

Support

Search for answers and ask your questions at support center

Screenshots

  • Setup any widgets. Insert any other plugins' shortcodes.
  • Use for showing ads
  • Create a phone call request widget
  • Overview
  • Features
  • Pro version features
  • Create modal windows & insert any content
  • Modal window setup example
  • Create exit intent popups. Retain users on your website or at least offer the abandoning users something valuable to capture their emails.
  • Insert a form (together with Wow Forms plugin)

FAQ

How to create a Modal window?
  • Click Add new to create your first modal window
  • Setup your modal window
  • Click Save
  • Copy and paste the shortcode, such as [Wow-Modal-Windows id=1], to where you want the modal window to appear.
  • If you want it to appear everywhere on your site, you can insert it for example in your header.php, like this: <?php echo do_shortcode('[Wow-Modal-Windows id=1]');?>
  • If you want to insert the shortcode into a widget, use this plugin
How to open ‘Modal Window’ via a Side Menu?

Install plugin Side Menu – add fixed side buttons

  • Create a modal window
  • In the option Show a modal window select -> Click on a link (with id)
  • Copy and paste the shortcode, such as [Wow-Modal-Windows id=1], to where you want the modal window to appear.
  • Create Side Menu Item via plugin Side Menu
  • In the option Item type select -> modal window
  • Then enter which modal window to show. Enter Modal window ID such as wow-modal-id-1
  • Save Menu Item
How to open a modal window clicking on the link?
  • Create a modal window
  • In the option “Show a modal window select” -> “Click on a link (with an #anchor link)”
  • Copy and paste the shortcode, such as [Wow-Modal-Windows id=1], to where you want the modal window to appear.
  • Insert a link like <a href=”https://wow-estore.com/#wow-modal-id-1″>Modal Window</a> to the page.
How to open a modal window clicking on the button ?
  • Create a modal window
  • In the option ‘Show a modal window select’ -> ‘Click on a link (with id)’
  • Copy and paste the shortcode, such as [Wow-Modal-Windows id=1], to where you want the modal window to appear.
  • Insert a button like <button id='wow-modal-id-1'>Modal Window</button> to the page.
How to insert a form into a modal window?

Install plugin Wow Forms

  • Create a Form via plugin Wow Forms
  • Copy and paste the shortcode, such as [Wow-Forms id=1] into the content field in the modal window settings.
Can I insert a shortcode into the modal window?

Yes, you can inert any shortcode into the content of modal window

Reviews

Great plugin

simguys

It's so easy to use and you can do whatever you want on it, I really like it!

Read all 20 reviews

Changelog

2.3.4

  • Added: FAQ.
  • Fixed: code.

2.3.3

  • Fix: Show a modal window with cookies.

2.3.2

  • Fix: Modal Window style.
  • Fix: Admin style.

2.3.1

  • Fix: Admin style.

2.3

  • Add: Button for call a modal window.
  • Add: Mobile style settings.
  • Change: Image of close button.
  • Change: The admin style of modal window.

2.2.1

  • Fix: close a modal window on mobile

2.2

  • Fix: Style. The width of the modal window as a percentage
  • Fix: Verifying access to the folder ‘asset’.
  • Fix: Optimized code.

2.1.2

  • Fixed script (click on link)

2.1.1

  • Fixed include modal windows

2.1

  • Fixed show modal window

2.0

  • Add new options
  • Fixed code
  • Change style

1.3

  • Fixed code
  • Change style

1.2.1

  • Edited contacts

1.2

  • Fixed display a modal window

1.1

  • Fixed display a modal window
  • Add option closing modal window

1.0

  • Initial release

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Contributors

Browse the code