ExS Modal Widget Area will add a new widget area on your 'Appearance - Widgets' admin screen. After that you can add a class to any of your menu item or any HTML element or provide CSS selector of any element that can be clicked to show your widgets in the modal pop-up window. It can be also auto displayed by providing timeout in the widget area settings and also can be shown only once if the appropriate Cookie ID is provided.
MODAL WIDGET AREA DEMO
Features
- Display any content in modal popup window using any widget
- Completely free
- Micro size (15kB plugin full zip, 3kB of CSS and 1kB of JS)
- No 3rd party dependencies (plugins, libraries, jQuery etc.)
- Any theme compatible
- Show by any element click
- Show by timeout on page load (useful for subscribe or promo banners)
- Show only once setting
- Fully customizable width, paddings, colors, close button, background, custom close selector, custom open selector etc.
https://www.youtube.com/watch?v=f_IAI-VqRdU
Automatic installation
Automatic installation is the easiest option as WordPress handles the file transfers itself and you don't even need to leave your web browser. To do an automatic install, log in to your WordPress admin panel, navigate to the Plugins menu and click Add New.
In the search field type "ExS Modal Widget Area" and click Search Plugins. Once you've found the plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by clicking
Install Now.
Manual installation
The manual installation method involves downloading the plugin and uploading it to your web server via your favorite FTP application.
- Download the plugin file to your computer and unzip it
- Using an FTP program, or your hosting control panel, upload the unzipped plugin folder to your WordPress installation's
wp-content/plugins/
directory.
- Activate the plugin from the Plugins menu within the WordPress admin.
Getting started
Once installed:
Go to your Appearance -> Widgets admin menu and add our widgets in the ExS Modal Widget Area. After that go to your Appearance -> Customize -> ExS Modal Widget Area and set your modal widget area options