How To Set Up Multiple Upsells On One Page With UpStroke 2.0 & Elementor

Tavleen Kaur
July 17, 2019
How To Set Up Multiple Upsells On One Page With UpStroke 2.0 & Elementor

What if I told you that you can increase your conversion rate by offering buyers a choice between 2 or 3 upsell offers?

Yes, that's true.

People are wired to like choice, it makes them feel empowered. And they're more likely to pick one of the options if multiple options are laid out on the table for them.

It also invariably reduces the probability of the selection of No.

In this training, I am going to show how to create a conversion-boosting upsell page with multiple offers using UpStroke 2.0 and Elementor.

All set? Let's go!

Numbers Don't Lie

One of UpStroke users has just one upsell offer and 25% of their overall revenue is coming from UpStroke! Notably, the site has an upsell conversion rate of 31.5% which is quite impressive.

So how are they doing it?

On the upsell page, they've got three distinct offers -  'buy 1 and save 10%', 'buy 3 at the cost of 2', and 'buy 5 at the cost of 3'.

People are more likely to make a decision and buy one of the offers when they have options. Also,  more quantities of the same item are easiest upsell and proven to have a high conversion rate too.

It allows buyers to stock up on the item at a handsome discount so that it's not out of stock at a critical time of need.

How To Create a Persuasive Upsell Page in Elementor With Multiple Offers

Here's the page that we've created inspired by their page (since we can't show you their page with the specific products).

Take a look at what we've got:

I'll now take you through a step by step process to create a gorgeous upsell page like this using one of the Elementor templates.

Step #1: Set up the rule to trigger the upsell funnel

For the sake of this example, I have set this up on all products. But you can select specific products or a product category or chose from 15 other rules to set up the funnel.

You can even choose advanced rule such payment gateway used or shipment method used or if it was their first order. Use 'and', 'or' functionality to set up multiple rules in conjunction.

Step #2: Create 3 offers with different discount amounts and quantities

In this case of 'buy more save more' offers, the discount amount increases as the quantity goes up. Therefore we'll select the same product three times and create offers around it.

Here's how:

Notice, since it is a variable product- the discount percentage has got set up on all the variation of the product.

We've selected different quantities in the quantity section based on the discount we're setting up on each.

Now the next step is designing.

Step #3: Select a pre-built template, load it in Elementor and customise it

When you select the Elementor tab, you'll see a bunch of different templates, you can select the multi-product grid or list format for this upsell offer:

Once you have selected the template, simply hit customise. This multiple upsell offer table will be set up with some basic headlines and copy.

Let's look at some of the interesting UpStroke-powered widgets in use:

1. The Variation Selector

Since it is a variable product, the variation selector or drop-down will show up in the table and it will be configured correctly.

You can edit the spacing, padding, typography, margins etc. You can also make it stacked so that the drop down appear below the title:

Next, let's look at another UpStroke widget.

2. The Offer Price Widget

When you'll first load the template, the regular price will be slashed to show the deal price. But in addition, you can add label text, edit the typography of the price and the label. And also make the prices stacked to appear one below the other:

3. Accept Button

The Accept button allows users to add the offer to their order with a single click.

You can edit the button to change the content, style, margin, padding and more. In addition to the button title, you also have the option to edit the subtitle- this option is not available in the native Elementor button settings.

Use the subtitle area to write a one-line answer to their major objection. So in this case, their major objection is say, if they'll have to bear additional shipping charges and it has been addressed with a simple one-line answer.

4. Offer Images

The offer images widget is another UpStroke powered widget and you can customise it greatly. For example, you can enable or disable the slider, adjust the alignment or more:

5. The Shortcodes 

UpStroke gives you the option to personalize the upsell page with shortcodes. You can use these shortcodes to display buyer name, email, phone number and more.

You can even show the savings in percentage and absolute number using the shortcodes. Here's how you can access the shortcodes:

When you'll click on the link, a pop-up will appear and you'll find all the shortcodes for all three offers right there. So you can scroll below to get the shortcodes for all three offers.

Do This Next

There you go!

You're now all set to roll out a gorgeous upsell page with multiple offers. As a next step, upgrade yourself to UpStroke 2.0 if you haven't already. And create your own upsell offer page with compelling offers.

Explore more about the multi-product add-on of UpStroke right here.

Choose from grid and list format to present your offers on one page.

If you have any questions, leave a comment.

Author: Tavleen Kaur
Do you know after Amazon implemented the 1-click buy system, their sales shot up year-on-year hitting $88.9 Billion mark in 2014? Jeff Bezos attributed it to a friction-free & streamlined buying process. At BuildWooFunnels, we're determined to give you the tools you need to do the same in your business. I am Tavleen and I help you get there faster.
Ready to create revenue-generating funnels in Wordpress?
Click Here

Increase your sales, starting today.

Get WooFunnels Now