Modal Window – create a simple popup & insert any content

Description

Use the free Modal Window plugin to quickly and easily create informative pop-ups. Add the text and media you need, insert shortcodes of forms and much more. Change the behavior of the display of modal windows depending on the user’s actions on the page.

Create modal windows and insert any kind of content.

Demo

Demo

A useful post

Main features

The WordPress plugin Modal Window will help you quickly get the attention of visitors. Its functionality will make it possible to implement high-quality modal windows for any query.

  • Place any kind of content
  • Use the function editor to configure the contents of the block
  • Change the height and width of windows
  • Set the window closing options by clicking on Overlay or the Esc key
  • Change settings for mobile devices
  • Output of the window via the button or the menu item
  • Display the modal window depending on user behavior
  • Use cookies to customize the display of the pop-up block
  • Copy and paste the shortcode of the window anywhere
  • Create up to 3 modal windows for your needs

Pro version

Discover even more features with the Pro version of the Modal Window plugin:

  • Create an unlimited number of modal windows
  • Change the display of the window depending on the user’s status
  • Set the output of the block on all or individual pages via ID
  • Modify the behavior of modal windows in accordance with the language of the site
  • Set limits for screens with the small resolution
  • Use advanced features to customize the appearance
  • Insert the background image
  • Change the start point of the window
  • Add borders and change their color for each pop-up block
  • Use the variety of color palettes
  • Choose the type and behavior of the closing button
  • Use the time delay for the effective appearance of the block
  • Set the bright animation when the window appears and closes
  • Change the duration of the effect at your discretion
  • Display the button for the modal window in the form of an icon and / or text
  • Add the animation for the button, change its color and location on the page
  • Create convenient and functional pop-up panels
  • Generate unlike icons using the built-in menu “icons”
  • And more…

Pro version demo

Buy Pro version

We are always glad to know your opinion about our products. We are waiting for your suggestions, feedback and wishes.

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

USE WITH OUR OTHER POPULAR PLUGINS TO MAXIMIZE YOUR RESULTS

Marketing tools

For creating Menu:

For creating Forms:

For Authorization:

Other:
* Hover Effects
* Wow Icons

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?

Translations

  • English
  • Russian

Support

Search for answers and ask your questions at support center

Screenshots

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

Installation

  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list
  • Go to Modal Window section that will appear in your main menu on the left
  • 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

FAQ

Installation Instructions
  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list
  • Go to Modal Window section that will appear in your main menu on the left
  • 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 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

Read all 64 reviews

Contributors & Developers

“Modal Window – create a simple popup & insert any content” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.0

  • Added: show a modal window on hover
  • Changed: Admin style
  • Fixed: General style

2.5

  • Fixed: Open a modal window, when the window is scrolled
  • Fixed: Open a modal window, when the user tries to leave the page.

2.4

  • Fixed: Working with cookies
  • Fixed: Saving to the database.

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