WooCommerce Upsells and cross-sells are a great way to boost your average order value. But having the right strategy in place and not interfering in user's purchase flow is the key to more conversions.

Pre-purchase cross-sells often confuse users with too many options, resulting in cart abandonment.

Thus, post-purchase upsells are relevant and timely. The users can accept them with a single click without going through the whole checkout process again.

This post will talk about how you can create post-purchase WooCommerce Upsells for your website.

Now without any more delay, let’s get started!

What is a One-Click Upsell?

To increase the order value of a sale, you can make various offers to your customers. These offers are called Upsells.

Post-purchase upsell offers perfectly complement the primary purchase, and that is what makes them hard to reject.

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

WooCommerce-Upsell-Christmas-Socks

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

Why Do You Need One-Click Upsells?

WooCommerce upsells for post-sale can increase your revenue by 35% on average.

One-Click Upsells help with:

" 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 WooFunnels, we are seeing a 40-50% increase in our AOV.

That's more than I could ever imagine."

Tom Hoah
Serial Entrepreneur

Now let’s see how you can add WooCommerce Upsell offers using WooFunnels.

Preparing to Set Up an Upsell: Adding a Checkout Page

Setting an upsell is easy but as upsells follow after the checkout page and precede the thankyou page, let’s first see how we can set us a groundwork that adds to the WooCommerce Upsell conversions:

Step 1: Add a Funnel

Let's now add a new funnel to your WordPress website.

First, go to WooFunnels > Funnels from the WordPress menu, and click on the Add New button.

Add-New-Funnel

You have two options now - to import a pre-built template or build a custom funnel.

We would choose the “Create Your Funnel” option instead so that we can add the steps we want.

Create-Your-Funnel

Step 2: Add Steps 

Now that we have a blank funnel, let's add our preferred steps to it.

Click on the “Add New Step” button to add the first step.

Add-New-Funnel-Step

Choose the Checkout step as the Upsell page appears after moving from the checkout page.

Add-New-Step-Checkout

Note: You can add the upsell offers to your existing Global checkout as well, but if you are creating a funnel, we would recommend you to add a Checkout page to it.

Next, you’d be prompted to name the page. Name it and hit create.

Name-Checkout-Page

Similarly, add a one-click upsell page and a thank you page.

WooCommerce-Upsell-Funnel

Step 3: Add Product to the Checkout

The checkout page can either be product-specific or a global checkout.

Here we would add a product to the checkout. For that, click on the pencil icon next to the page name to begin.

Checkout-page-edit

Click on the product tab from the top and click on Add Product.

Add-Product-Checkout

Choose the product you wish to add from the search box and click on add.

Search-Checkout-Product

Manage the quantity and discount you want to offer on the page and save changes.

Checkout-Product-Discount

Step 4: Customize the Checkout Page

Next, we will import a checkout page template and customize it.

WooFunnels deeply integrates with Elementor and Divi, and also provides you with pre-built templates in one, two, and three-step formats.

You can even design the page from scratch using the Elementor widgets.

In this case, we will be using the Elementor templates. Select the template you want and import it with one click.

Import-Checkout-Template

We have a post that tells you all about the customization of Checkout pages in Elementor to make it more converting for your business.

You can check it out by clicking here.

Step 5: Customize the Thankyou Page

Like the Checkout and Upsell page, you can either import the page template you like or create it from scratch. We imported an Elementor template here.

Thankyou-Page-Template-Import

Like with the checkout page, we have a whole other blog post that teaches you to create a high-converting thankyou page.

How to set up a Post-Purchase WooCommerce Upsell

Now that we have the checkout and thank you page in place, we will show you how you can design the best one-click upsells for your online store.

Follow these steps to add an upsell to your WooCommerce store:

Step 1: Create an Upsell Offer

An upsell offer pitches products either at a discounted rate or in a bundle to attract customers.

