General notes

The plugin supports both simple and variable products. The popup can be enabled on the “Shop” page and product pages.

Basing on your settings, the popup can show the product details soon after it has been added to the cart or the whole cart content.

Cart

premium settings 1

Product details

premium settings 2

 

Settings

To have access to the plugin settings dashboard, go to YITH Plugins -> Added to Cart Popup -> Settings.

General settings cart

This is the full list of the options available.

  • Popup Size: width and height of the popup (in pixel).
  • Popup Animation: entrance animation of the popup.
  • Enable Popup: this option lets you enable or disable the features of the plugin in the “Shop” page and/ora in detail product page of the products of your site.
  • Popup message: message showed in the popup as notification for the correct addition of the product to the cart.
  • Select content: the content of the popup, choosing between the information of the product added to the cart, and the complete list of the elements already available in the cart.
  • Show product info: show/hide product info in the popup.
  • Show product thumbnail: show/hide the image of the products in the popup. If enabled, you need to set the size of the images from the “Thumbnail size” option. Once changed, you could need to regenerate all the images of the site.
  • Show product variations: choose to show product variations details ( only available of variable product ).
  • Show cart total: show tht total price of the cart.
  • Show shipping fees: show the shipping fees applied to the cart.
  • Show tax amount: choose to show tax cart amount in the popup
  • Show “View Cart” Button: add the “View cart” button in the popup in order to let users access directly to the “Cart” page.
  • “View Cart” Button Text: label for the “View cart” button.
  • Show “Continue Shopping” Button: add a button that let users surf again the page they were visiting.
  • “Continue Shopping” Button Text: label for the “Continue Shopping” button.
  • Show “Go to Checkout” Button: add the “Go to Checkout” button in order to let users access directly to the “Checkout” page.
  • “Go to Checkout” Button Text: label for the “Go to checkout” button.
  • Enable on mobile: this option enable plugin’s features also for those users that surf the site on mobile devices.

Suggested products

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.

premium settings 4

premium settings 5

Floating mini-cart icon

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 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.

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 has is 32x32px to ensure quality and avoid to weigh the page down.

Show counter: if you enable this option, on the cart icon you will see a counter with the number of items added to the cart so far.

Counter

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.

Mini cart01

Mini cart02

And when you click on the cart icon, a popup opens showing up the cart contents.

popup

Product exclusion

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.

Product exclusion list

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 specific category.

Category exclusion list

YITH WooCommerce Cart Messages

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 in 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 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.

added_to_cart_messages

added_to_cart_messages_2

 

 

YITH Dynamic Pricing and Discounts

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

rule-configuration

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).

added to cart popup1

For any further details about YITH WooCommerce Dynamic Pricing and Discounts, please, refer to the official plugin documentation here.

YITH Frequently Bought Together

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.

Integration with Frequently Bought Together

This is how the Frequently Bought Together section looks like:

frequently frontend click

And this is the products added to the popup, including any discount set up through Frequently Bought Together plugin:

Frequently frontend popup

To read more about YITH Frequently Bought Together plugin, please, refer to the plugin documentation here.

YITH WooCommerce Product Bundles

YITH WooCommerce Product Bundles is an extension conceived to create bundles with the combination of some products of your shop. You can assign an ad-hoc price to the bundle or a price given by the sum of the single elements contained in the bundle itself.

This integration allows enabling the YITH WooCommerce Added to Cart Popup features also on all the “Bundle” products of your shop.

Once installed and activated both plugins, you will be able to show a popup when users add a bundle product to their cart.

added_to_cart_bundle

YITH WooCommerce Request a Quote

Do you want to offer your users the possibility to see a popup window with all the products added to the quote list?

Thanks to the integration between the premium versions of YITH WooCommerce Request a Quote and YITH WooCommerce Added to Cart Popup, this is possible! And there’s more, your users will also be able to submit a quote request from the popup window, without having to leave the page. Make things easier and quicker for your users!

Let’s see how to configure this integration.

Make sure you have installed and activated the premium version of both plugins. Then, go to YITH Plugins > Added to Cart > Settings, scroll down the page and enable the option Enable for “Request a Quote” button.

Integration with Added to Cart popup

That’s all! From now on, a popup will open also every time your users add a product to the quote list. The popup content will show the entire content of the Request a Quote page, so the list of products added and the form through which they can submit a quote request to the site admin.

Added to Cart - Request a Quote Integration

For more configuration options for the Request a Quote page, please, refer to the official documentation of YITH WooCommerce Request a Quote.