Introduction:
The WooCommerce Cart Add-on feature is a valuable addition to the WooCommerce platform built for WordPress. It enhances the functionality of your online store by allowing you to offer optional add-on products or services to customers as they shop. This feature provides a seamless and convenient way for customers to enhance their shopping experience by adding complementary items or services to their cart.
For example, A customer is purchasing a birthday cake for $30. With the Cart Addon feature, you can offer the Birthday Card for $3, and the Candle Set for $2 below the product during the Cart page
This user guide explains creating a Cart Add-on campaign using Checkout Upsell for WooCommerce.
Example Scenarios:
Percentage Discount: Provide a discount on the Cart Add-on offer product (e.g., 10% off on the Cap when a customer purchases a T-shirt).
Free Discount: Offer the Cart Add-on product for free for the Custom Products.
No Discount: Display the Cart Add-on product on the cart page without a discount on all products added to the Cart.
Please note that before proceeding, you must have installed and activated the Checkout Upsell PRO.
Let us get started,
Example 1: Percentage discount: Provide a discount on the Cart Add-on upsell offer product (e.g., 10% off on the Cap when a customer purchases a T-shirt).
In this scenario, when the customer adds a T-shirt to the cart they have a discount on the Cap (Cart Add-on upsell offer product ) of 10% on the cart page before proceeding to checkout.
Creating an offer:
Go to WordPress dashboard -> Checkout Upsell -> Create new campaign -> choose “Cart Add-on”
Here is the screenshot of the offer configuration that follows,
The details of the configurations are:
Step 1: Choose the Specific Product "T-shirt" in the filter section you want to display on the cart page by typing a few characters of the product name.
Step 2: Choose the Product suggestion method as "Specific Product" and choose "Cap" by typing a few characters of the product name.
Step 3: Choose the Cart item quantity field as "Allow customer to change quantity" This allows the customer to choose the Cart Add-on product quantity manually.
Step 4: Finally, set the discount type as Percentage Discount and set the value as 10%
Now, we have successfully created a Cart Add-on campaign, Let's see how it works on the cart page.
Now the offered Cart Add-on product has been successfully displayed on the cart page. Please ensure to select the checkbox to avail of the offered Cart Add-on product in the cart.
Example 2: Free Discount: Offer the Cart Add-on product for free for the Custom Products.
In this scenario, when the customer adds any product to the cart we offer a Cart Add-on product for free, for that you need to choose the Add-On products manually when you create or edit the products.
Creating an offer:
Go to WordPress dashboard -> Checkout Upsell -> Create new campaign -> choose “Cart Add-on”
Here is the screenshot of the offer configuration that follows,
The details of the configurations are:
Step 1: Choose the All Product in the filter section you want to display on the cart page by typing a few characters of the product name.
Step 2: Choose the Product suggestion method as "Custom Product"
Step 3: Choose the Cart item quantity field as "Allow customer to change quantity" This allows the customer to choose the Cart Add-on product quantity manually.
Step 4: Finally, set the discount type as Free Discount.
Here is the screenshot of the Custom Cart Add-on products configuration that follows,
Now, we have successfully created a Custom Cart Add-on product,
Let's see how it works on the cart page.
Now the offered Cart Add-on product has been successfully displayed on the cart page. Please ensure to select the checkbox to avail of the offered Cart Add-on product in the cart.
Example 3: No Discount: Display the Cart Add-on product on the cart page without a discount on all products added to the Cart.
In this scenario, when the customer adds any product to the cart we offer a Cart Add-on product for No discount.
Creating an offer:
Go to WordPress dashboard -> Checkout Upsell -> Create new campaign -> choose “Cart Add-on”
Here is the screenshot of the offer configuration that follows,
The details of the configurations are:
Step 1: Choose the All Product in the filter section you want to display on the cart page.
Step 2: Choose the Product suggestion method as "Use Related Product".
Step 3: Choose the Cart item quantity field as "Fixed Quantity" and set a 1. This allows the customer to get 1 Cart Add-on product quantity only.
Step 4: Finally, set the discount type as No Discount.
Now, we have successfully created a Cart Add-on campaign, Let's see how it works on the cart page.
Now the offered Cart Add-on product has been successfully displayed on the cart page. Please ensure to select the checkbox to avail of the offered Cart Add-on product in the cart.
Above discussed scenarios require PRO
Still unclear?
If you need any assistance, please create a support request in our ticket system. We are always happy to assist you :)