“SIMP Modal Window WordPress Plugin” Documentation by “WebStudio55”
“SIMP Modal Window WordPress Plugin”
Thank you for purchasing SIMP Modal Window WordPress Plugin. And I appreciate if you can rate my item in the download section of codecanyon.net, thanks!
Table of Contents
A) Introduction - top
SIMP Modal Window is feature rich popup Plugin for WordPress, you can create unlimited popups with full control over layout, design, display and contents, it's all up to you where, how, when you want to show a popup to visitors of your website or blog.
Live Examples
- Facebook Like Box Display Once After 6 Hours
- Trigger On Click Images and Video Popups
- Display and Close Popup After Time Duration
- Display Popup Only on Archives Pages
- Display Popup Only on Search Pages
Main Features
- Create Unlimited Modal Windows (Popups)
- Unlimited Layout Design Options
- Control Where to Display Popup
- Delayed Timer Display Modal
- Auto Close Timer Settings
- Visitor's Cookie Settings
- Auto Updates Notifications
- Multilingual, Ready for Translate into Your Language
- Each popup has it's own settings
Design Settings
- Select Modal Height, Width, Padding, Border Radius, Background Color use colorpicker.
- Modal Border Thickness, Border Style, Border Color use colorpicker.
- Background Overlay, Background Overlay Color use colorpicker, Background Overlay Opacity.
- Select Modal Box Shadow, Box Shadow Color use colorpicker, Box Shadow Opacity.
- Choose Modal Close Icon from 6 Icons, Close Icon Position.
- Add Modal Contents CSS Styles for Each Popup.
Display Settings
- Enable or Disable Modal
- Display On Click on specific CSS selector
- Display On Page Load
- Display After Time Duration
- Display on All Pages, All Posts, All Pages and Posts, On Archive Pages, On Search Pages, on Specific page/post IDs, Hide on Specific page/post IDs, Display Only on Selected Page.
- Auto Close Feature, Close Popup after Time Duration, Count Down Timer, Count Down Timer Text Color, Count Down Timer Position.
Cookie Settings
- Enable / Disable Cookie for Each Modal
- Display Once, will set a ten years cookie
- Display Once Again After Every 6 Hours
- Display Once Again After Every 12 Hours
- Display Once Again After Every 24 Hours
- Display Once Again After Every 2 Days
- Display Once Again After Every 3 Days
- Display Once Again After Every Week (7 days)
- Display Once Again After Every 2 Weeks
- Display Once Again After Every Month (30 days)
- You can Set Cookie Expiration Date Manually using datepicker
Modal Animation Settings
- Select a Transition Type, Fade And Pop, Fade, None
- Select Animation Speed, 100MS to 1000MS
- Enable / Disable Close on Overlay Click
B) Installation - top
Unzip SIMP Modal .zip file you've downloaded from codecanyon.net open extracted folder, find "simp-modal-window" folder login to your server using ftp client navigate to "wp-content > plugins" inside your WordPress instalation directory, upload "simp-modal-window" floder to the plugins directory.
Now login to your site/blog navigate to "Plugins" find "Simp Modal Window" click on "Activate" to activate SIMP Modal Plugin, now you will see a new navigation tab "Simp Popups" below "Posts" tab. Congratulations you've successfully installed SIMP Modal plugin.
D) How to Add New Popup - top
Creating a New Popup is very simple as you create other posts, navigate to "Simp Popups > Add New Popup" in the next screen enter a title for your new popup in title field, add contents in editor that you want to display as popup to your visitors.
Enter width in pixels e.g(320) enter height e.g(200) if you want add some space arround contents enter padding value in pixels e.g(10), choose background color using colorpicker.
now click on "Modal Settings" tab and choose display method like "Display On Page Load" (display popup to visitor when page is loaded) select pages or posts where you want to display popup, now click on "Publish" button to publish this popup. Congratulations we've added a popup successfully, However there are more settings with you can control popup layout and display settings, let me explain to you all these one by one below.
E) Advanced Settings - top
1) Modal Layout - top
Now scroll down to "Modal Window Settings" enter width, height, padding, border-radius values in modal layout fields, select a background color for popup using colorpicker.
2) Modal Border - top
If you want to add a border around popup select proper border thickness, border style and border color using colorpicker from Modal Border fields.
3) Background Overlay - top
if you want to show a background overlay select "Yes" in next field select overlay opacity and overlay background color using colorpicker.
4) Modal Box Shadow - top
You can add a box shdaow around the popup from "Modal Box Shadow" fields select box shadow value, box shadow opacity, pick a color for box shadow using easy to use color picker.
5) Modal Close Icon - top
If you want to show popup close icon select Show Icon from "Modal Close Icon" select box, select position of close icon, next you will see some close icons click to select an icon which you want to display in a corner of popup.
6) Content CSS Styles - top
Contents you've added in editor needs CSS styles to display properly in a popup, you can add CSS styles in "Content CSS Styles" textarea in the end of "Modal Design" tab.
7) Modal Display - top
In the top of Modal Settings tab you will find "Modal Display" settings, choose a modal display method from options provided, if you want to display popup on page load select "Display On Page Load", you can display a popup automatically after some time passed by selecting a time period, if you want to display popup "On Click" on a specific dom element like (a link, an image) then select "Display OnClick" method and enter CSS selecter (class or id) which you want trigger from in next field e.g we want to display a popup on click on a link which has id my-link so enter #my-link" in the field.
Next you will select where you want to display popup, if you want to display popup on all pages and posts choose "All Pages and Posts" or if you want to display popup only on pages or posts select "All Pages" or "All Posts", or if you want to display popup only on a page then select page e.g(Home) from select box, if you want to display popup on selectd posts and pages choose "Show on Specific IDs" and enter page/post IDs in textarea below alternativly you can display popup on everywhere but want to hide from some pages/posts then you need to choose "Hide on Specific IDs" and enter those page/post IDs in textarea below.
8) Auto Close - top
You can enable Auto Close option if you want to close popup automaticaly after selected time period then select time duration that best fit your needs, if you want to display auto close countdown timer on the popup to the visitor then select a position of timer like "Bottom Right" and select a text color for counter using colorpicker.
9) Set Cookie - top
If you want to display a popup once a user or display again after selected time period then you need to enable set cookie in user browser and select cookie expiration time or choose "Show Again After Date" and select date using datepicker popup will display again after a selected date when user revisit your site.
10) Aimation Settings - top
You can select a Transitin type from 3 available transition types, and select animation speed in milisecods from "Animation Speed" select box heigher the value lower the transition animation speed, select close popup on click overlay, if selected "No" then the visitor can close popup only by clicking on close button otherwise user can close popup by clicking on overlay.
F) Credits - top
Customized Reveal Modal JS A jQuery Popup Plugin licensed under MIT.
G) Conclusion - top
Once again, thank you so much for purchasing SIMP Modal Window WordPress Plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section. or please feel free to email me via my user page contact form here