The plugin supports both simple and variable products. The popup can be enabled on the “Shop” page and product pages.
Depending on your settings, the popup can show the product details soon after it has been added to the cart or the whole cart content.
The plugin gives the possibility to insert some products to suggest to the user at the bottom of the popup.
You can choose to show a specific selection of products or “related”, “up-sell” or cross-sell products.
All the settings related to the “suggested products” can be edited in the plugin “Suggested products” section.
The plugin includes an icon that lets you open the cart popup and show the cart contents at any time. The mini-cart icon floats on the page, meaning that it will always be available in the same position on the screen even if you scroll the page up or down or if you move from one page to the other.
If you are browsing the website or reading more about a product, you will be able to check your cart contents at any time with just one click.
To set the floating cart icon, just go to the plugin settings at YITH Plugins > Added to Cart Popup > Mini Cart.
Check here all the available options for the mini-cart.
Enable popup on desktop and/or mobile: check one or both options to enable the cart icon on desktop only, on mobile only or on both of them.
Mini cart icon: after uploading the icon for the mini-cart into your Media files, copy the image link and enter it here. Make sure the image is 32x32px to ensure quality and avoid to weigh the page down.
Show counter: if you enable this option, you will see a counter on the cart icon with the number of items added to the cart so far.
Mini Cart position: drag and drop the icon over the grey area to stick the icon to where you want it to be on the screen.
This is an example of how the mini cart would look like on the frontend.
And when you click on the cart icon, a popup opens showing up the cart contents.
By default, the popup automatically opens when any product has been added to the cart.
However, you can specify one or more products on which the plugin won’t apply any action. Insert the products in the “Product Exclusion List” entry.
You can also exclude the products by category in a massive way: insert the category name and no popup will be generated for all those products of the specified category.
YITH WooCommerce Cart Messages is an extension designed for those who wish to create custom messages that will be displayed in one or more pages of the website (Product page, Archive page, Cart, and Checkout page). Messages can be displayed at all times or only for specific products in the cart.
Thanks to this integration, each custom message you have created can be shown in the automatic popup (by using YITH WooCommerce Added to Cart Popup) when a product is added to the cart.
After installing and activating both plugins, you can create your custom messages in WooCommerce -> YITH Cart Messages. Here, you will find the option Show on “Added to Cart” popup that, if enabled, will allow you to show the message right inside the popup that will open after adding the product to cart.
With YITH WooCommerce Color and Label Variations, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also allows splitting variations of the same product and show them as separate items on the Shop and archive pages.
The combined use of these two plugins allows users to choose the variation of the products directly from the modal window.
To do it, you need to install activate both plugins on your e-commerce site (both premium version).
For further details about YITH WooCommerce Color and Label Variations settings, please refer to the official documentation.
YITH WooCommerce Quick View allows the users to get a quick view of the product in which they are interested. The product details will be shown in a popup, so they don’t need to leave the current page.
The integration with YITH Added to Cart Popup allows opening the Added to cart popup when clicking on the Add to cart button from the quick view.
After installing and activating both plugins, go to YITH > Quick View > Product > Content options and make sure the option Enable Ajax Add To Cart is enabled.
For further details about YITH WooCommerce Quick View settings, please refer to the official documentation.
Thanks to YITH WooCommerce Dynamic Pricing and Discounts, you can create almost any sort of price rule and discounts for your shop, both quantity based discounts and cart discounts.
By combining this plugin with YITH WooCommerce Added to Cart Popup, the discounted price will also be visible in the add-to-cart popup.
To enable this feature, just make sure that the premium version of both plugins has been installed and activated from the Plugins page. No other option needs to be enabled.
Here you find an example of how the discounted price will show also in the popup window.
As you can see, there’s a rule that gives a quantity discount on the product YITH Backpack:
- 20% off for 2 products
- 40% off for 3 to 5 products
- 50% off for 6 or more products
If you add 4 items to the cart, you’ll see a 40% discount and the product price is discounted of 40% ($6.00 instead of $10.00).
For any further details about YITH WooCommerce Dynamic Pricing and Discounts, please, refer to the official plugin documentation here.
YITH WooCommerce Frequently Bought Together allows you to suggest a group of selected products on the product page to encourage users to buy more products and offer them at a discounted price also.
The integration with YITH Added to Cart Popup will let the Cart popup open automatically whenever one or more products from the Frequently Bought Together section are added to the cart.
If both plugins are installed and activated, you will be able to enable a new option on the settings page: YITH Plugins > Added to Cart Popup > Settings > Enable for “Frequently Bought Together” button.
This is how the Frequently Bought Together section looks like:
And this is the products added to the popup, including any discount set up through Frequently Bought Together plugin:
To read more about YITH Frequently Bought Together plugin, please, refer to the plugin documentation here.