To add products to your upsell click on the pencil icon to open the editing window.

A sample offer is already added to the page. You just need to add a product to the offer.

Click on the Add Product button to begin.

Add-New-Product-WooCommerce-Upsell

Select the product you wish to add from the search bar and add it to the page.

You can even lookup and add products with color or size variants.

Add a discount to the product price, change the quantity you wish to offer, and hit save changes.

WooCommerce-Upsell-Product

Step 2: Configure the Settings

Under the add product, you’ll see a section of settings that gives you various options to optimize your offer.

WooCommerce-Upsell-Settings

You can choose to implement one or all of these options - 

Sweeten the Deal Further: Add More Upsells to Your Funnel

You can direct users into an upsell funnel where you can make more offers after they accept/reject the previous one.

Add more than one offer to your upsell and make both offers live by clicking on the toggle.

WooCommerce-Upsell-Offer-Live-Toggle

When you have more than one offers in your funnel (like in the image above), you can see settings for Dynamic Upsell Path:

Dynamic-Upsell-Path-Offer-Linking

Dynamic Offer Path allows you to link the Upsell offers with one another, based on the customer’s behavior of accepting and rejecting the previous offers.

This allows you to analyze your users’ interests and tailor the offers for them on the fly.

Note- The Dynamic Offer Path allows you to link the offer you're on with the next offer in the funnel. The acceptance or rejection of the last offer inevitably leads the buyers to the thank you page.

Step 3: Customize your WooCommerce Upsell Page

Like the Checkout page, you need to import a template of your choice to customize it.

From all the template options available in Customizer and Elementor, import the one you like.

WooCommerce-Upsell-Template-Import

Then hit the Edit button to customize the page in Elementor.

Change the copy of the page from the Content tab. The color and typography can be altered from the style tab, among the other changes.

Upsell-Template-Customization-in-Elementor

10 special widgets are available to make your Upsell page more attractive and user-friendly.

Upsell-Widgets-in-Elementor

Customizing the prices shown to make the offers look more enticing is also possible.

Click on the offer price and go into the Style tab. From here you can add a label to the original and discounted prices.

You can also hit the stack toggle to display the prices stacked one over the other.

WooCommerce-Upsell-Price-Customization

Change the color, alignment, and more to make the page look attractive and on-brand.

When you’re all done, click on the Update button to lock in all the changes made.

Adding Multiple Products to One WooCommerce Upsell Offer

You can have more than one product showcased on the same WooCommerce Upsell page. The customer would have the option to choose the product they want to purchase, if any, and make the final payment.

This is how you can add offers like that to your funnel:

Step 1: Add a new product

You will spot an "Add Product" button right under the already added product details on the WooCommerce Upsell offer you created before.

Add-Product-to-Same-Upsell-Offer

Click on that button to then look up the desired product and add it to the page. Then, customize the discount and quantities you want to offer.

Multi-Product-Upsell-Offer-Quantity-Settings

Once done, click on save changes

Step 2: Import a New Template

In the Design tab, this time, you have the option to import a multi-product upsell page template in Elementor. Pick the design you like and hit import.

Multi-Product-Upsell-Template

Step 3: Customize the Template

After importing the template, click on the Edit button to begin customizing it in Elementor.

Edit-Multi-Product-Upsell

The customization options and widgets remain the same whether you are editing a single product page or a multi-product page.

Change the text color, typography, images, copy, and more to make the page reflect your brand image.

Multi-Product-Upsell-Template-Customization-in-Elementor

Click on Update to save changes when done.

Global Upsell Settings

Some more settings that can help you optimize your WooCommerce Upsell pages and make the experience better for the users.

Click on the settings tabs on the navigation bar up top.

WooCommerce-Upsell-Global-Settings

Here you can select how you wish your orders to be shown and billed.

Excited to Add WooCommerce Upsells to You Arsenal?!

Now, wasn't that easy?

