Did you know that a WooCommerce cart upsell can increase the average order value of your store?
Have you ever gone shopping to buy a product with a budget but ended up buying more additional products? For example, you bought a phone but also ended up buying the phone cover with it?
Or you went to buy a phone with a certain budget but ended up buying a more expensive one with more features?
Well, that’s upselling for you.
Upselling is the practice of offering higher value or additional products to the user with the aim to improve average order value.
However, offering upsell products on the traditional cart page is not the most user-friendly way to do it. Because this way, users have to navigate to the cart page before they can see the recommended products.
Introducing a WooCommerce slide-in cart to your store can solve this issue as it allows you to offer the recommended products on the cart itself. And the best part is users can access this WooCommerce mini cart from anywhere on the site without going to the cart page.
In this blog, we will show you how you can offer upsell products on the WooCommerce slide cart to improve AOV. In addition, we will also share how you can increase your upsell rate.
Here's a short video tutorial to set up the WooCommerce cart upsell recommendations in your store:
With WooCommerce cart upsell, you can offer upsell and cross-sell products on the slide-in mini cart. Suggesting upsell and cross-sell offers via mini cart (slide-in cart) is a sure-shot way to boost AOV.
Cart upsells ensure a seamless customer experience as users don’t have to click and navigate to multiple pages to find products. You also get to promote your products while ensuring a customer experiences a smooth shopping journey.
When users buy a more expensive product or an additional product from upsell recommendations, it increases their average order value. So, if you want to boost average order value, you should offer WooCommerce cart upsells.
While upselling increases order value, the cost of acquisition stays the same. This way you can generate more revenue at a low cost of acquisition.
To add upsell on the WooCommerce slide cart, we are going to use WooCommerce Cart by FunnelKit.
With this WooCommerce plugin, users will be able to see a mini cart icon. When they click on it, they can view a sliding cart showing them all the carted items, cart total, discount form, etc. Here, a user can also view related items as product recommendations that can be added to the cart with a single click.
Moreover, users can directly go to the checkout page from the mini cart just by clicking on a button.
Another good thing is the shop cart can be accessed from anywhere on the website.
You can also check the video below:
You need to install and activate FunnelKit Funnel Builder. The upsell feature is available to all users of the FunnelKit Plus plan and above. So, make sure you are using a plus plan or above.
Navigate to FunnelKit ⇒ Cart and enable the “Enable Cart” option to turn on the mini cart.
After that, customize the general settings, such as
To enable the Upsells option, go to the Upsells tab and turn on the “Enable Cart Upsells” option.
Now you can choose the display style for your WooCommerce cart upsell. You get five different styles to choose from.
With Style One, the Upsell product section shows up below the cart products. The upsell products come up as a slider. Style 2 is pretty similar to Style 1 except in this version each slide contains two upsell products.
With Style 3, the upsell shows up on the left vertically. This gives users a clear view of all upsell products at once. Style 4 displays the upsell product section after the checkout button. In this style the upsell products show up in a slider like style 1.
Lastly, Style 5 is similar to style 4 but here each slider displays two upsell or cross-sell products.
🔔 Note: In all the styles, each related product shows up with a product image, price, an add-to-cart button, and a small form where the user can select or update the quantity.
You can choose the style you like best.
After choosing how you want to display your recommended products, customize the following:
In the “Default Upsells” option, you can add products that will show up as upsell recommendations in case the existing cart products don’t have any upsell products assigned to them.
You can just search products by name and add them to the default upsell in Woo.
As you probably know, you can add upsell and cross-sell products from the WooCommerce product page. However, the FunnelKit Cart team has designed a sleek interface that allows you to add upsell and cross-sell to products from the cart setup page itself. So, you don’t have to go back and forth to the products page to upsell and cross products.
To add upsell or cross to any product from the Funnel Cart page, click on the “View All Products” link.
After that, you will see a sleek modal where you can either scroll down to find the product or search for the product using the search option.
Now, if you expand the product section, you can see all the upsell and cross-sell products assigned to that person.
If you want to add more upsell products, you can do so by clicking on the “Add Upsell” button. Then, search for the product and choose the product from the suggested dropdown. After that, click on “Add” to add the product as an upsell product.
🔔 Note: You can also add variable products to your upsell and cross-sell. This way, the buyer can choose the variable of the product they want to buy right inside the cart.
You can add as many upsell products as you want using the same process.
🔔 Note: You can add cross-sell products the same way.
Click on the X icon on the top right to close the modal. Now click the Save button to update the settings you just modified. You can click on the “Preview on Page” button to see how your WooCommerce cart upsell product looks.
Here is a preview of how the upsell looks:
Another effective trick you can use to attain a higher upsell rate and thus improve order value is to offer rewards to users.
For example, you can offer free shopping if the product is worth a certain amount. You can also offer a discount on the order total if it exceeds a certain amount and so on.
You can easily implement such WooCommerce reward systems on your online store with FunnelKit Cart. With this plugin, you can offer three types of rewards :
Now, let’s have a look at how you can set up each of these rewards on your WooCommerce store.
You need to configure free shipping from the settings link provided. After that, you need to provide:
After free shipping, you can offer a discount to your user if they increase their order value to a certain amount. To set discounts as rewards, you need to do the following:
After offering a discount, you can tempt your users to increase their order value to avail a free gift. That's an effective way to increase order value.
To set up free gift, you need to set up the following:
After doing the setup, click on the Save button to update.
Here is a preview of how the WooCommerce rewards system will show up on the user end:
Now, users on your website will be motivated to increase order value to avail the rewards you offer. And you have your own way of enjoying high average order value.
You can check out the whole process in this video 👇
You can use FunnelKit's WooCommerce cart upsell to increase order value while lowering client acquisition costs. On top of that, using the reward system will encourage people to buy more upsell products from your store.
Besides, the rewards system gamifies the shopping process, making it more enjoyable. As a result, customers are excited to shop at your store.
Not just that, FunnelKit also makes store owners' job of offering related products super easy with its sleek interface. Store owners can add upsell and cross-sell products without leaving the slide cart set-up page.
So, are you ready to boost the average order value of your site with WooCommerce cart upsell?