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!
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.
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.
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.
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.
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.
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:
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.
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:
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.
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:
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.
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.