WooCommerce Upsells help a lot in increasing your store's order value, and with WooFunnels you can design pages that are sure to convert.

"Upsells account for more than 15% of our annual revenue now, and 40% of those upsells are a direct result of the Funnel Builder.
WooFunnels 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 WooFunnels Upsells.

WooFunnels has a deep integration with Elementor, making your job of designing funnel pages a breeze.

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

Think about this:

You place 3 different offers on the table for your prospects - $29 | $59 | $149

When 5 people buy the lowest plan, you make about $150. And when just one person buys your highest plan, your sale doubles in a single sweet shot!

That's the power of offering a choice between multiple offers. Yet most of us leave it at one.

Even when it comes to upselling, we create one offer and pin high hopes on it. In this post, I'll show you how to create multiple offers and present them on one page as different options.

You will be surprised by its impact on your own upsell revenue. That's my promise.

But first, let's understand why you should always offer more options than one.

3 Reasons Why Multiple Options Are Always Better Than a Single Offer

Let's take a look at just some of the reasons why offering a choice works better than having one single offer.

Reason #1: Having No Options Keeps People From Buying

In a behavioral science study, they divided the participants into three different groups and asked them to buy DVD players. One group was given the option to buy the Sony DVD player and the other group, a Philips player.

But to the third group, they offered a choice between Sony and Philips DVD players. Turns out only 9% and 10% people in the first and second group respectively bought the player.

The third group produced astounding results- a staggering 32% of people chose Sony and 34% went with Philips.

The conversions skyrocketed by 650% just because people had more options than one.

This also proves that having no alternatives kept a large majority of people from buying.

Reason #2: Offering Multiple Options Can Increase Profits

The most dominant pricing strategy on the internet today is the three-pronged pricing strategy. You see it everywhere because it works.

Take a look at this example of a three-pronged pricing strategy:

multiple upsell offers on one page

Three-pronged pricing strategy allows people to pay what they want. The price increases as the services offered increase.

It gives people the option to pay what they can. They can choose to shell out extra money to get more features of a product, more services or just an overall better deal.

And there will always be a percentage of people who will do that if given a choice.

Neville Medhora wrote a story about how he was going to charge one his clients $500 for some SEO work but actually ended bagging a contract worth $5000.

That sure seems like a huge jump but not when you have a pricing plan in the middle of those two at $1000.

Another interesting study that shows the impact of choice on profits:

Russel Brunson of ClickFunnels conducted a conversion case study in which they offered buyers a choice between three lucrative upsell offers.

People could choose between 1 month supply, 3 months and 6 months of supply of the same cream.

A choice between three upsell offers after checkout

The discount got deeper as the price to pay increased. Interestingly, the $69 single cream pack became the most purchased option even though Russel admits it was a high price to pay for one.

When they removed the first option (6 months supply i.e. buy 4 get 2), their profits went down by 15%.

But when they removed the middle option (3 Month Supply i.e. 2+1), their profits increased by 83%.

This shows - two options converted better than three. And the first option i.e. 6 month of supply was a great decoy.

It established a large price in the minds the buyers and the other prices in comparison looked smaller.

Reason #3: Price Anchoring Leads People To Believe The Deal Is a Steal

They say if you want to sell a $2000 watch, place it next to a $10,000 watch.

When people have multiple options, they start comparing. They want to know what they're getting, what they're saving and which one of those offers make for a better deal. They tend to compare the prices of different offers to zero in on the best value deal.

This principle in psychology is called price anchoring. Steve Jobs put it into play when he announced the price of the iPad, here's what he said:

"I am thrilled to announce to you that the iPad pricing starts not at $999, but at just $499.” 

Jobs unleashed the power of price anchoring

Had he said, "We were thinking of pricing it at $399, but we decided to go for $499," it would have felt like a ripoff — even though nothing would have actually changed.

That's price anchoring in flesh and bone.

