How to Offer WooCommerce Upsells to Boost AOV: 5 Easy Methods

Editorial Team
June 26, 2023
How to Offer WooCommerce Upsells to Boost AOV: 5 Easy Methods

Are you struggling to boost your WooCommerce store's average order value?

You're not alone. Many E-commerce store owners often struggle to increase sales without negatively impacting the user experience.

You can change the game by offering WooCommerce upsells.

Upselling can help increase your revenue by 10% to 30%. Moreover, it provides a substantial cost benefit, as it is 68% more budget-friendly compared to acquiring a new customer.

This blog will show how you can upsell products in WooCommerce while ensuring a good user experience, starting from the single product page to post-purchase upsell. 

Here, we will show 5 ways of offering WooCommerce upsell:

  • Method 1: Upsell on the WooCommerce product page
  • Method 2: Pre-purchase upsell in a slide-in shopping mini cart
  • Method 3: Order bump as upsell on the checkout page 
  • Method 4: Post-purchase one-click upsell
  • Method 5: Post-purchase email upsell

Let's get started.

What are Woocommerce Upsells?

WooCommerce upsells are additional or upgraded products that are offered to customers in addition to their initial purchase. 

The goal is to encourage customers to spend more by presenting them with enticing offers that complement or enhance their original purchase.

Your upsell offers should perfectly complement the user's primary purchase, and that is what would make them hard to reject. 

You can upsell products by offering complementary items or suggesting upgrades. You can also offer exclusive discounts on upsells to encourage shoppers to buy them on top of their initial product.

The key is to present upsells that align with the customer's needs and preferences, providing them with valuable options that enhance their overall shopping experience.

Let's say a customer is about to buy a pair of shoes; then, you can offer a pair of socks as an upsell. Socks will enhance their experience of wearing shoes, making it an offer they can't say no to. 

Note: You can offer multiple WooCommerce upsells as well.

This is how a typical WooCommerce upsell page looks (Persuader template for Elementor, by FunnelKit):

WooCommerce One-Click Upsells preview

A convincing image with a short, interesting copy that explains the product is what sells it. Add some testimonials to it, and you've got an attractive and high-converting upsell.

But the question is, why do you even need such WooCommerce upsells in the first place? That's exactly what we have discussed in the next section.

Why Should You Implement Upselling Strategy in Your WooCommerce Store?

Implementing an effective upselling strategy in WooCommerce can bring significant benefits to your business:

  • Higher Average Value: By making relevant and well-timed offers, you increase the chances of closing each purchase at a greater order value.
  • Better Customer Experience: Users discover products they may not know about before. Also, offering them the power to accept or reject the offers with a single click makes the experience even better.
  • Personalized Experience: Tailor out the upsell offers based on the items bought, past purchases, order total, and more. This ensures that each customer gets personalized suggestions.
  • Customized Funnel Path: Strategically linking and showcasing offers based on customer behavior in real time gives users a sense of control and personalization when shopping.

FunnelKit Funnel Builder: The Only Plugin You Need to Offer Upsells in WooCommerce

"I knew that AOV is the most important metric for a business and pop-ups & all kinds of tactics - but nothing really worked. The opposite happened & there was a decrease in my conversion rate.

After FunnelKit (formerly WooFunnels), we are seeing a 40-50% increase in our AOV.

That's more than I could ever imagine.

Tom Hoah
Serial Entrepreneur

Like Tom Hoah, we are also going to use FunnelKit Funnel Builder. This is the ultimate sales funnel builder plugin for WordPress. It aims to maximize store owners' revenue by offering mini cart upsell and one-click post-purchase upsell features.

Moreover, this WooCommerce plugin is easy to use and also offers in-depth analytics so you can keep track of how your upsells are performing. 

So, before we start the process, make sure to install and activate the FunnelKit Funnel Builder. 

Note: If you need help activating the Funnel Builder Pro, then you can go through our detailed read-the-installation guide.

How to Set Up Upsells on the WooCommerce product page?

In WooCommerce, you can link different products as upsell and show them on the product page. You can add multiple products as upsell.
For that, go to any product and scroll down to the “Product Data” section. After that, move to the “Linked Products” tab.

go to linked products

Now on the Upsells tab, search for the product and add it as upsell. As mentioned before, you can add as many upsell as you want. 

show upsell without a WooCommerce upsell plugin

After adding the upsell products, make sure to hit “Update” the product settings. Now you should see the upsell products on the product page shown below:

Now you know how to upsell on the product page. But how about once the user adds the product to the cart? 

Well, then, you can offer to upsell on the sliding mini cart, which we will cover in the next section.

How to Offer WooCommerce Upsells and Cross-sells in a slide-in mini shopping cart?

We are going to use FunnelKit Cart by FunnelKit for this section. This WooCommerce plugin allows you to add a slide-in cart to your WooCommerce store and offer to upsell and cross-sell products inside the shopping cart. 

Customers can add upsell products to their cart and update or remove any item from the cart from anywhere on the website without going to the default WooCommerce cart page. 

