Design Funnel Steps Easily

  1. Home
  2. Docs
  3. One-click Upsell And Downsell Offers
  4. How to use Variable Products as Upsell / Downsell offer product

How to use Variable Products as Upsell / Downsell offer product

Once an Upsell step is added to your Canvas, now the next step would be to assign a product to your Upsell step as an offer product.

The good news is, with WPFunnels you can easily assign a simple or variable product in the Upsell step.

Just like the simple product, you need to follow the same process to assign a variable product to your Upsell step, just follow the easy steps and add the product in seconds.

1. Click on the Upsell step, and you will get Upsell settings options on top of the Upsell step.

assign offer product to upsell

2. Click on the Settings icon.

assign upsell offer product

3. Once you click on the Settings icon, Upsell settings section will appear.

Upsell Settings

4. Now, search for the variable product you want to add on your Upsell step on the Search for products search box, and while typing you will get suggestions, select your preferred product.

For example, we will select a variable parent product V-Neck T-Shirt:

Upsell Step Assign Variable Product

5. After selecting your product, click on the Add Product button, and you will see that your product is listed here.

Click on the Save Changes button to assign the product to your sales funnel

Add variable product on upsell page

Now when you close the Upsell Step, you will see that the “No Product Added” message is gone, this means the product is added to your Upsell stage.

6. Your variable product is now added to your Upsell page. However, when you add a product to your Upsell/ Downsell page, Upsell/ Downsell pages still won’t show you the new price when you change the variation or select a new variation.

This means it will look like the following image:

Variable Product in the Upsell page without dynamic price

If you look at the screenshot above, you will see that the variations aren’t showing the dynamic price.

In this case, if you want to show the variation prices, you will have to open the page with the builder you used to create this funnel.

To do so,

i) select the Upsell/ Downsell page and click on the Edit option of the step.

Upsell Downsell Page Edit Option

ii) Your page will be opened with the builder you used to create this funnel.

iii) Select the widget and you will get all the widget release settings.

There you will get two more options relevant to variable products.

They are Variation Table Title and the Show Product Price.

Elementor Variations Settings

If you want to give your variable product section a header, you can enter the text in the Variation Table Title

And to show the variation product price, enable the Show Product Price option.

Now if you check your Upsell/ Downsell page, it will look like the following:

Variation Product in the Upsell page

Now if you change the product variations, you will see that the prices are changing too.

Also, if your variation has a Sale Price, your Regular Price will be cut off and it will highlight your Sale Price.

To remove the selection, click on the Clear Variations, and your variation selection will change to default.

7. Complete your funnel design, and then click on the view funnel button to see your funnel in action.

Funnel View Button

Go to Upsell page, and there you will get the option to select/ change variation of the product.

Variable product in upsell page

8. Click on the variation dropdown(s) and select your preferred variation.

Change variation from the upsell page

Once you select/ change the variation and click on the submit button, you will be charged for this variation only.

That’s it, it’s that easy to add a variable product to your upsell page.

Was this article helpful to you? Yes No 1

How can we help?