Bage

<p>Modal windows are interesting way to include extran information on a page. <a href="http://www.onextrapixel.com/2014/06/25/create-modal-windows-that-can-be-morphed-from-anything-with-jquery-adaptive-modal-js/" rel="nofollow ugc">adaptive-modal.js</a> makes it beautiful. You can use this little plugin which uses the same jQuery plugin to creae modal windows easily in any page or post or even on a widget uisng shortcode.</p>
<p>I have also added another functionality into this plugin, which will let you to embed your modal content into your post a page directly.</p>
<h3>Usage</h3>
<p>Upon activation, the plugin will create a custom post type called ‘Modals’. Where you can add your content, which later you can use it on a modal or embed directly into your page or post.</p>
<ol>
<li>[modal]</li>
<li>[block] </li>
</ol>
<h3>modal</h3>
<p>the ‘modal’ shortcode is to create modal windows.</p>
<p>For now the [modal] shortcode comes with four attributes.</p>
<p><strong>id</strong><br />
Your modal id. eg: <em>[modal id=2]Click here[/modal]</em></p>
<p><strong>data</strong><br />
If your modal only going to have just text, you can directly add the content in the shortcode. eg: <em>[modal data=”This is my modal content”]Click here[/modal]</em>. This shortcode is much useful when you want to add a modal window to a word in a paragrap without braking the paragrap.</p>
<pre><code>note: you cannot use both id and data in the same shortcode
</code></pre>
<p><strong>background</strong><br />
This is to style the link and the modal window background. Have to specify a valid color. eg: <em>[modal id=2 background=”#DDDDDD”]Click here[/modal]</em></p>
<p><strong>color</strong><br />
This attribute is to change the color of the link. eg: <em>[modal id=2 background=”#DDDDDD” color=”#000000″]Click here[/modal]</em></p>
<h3>block</h3>
<p>The ‘block’ shortcode is to embed your modal content into any page or post. It only has one attribute.</p>
<p><strong>id</strong><br />
id of the modal post type post.</p>
<pre><code>note: both block and modal shortcodes uses the same Modals custom post type.
</code></pre>


Flexible Modals

Flexible Modal is a very simple plugin to add modal windows to your WordPress content using shortcodes.

Tom Anbinder

Pablo Pacheco

WPFactory

Kousik Mukherjee

Omar AlDabbas

Algoritmika

<blockquote>
<p>“Super plugin and support: Best woocommerce notifications plugin, super support, Pablo is the top of the developer” – ⭐⭐⭐⭐⭐  <a href="https://wordpress.org/support/topic/super-plugin-and-support-11/" rel="ugc">giuliano61</a></p>
</blockquote>
<p><a href="https://wpfactory.com/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Main Page**" rel="nofollow ugc">Main Page</a> |  <a href="https://wpfactory.com/support/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Support Forum**" rel="nofollow ugc">Support Forum</a> | <a href="https://wpfactory.com/docs/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Documentation & How to**" rel="nofollow ugc">Documentation & How to</a> | <a href="https://popupnotices.instawp.xyz/" rel="nofollow ugc">Demo</a></p>
<p>WooCommerce has a built-in notices feature that appears on your store in difference cases, they used to show important messages for customers, like:</p>
<ul>
<li>Product X has been added to your cart (Product notice)</li>
<li>Product X removed. Undo? (Cart notice)</li>
<li>Have a coupon? Click here to enter your code (Checkout notice)</li>
<li>X is a required field (checkout)</li>
</ul>
<p>And so on…</p>
<p>And sometimes, depending on the theme, they get so discreet customers don’t see it or there are cases where they are just too ugly.</p>
<p>Our plugin <strong>Popup Notices for WooCommercee</strong> turns these WooCommerce Notices into beautiful Popups that will be noticed by your customers.</p>
<h3>🚀 Main Features: FREE Version</h3>
<h3>🚀 Turn Woo Notices into Popups</h3>
<p>When you add/remove product to the cart, WooCommerce will show a plain text  notice, with this plugin, you can change this simple text into an interactive popup.</p>
<h3>🚀 Remove Woo Default Notices</h3>
<p>The plugin allows you to choose removing the default notices (by Woo) if you’re showing them in a popup, or keep both. This can be customized by each notice type (success, error, info).</p>
<h3>🚀 AJAX Support</h3>
<p>These popups won’t require a page reload, the plugin will show the popup on the same page to maintain a seamless experience for your customers.</p>
<h3>🚀 Display Options</h3>
<ul>
<li>Show the popups on desktop, mobile, or both</li>
<li>Show popups for any notice type: Error, Success, Info, or all of them</li>
<li>Hide default WooCommerce notices when the related popup is enabled </li>
<li>Control how to close the popup (clicking outside, clicking inside)</li>
</ul>
<blockquote>
<p>“Shows more beautiful messages: I had a problem with users who did not notice the error messages and now it explodes on the screen and does not go unnoticed.” – ⭐⭐⭐⭐⭐ <a href="https://wordpress.org/support/topic/shows-more-beautiful-messages/" rel="ugc">Luiz Sobral</a></p>
<p>“Native WooCommerce notice: An amazing plugin and a very professional developer, I received excellent support for a minor adjustment I need.” – ⭐⭐⭐⭐⭐ <a href="https://wordpress.org/support/topic/native-woocommerce-notice/" rel="ugc">goldatlas</a></p>
</blockquote>
<h3>🏆 Do More: PRO Version</h3>
<p>To go further and beyond these options, we have <a href="https://wpfactory.com/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" rel="nofollow ugc">a premium version</a> which unlocks more advanced features like:</p>
<h3>🏆 Styling Options</h3>
<p>Customize the style (colors, position, appearance) of the different popups using your theme Customizer.</p>
<p>Utilize icons from FontAwesome to show different icons on popups.</p>
<h3>🏆 Play Audio on Popup</h3>
<p>Create more engaging experience by playing any sound of your choice when the popup opens or closes.</p>
<h3>🏆 Customize Messages</h3>
<p>Customize WooCommerce messages modifying or adding more content after or before them</p>
<h3>🏆 Advanced Display Options</h3>
<p><strong>Prevent Page Scrolling</strong>: Disable page scrolling on AJAX notices<br />
<strong>Restrictive Loading</strong>: Load the plugin at some specific moment or place, like only on Cart or Checkout<br />
<strong>Auto-Close</strong>: Auto-close the popup after x seconds</p>
<h3>🏆 Premium Support</h3>
<p>And much more.</p>
<h3>💯 Why WPFactory?</h3>
<ul>
<li><strong>Experience You Can Trust:</strong> Over a decade in the business</li>
<li><strong>Wide Plugin Selection:</strong> Offering 65+ unique and powerful plugins</li>
<li><strong>Highly-Rated Support:</strong> Backed by hundreds of 5-star reviews</li>
<li><strong>Expert Team:</strong> Dedicated developers and technical support at your service</li>
</ul>
<h3>What’s Next? Discover More Plugins by WPFactory</h3>
<p>WPFactory has a diverse range of plugins tailored to enhance your experience, some of our top-selling plugins are:</p>
<ul>
<li>
<p><a href="https://wpfactory.com/item/product-quantity-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Min Max Step Quantity**" rel="nofollow ugc"><strong>Min Max Step Quantity</strong></a>: Set minimum, maximum, step, and default product quantities, including dropdowns and decimal options on WooCommerce (<strong><a href="https://wordpress.org/plugins/product-quantity-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/cost-of-goods-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Cost of Goods WooCommerce**" rel="nofollow ugc"><strong>Cost of Goods for WooCommerce</strong></a>: Enhance profit maximization and financial management by accurately calculating your WooCommerce store’s COGS (<strong><a href="https://wordpress.org/plugins/cost-of-goods-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/maximum-products-per-user-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Maximum Products per User**" rel="nofollow ugc"><strong>Maximum Products per User</strong></a>: Impose personalized purchase limits based on user roles and date ranges to manage customer buying behavior (<strong><a href="https://wordpress.org/plugins/maximum-products-per-user-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/order-minimum-maximum-amount-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Order Minimum/Maximum Amount**" rel="nofollow ugc"><strong>Order Minimum/Maximum Amount</strong></a>: Customize order limits by amount, quantity, weight, or volume, including user role, category, and more (<strong><a href="https://wordpress.org/plugins/order-minimum-amount-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/eu-vat-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**EU/UK VAT Manager for WooCommerce**" rel="nofollow ugc"><strong>EU/UK VAT Manager for WooCommerce</strong></a>: Automate VAT compliance for your WooCommerce store, including settings and VIES validation for a seamless experience (<strong><a href="https://wordpress.org/plugins/eu-vat-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/email-verification-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Email Verification for WooCommerce**" rel="nofollow ugc"><strong>Email Verification for WooCommerce</strong></a>: Boost security and credibility by verifying customer emails, reducing spam, and improving email marketing (<strong><a href="https://wordpress.org/plugins/maximum-products-per-user-for-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/amount-left-free-shipping-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Free Shipping Over Amount for WooCommerce**" rel="nofollow ugc"><strong>Free Shipping Over Amount for WooCommerce</strong></a>: Encourage higher spending by offering free shipping based on amount, with a progress bar for customers (<strong><a href="https://wordpress.org/plugins/amount-left-free-shipping-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
<li>
<p><a href="https://wpfactory.com/item/product-price-by-quantity-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" title="**Dynamic Pricing & Bulk Quantity Discounts**" rel="nofollow ugc"><strong>Dynamic Pricing & Bulk Quantity Discounts</strong></a>: Advanced dynamic pricing and discount rules for WooCommerce, encouraging bulk purchases and driving more sales (<strong><a href="https://wordpress.org/plugins/wholesale-pricing-woocommerce/" title="Free version" rel="ugc">Free version</a></strong>)</p>
</li>
</ul>
<h3>❤️ User Testimonials: See What Others Are Saying!</h3>
<blockquote>
<p>“Very nice and original plugin. The developer of the plugin gave a fast and correct solution for a small language issue. Great job!” – ⭐⭐⭐⭐⭐ <a href="https://wpfactory.com/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" rel="nofollow ugc">Arjen Douwes</a></p>
<p>“This plugin is excellent and the support is really really good,please keep the good work up i really appreciate your plugin” – ⭐⭐⭐⭐⭐ <a href="https://wpfactory.com/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" rel="nofollow ugc">AHMAD SHEHU</a></p>
<p>“Excellent plugin and even better support. Pablo worked really hard to fix the issue when it broke. This plugin makes the WooCommerce messages look so much better.” – ⭐⭐⭐⭐⭐ <a href="https://wpfactory.com/item/popup-notices-for-woocommerce/?utm_source=wporg&utm_medium=organic&utm_campaign=readme" rel="nofollow ugc">Cathleen</a></p>
<p>“Perfect plugin perfect support: We bought the plugin because we need a different and more clear management of the Woocommerce messages. We need a customization too and the author accepted to do it and include it in the official pro version of the plugin….so that was great. The support and the comunication with the author was awesome! Thank you very much!” – ⭐⭐⭐⭐⭐ <a href="https://wordpress.org/support/topic/perfect-plugin-perfect-support-11/" rel="ugc">AngeloLazzari</a></p>
</blockquote>


Popups for WooCommerce: Add to Cart, Checkout & More

I had a problem with users who did not notice the error messages and now it explodes on the screen and does not go unnoticed.

Shows more beautiful messages

Nice and easy. It does hide the original messages w/o the Pro version. Not sure what that other reviewer experienced, but my admin section has that option. Easy to style if you scope your CSS properly (adding a body class to your theme for example). 

Excellent!!!!

Make your WooCommerce Notices (sucess, info, and error) more visible to your customers by turning them into popups

Flexible Modals vs Popups for WooCommerce: Add to Cart, Checkout & More