Note: You need to install FunnelKit Pro (plus and above) to use FunnelKit Cart and set up upsells. 

Follow these steps to offer to WooCommerce upsells and cross-sell products on a slide-in mini shopping cart:

Step 1: Enable the slide-in cart by FunnelKit

The first step is to enable the slide-in cart by FunnelKit. Go to FunnelKit ⇒ Cart and turn on the “Enable Cart” option to turn on the mini cart. 

enable cart to offer WooCommerce upsells

After that, you can configure different settings, such as cart visibility, icon position, cart heading, coupon field, etc.

Along with the general settings, you also get different options related to  Coupon Field, Cart Summary, checkout section, and empty cart. Configure them as per your requirements.

Note: For more details on how to customize the mini cart option, read our blog “How To Create A WooCommerce Mini Cart

Step 2: Enable the WooCommerce cart upsell

To enable the Upsells option, go to the Upsells tab and turn on the “Enable Cart Upsells” option.

enable upsell options

Step 3: Choose from different skins to display your WooCommerce upsells

Now you can choose the display style for your WooCommerce cart upsells. You get five different styles to choose from.  

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

After choosing how you want to display your recommended products, customize the following:

  • Product Recommendation Type:  You can recommend different products as upsells, cross-sells, or both. Here we are going to choose to upsell to offer related products.
  • Heading: The default heading option is "Frequently Bought Together". Here you can change it and provide the heading you want to display above the product recommendation section.
  • Show Maximum Upsells: You can specify the maximum number of items you want to display as WooCommerce upsell products.
upsell settings woocommerce upsell plugin

Step 4: Add default upsells

In the “Default Upsells” option, you can add products that will show up as upsells if the individual products don’t have any upsells assigned to them. 

You can just search products by their names and add them to the default upsell. You can add as many products as default upsell as you want.

default upsells products on your woocommerce store

Step 5: Add upsells and cross-sells to individual products

FunnelKit provides a sleek interface to add upsell and cross-sell products from the Cart settings. You no longer have to go to the individual product page to add upsell products. 

Under the “Upsells and Cross-sells” section, you will find your WooCommerce products. Now expand the section, you will find the option to add both upsell and cross-sell. 

1 click upsell woocommerce to latest product

To find any product, click on the “View All Product” option. Now search for the product for which you want to add upsell. Then expand the product, click on “Add Upsell”, search and add the product.

And that’s it! This is how you can add your upsells without visiting the product pages in WooCommerce. 

Here is how the upsell will show up on the front end in a mini cart.

That’s how easy it is to offer to upsell in WooCommerce mini shopping carts.

Let’s check out how you can offer a one-click upsell after checkout. 

How to Offer Order Bump as Upsells on the WooCommerce Checkout page?

You can offer upsells on the checkout page as order bumps. Order bumps are low-dollar offers that users can add to their order with just one click just before they checkout.

To offer an order bump, we are going to use a sales funnel where you can set the original product and the order bump product against it.

Let’s start.

Step 1: Create a sales funnel using a pre-built template  

To create a sales funnel, go to FunnelKit Funnel Builder ⇒ Funnels and click on ‘Add New Funnel’.

After that, choose the page builder of your preference. Now to choose the template you like, just hover on it and click on Preview.

We are going to use the Livewire template here. This template has three steps:

preview livewire template

To import this template, click on the “Import This Funnel” button, provide a name, and click Add. 

import livewire template upsell product

This will import your sales funnel with the three steps mentioned above. 

livewire sales funnel with all the steps

Step 2: Add products to the checkout page 

Now we are going to add products to the checkout page. Since we're setting up a product-specific checkout, we'll demonstrate the process of setting up one-click upsells in reference to our checkout product in the coming steps.

Note: You can also customize the look and feel of the checkout template to style your checkout pages like

To add the product to the checkout page, first, click on the “Edit” button to edit the checkout template.

edit checkout template livewire

Now to add products, move to the Product tab. From there, click on Add Product - search for the product, select it and hit the 'Add Product' button.

add product to checkout livwire

This will add the product to the checkout page. If you want you can add discounts to the product. Make sure to click on 'Save Changes' to update any changes you make.

add discount to checkout livewire

Step 3: Add order bump as upsell

You can also offer complementary items as an order bump on the checkout page.First, you need to add an order bump step. For that, click “Add Order Bump, " provide a title, and hit the Add button.

add order bump

Now to add a product, click on the step you just added. 

edit the order bump step

On the Product tab, click on “Add Product”, search, and add product. After that, click on Add Product to add the order bump.

add order bump product

You can offer a discount on your order bump if you want. Make sure to click on “Save Changes”.

add disount to order bump

Step 4: Customize the look of the order bump 

On the Design tab, you can add a custom title and description for your order bump. You also get multiple skin options to choose from.

customize order bump title

Here is how your order bump will look on the front end: 

order bump preview

For more details, you can read our blog “How to add order bumps in WooCommerce".

You can offer users upsell right after they checkout. To find out how to move to the next section.

How to Offer Post-purchase One-Click WooCommerce Upsells?

When it comes to post-purchase one-click upsells, it’s important that you provide personalized offers so users find them irresistible. 