When the journalists reported about it they said: "Steve Jobs just announced the "very aggressive" price of the...iPad: $499."

Imagine, even though its close competitor, Kindle was priced lower, journalists termed the price as aggressive for the way it was presented.

5 Simple Steps To Present Multiple Upsell Offers On A Single Page

I will now show you how to set up multiple upsell offers and display them on one page. You can present them in either list format (one below the other) or grid format (one next to the other).

Here's how the final output will show up:

multiple upsell offers in grid format

A choice between three upsell offers (in grid format)

If you like to learn by watching, then watch this video to uncover the step by step process:

Let's now look at the step-by-step process to set up multiple offers on a single page.

Step #1: Set Up a Rule To Trigger The Upsell Funnel

UpStroke allows you to pick a rule from the basic and the advanced list. Show the upsell page when the specific product(s) are bought or products from a chosen category are bought and more such rules.

You can even set up multiple rules in conjunction with each other using the 'and' & 'or' functionality.

multiple upsells on one page

Set up the rule to trigger the upsell funnel

In this case, we've selected 'Product(s) contains exactly 1 of Liver Tablets'. Next up we'll create the offers.

Step #2: Select The Product(s) To Upsell

You can add multiple products here to show on one single page. But the option to add multiple products is only available when you have the multi-product add-on.

The multi-product add-on is only available on the business plan.

If you're creating volume based offers around the same product - then you'll have to select the same product multiple times.

For example, in this case, we've selected the tablets thrice and each time added a different discount & quantity.

Select products and create offers around each. Set up the discount & qty. based on your requirement.

As you can notice, when they buy 1 pack - they save only 10% but when they buy 3, they save 33.33% and finally on buying 5, they save 40%. This is equivalent to saying 'Buy 1 at 10% off' or 'Buy 2 get 1 free' or 'Buy 3 get 2 free'.

Step #3: Pick From Grid & List Format

UpStroke allows you to customize your upsell offer page. Here are the two formats:

multiple upsells on one page

Choose from list and grid format to display your upsells

Step #4: Customize Your Upsell Offer Page

Next, create your bullet points to explain each of the offers well. You can highlight details about shipping, the number of months it's last, the savings they'll make.

 

The idea behind writing details in bullets or list format over paragraph format is that it helps people quickly compare multiple options. The process of making a decision becomes fast and easy.

Another example: You can even have two competing offers instead of three, let's take a look: 

Offer a choice between only two competing offers. In this case, they can pick the offer based on their goal/need.

People can pick one of these two offers based on their goal - hydrated & glowing skin or weight loss.

If you want to create two offers and not three, you should select the right layout to present your offers, you can do it from the settings section, take a look:

Step #5: Highlight  The 'Best Choice' or 'Best Value' Deal

Highlighting your best value deal or most popular choice, helps people take a decision fast. Most people like to go with social proof and believe what everyone else is buying must be good.

So make this psychological principal work in your favor- highlight the popular choice with a badge like this:

Highlight the best value deal

That's it! You're ready to roll.

It's a Wrap & How

As I reach the end of this post - I want you to take a moment to think about the options you had when you were making little decisions in your life.

Maybe the time when your spouse asked you 'movies or stand up comedy?' Or when the guy at the burger shop asked, 'with single cheese or double?'

It's easier to decide when you have a choice- you can quickly reach out to one of the options in the list. Therefore when people say - 'if your product is good enough it should sell on its own', they really aren't taking the buyer's psychology into account.

It's the offer, the narrative you construct around it and the other options you give with it that persuade people to buy. Not just a winning product.

Let me know in the comments about your multiple upsell offer strategy and how you plan to go about it.

Will you offer a choice between two offers or three?

Will you encourage people to buy a greater volume of the same or increase the value as the price of the plan goes up?

Learn more about UpStroke's multi-product add-on here.

Increase your sales, starting today.

Get WooFunnels Now
chevron-down