Title: jQuery Notify Author: Mindshare Labs, Inc. Published: Juli 10, 2012 Last modified: Agustus 10, 2015 --- Search plugins ![](https://ps.w.org/jquery-notify/assets/banner-772x250.png?rev=570246) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/jquery-notify_94b4c2.svg) # jQuery Notify By [Mindshare Labs, Inc.](https://profiles.wordpress.org/mindshare/) [Download](https://downloads.wordpress.org/plugin/jquery-notify.0.4.zip) * [Details](https://su.wordpress.org/plugins/jquery-notify/#description) * [Reviews](https://su.wordpress.org/plugins/jquery-notify/#reviews) * [Installation](https://su.wordpress.org/plugins/jquery-notify/#installation) * [Development](https://su.wordpress.org/plugins/jquery-notify/#developers) [Support](https://wordpress.org/support/plugin/jquery-notify/) ## Description jQuery Notify: a fast and easy way to display notifications on your website. Some possible uses: * Form validation (“Please fill out all of the fields.”) * A welcome message the first time someone visits your site. * Newsletter subscription form * Submission confirmation: (“Message sent. We’ll be in touch soon.”) * Breaking news, updates, special offers * Advertising Try a [demo](http://jquery-notify.mindsharelabs.com/). #### Features: * Can be used on a per-page basis with a shortcode, or embedded directly into your template * Elegantly styled and animated in W3C valid HTML5 and CSS3, without any images * Animation speed and delay settings available from the shortcode * Comes with four styles: ‘default’ (blue), ‘error’ (red), ‘warning’ (orange), and ‘success’ (green) * Supports unlimited user-created styles * We’ll be working to add new features as we think of them. Please comment in the forum if you have any feature requests. ## Screenshots * [[ * The plugin in action, using the “success” style * [[ * The plugin in action, using the “default” style * [[ * The plugin in action, using the “error” style ## Installation 1. Upload the `jquery-notify` folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress #### Shortcode The shortcode syntax is: [jq_notify style=$style, speed=$speed, delay=$delay] Content[/ jq_notify] **$style** (optional): sets the style of the panel. Options are: _default_, _error_, _warning_, and _success_ **$speed** (optional): time it takes (in milliseconds) for the panel to slide out. Larger numbers = slower. Default: 1000ms **$delay** (optional): delay (in milliseconds) between when the page has finished loading and when the panel slides out. Default: 500ms For example: [jq_notify style=”warning” speed=700 delay=1000] Notification Title ```

Notification body content.

[/jq_notify] ``` #### Template tag ``` jq_notify($content, $style, $speed, $delay) ``` For example: $content = “ ### This is the content And this is some more “; jq_notify($content, ‘default’, 2000, 500, ); ## FAQ How do I add custom styles? In your custom stylesheet for your theme, add a new selector, using the following as a template: ``` .jqnm_message.my-style-name{ background-color: #4ea5cd; border-color: #3b8eb5; } ``` You would then use this style with `[jq_notify style="my-style-name"] Content [/ jq_notify]` ## Reviews There are no reviews for this plugin. ## Contributors & Developers “jQuery Notify” is open source software. The following people have contributed to this plugin. Contributors * [ Mindshare Labs, Inc. ](https://profiles.wordpress.org/mindshare/) [Translate “jQuery Notify” into your language.](https://translate.wordpress.org/projects/wp-plugins/jquery-notify) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/jquery-notify/), check out the [SVN repository](https://plugins.svn.wordpress.org/jquery-notify/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/jquery-notify/) by [RSS](https://plugins.trac.wordpress.org/log/jquery-notify/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.4 * Updated for Git repo, tested on WP 4.3 #### 0.3 * Fixed issue with default parameters not being applied to the template tag (thanks, jefs42) * Added option to auto-hide notification pane after a delay #### 0.2 * Added options page * Option to set global defaults * Option to enable close button * Added default parameters to template tag #### 0.1 * First release ## Meta * Version **0.2** * Last updated **11 years ago** * Active installations **10+** * WordPress version ** 3.0 or higher ** * Tested up to **4.3.34** * Language * [English (US)](https://wordpress.org/plugins/jquery-notify/) * Tags * [jquery](https://su.wordpress.org/plugins/tags/jquery/)[message](https://su.wordpress.org/plugins/tags/message/) [notification](https://su.wordpress.org/plugins/tags/notification/)[notify](https://su.wordpress.org/plugins/tags/notify/) [popup](https://su.wordpress.org/plugins/tags/popup/) * [Advanced View](https://su.wordpress.org/plugins/jquery-notify/advanced/) ## Ratings 3 out of 5 stars. * [ 0 5-star reviews ](https://wordpress.org/support/plugin/jquery-notify/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/jquery-notify/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/jquery-notify/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/jquery-notify/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/jquery-notify/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/jquery-notify/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/jquery-notify/reviews/) ## Contributors * [ Mindshare Labs, Inc. ](https://profiles.wordpress.org/mindshare/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/jquery-notify/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://jquery-notify.mindsharelabs.com/)