We are going to offer one-click upsell using the same funnel we used to offer order bumps using FunnelKit. 

Let's start

Add WooCommerce upsells

First, we need to add products we will offer as one-click upsell. For that, you need to  customize the upsell template. And to do you you need to return to your sales funnel and click on the ‘Edit’ option to the upsell step.

edit upsell step livewire

Now make sure, you are on the Offers tab, then click on “Add” product, and like you added products to the checkout page, add the product to the upsell. 

add woocommerce upsell

If you want, you can offer a discount on your upsell products.

Here we’re configuring a 20% discount to make our upsell offer attractive.

discount to upsell livewire

Make sure to click on ‘Save Changes’ to update.

Note: You can also read our blog “Order Bump v/s One-click Upsells: What's The Difference Between The Two?

Customize Your one-click upsell offer page

Now that you have added WooCommerce upsell, it’s time to customize the content of your upsell page. For that, move to the design tab and click on “Edit template”.

The template is built with Elementor, so you should see the Elementor panel on the left. To customize any content, for example, click on the section, and on the left, under the content tab, you will find the option to customize the content. 

For example, we have updated the logo here.

update logo upsell page

You can also add content if you want. 

After making all the changes, click on Update to save. 

Here is a preview of the upsell page:

upsell page preview

After making changes to the upsell page, you can custom design your order confirmation or thank you page as well. For that, read our blog “How to Create Woocommerce Custom Thank You Page

And that’s it, your sales funnel is ready with a proper upsell page and discount on the upsell.

But what about after your customer leaves your site? How do you offer them upsell if they have left your website without upselling? 

We will cover this in the next section.

Note: With FunnelKit, you can add a mini cart on the WooCommerce checkout page as well and showcase the cart items you would display on the cart page. To learn more details check our blog “How to add mini cart in WooCommerce checkout page.

How to Suggest Upsell in Post-Purchase Email? 

We will use FunnelKit Automations to send users a post-purchase email with upsell offers. This ultimate automated email marketing tool lets you set up trigger-based email campaigns.

Let’s check how you can send email to users after they make a purchase with relevant upsell offers:

Let’s start.

Step 1: Install and activate FunnelKit Automations

First, you need to install and activate FunnelKit Automations. FunnelKit is available in both the free and premium versions. Make sure to activate both versions.

Step 2: Add a new automation

The first step is to create a new automation. For that, navigate to FunnelKit Automations ⇒ Automations (Next Gen) and then click on ‘Add New Automation’.

add new automations

After that, click on the “Post-Purchase Sequence” pre-built recipe.

click on post-purchae sequence

To import this template, click on " Import, " provide a name, and click Create.

create post purchase upsell automation

This recipe will get triggered every time someone places an order and send them a thank you email after 1 minute of delay. 
Note: We will customize the email and send upsell offer in the thank you email.

email recipe

Step 3: Customize email and add upsell offers 

To customize the email, click on the step.

click on the email to edit it post purchase email

Now customize your email subject line and preview text. You can add customer information such as the customer's first name to personalize the experience using a merge tag

customize subject and preview

After that, you can customize the body content and add relevant upsell products using the merge tag “Cross-sell”.

add cross sell to offer upsell in post purchase email

After creating your email, click on “Save & Close”.

Step 4: Activate the automation to send post-purchase to upsell recommendations

The final step is to activate the automation. For that just turn on the toggle button in the top-right corner. 

And that’s it your automation is ready. Now whenever someone orders from your store, he will receive an email with all the upsell product recommendations, as shown below:

screencapture-mapost purchase upsell email preview

For more details on post-purchase email, read our blog “How to send WooCommerce post-purchase email”.

Excited to Add WooCommerce Upsells to Your Arsenal?!

Now, wasn't that easy?

WooCommerce Upsells help a lot in increasing your store's order value. And with FunnelKit, you can offer upsells throughout the shopping process on your WooCommerce store, allowing you to maximize revenue. 

"Upsells account for more than 15% of our annual revenue now, and 40% of those upsells are a direct result of the Funnel Builder.

FunnelKit breathes new life and revenue into new and existing businesses! Get it Today!"

Griffin Stewart, CEO & Co, 5DayDeal.com

Just like Griffin, you can also have a higher revenue rate with easily customized and conversion-optimized FunnelKit Upsells.

FunnelKit helps you to build irresistible upsell offers and present them to your users at different points in their shopping journey. 

FunnelKit’s Funnel Builder lets you set up and offer WooCommerce upsells to your shoppers inside the shopping cart, on the checkout, and after the checkout.

While FunnelKit Automations lets you set up and offer upsells via emails to your customers.

And the best part, FunnelKit does so while making sure your users have the best shopping experience.

So, what are you waiting for?

Unleash the power of an unforgettable shopping journey while skyrocketing your average order value to new heights!

Create your WooCommerce Upsells without much effort in FunnelKit Funnel Builder Today, and experience a boom in your business revenue!

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.

Increase your sales, starting today.

Grab Our Exclusive Bundle
chevron-down