Using custom upsell pages (on your website)

If you’re wanting to learn the basics on how to create a funnel on your product, we recommend you check out this helpdesk article first.

ThriveCart offers users a hugely powerful and native upsell page builder so you have no need for creating additional pages on your website. However, some user may prefer to use their own pages built with the page editors they’re used to.

ThriveCart provides users with a script instead of basic accept/decline URLs as we have a much more advanced funnel system compared to similar platforms.

ThriveCart’s upsells include

  • The ability to have an upsell replace a previous product in the funnel (including the charge)
  • The ability to have quantity selector on the upsells (so someone can buy multiple copies of it)
  • The ability to offer multiple shipping options to your customer based on things like what country they’re in
  • The ability to collecting shipping address and associate these with the order (directly on the upsell page)
  • The ability to load additional scripts with your upsell pages (based on the upsell product in your TC account)
  • The ability to have a coupon entered at checkout apply to upsells
  • Plus more…

Using custom upsell page

When creating your funnel and clicking the edit upsell page button, you’ll want to make sure you choose the option to Use my own custom page.

This will then let you load a slightly different editor (from the hosted upsell page) and you can also import a design from another custom upsell page if you want to.

You can see this editor is similar to the standard hosted page editor and you can still add all the elements normally available should you wish.

More specifically you can click on the different elements for the buy/decline options and remove any example text, change colours, and more.

Once you’ve finished editing your buy/decline button area, you can click complete or Save & exit to go back to the funnel settings.

At the bottom of the page, you’ll want to click the option to Save & publish your funnel.

As you’re using a custom upsell page a popup will show where you need to enter the URL to the custom page on your website. The system will also give you the embed code specific to this funnel, that needs to be added to that page where you want the button to show.

You will want to paste this code into your site’s page, save the page, then come back and click Verify & continue to proceed.

Finally, you’ll want to finalise everything by clicking the Continue button now showing at the bottom of the page. This will then take you back to the page where you can get your main checkout URL (or embed code).

Now, when going through your funnel, you’ll be redirected to your custom upsell page and it’ll show as you’ve designed in the editor (in the example below, we have a simple button to add the product and link to decline it).

Important notes:

Embed codes are unique to the funnel. You cannot use the same page on your website for multiple funnels in your ThriveCart account.

ThriveCart lets you use the same upsell in your account across multiple funnels, but, if you’re looking at using a custom upsell page on your website, then you will need a unique page on your site for the upsell in each funnel.

Example:

You have Main Products A and B. You have Upsell X which you want to include with each product creating a funnel AND you want to use your own custom upsell pages.

In ThriveCart you’d create a funnel for Product A and attached Upsell X to it. When saving the funnel you will enter the URL to the page on your website and you will be given the unique embed code to add to this page. Once completed you can save your funnel and this will now work.

Moving onto Product B you’d create your funnel and add Upsell X to it. Then when saving you’ll need to enter the URL to the page on your website and you will be given the unique embed code for this page. This URL will not be the same as Product A above, as this is for Funnel B. So you’d need to enter a new URL and embed the code for the button on that page and use that URL.

If you try and save your funnel with the wrong URL or with a URL where the embed code is not saved, it will not let you save your custom upsell pages and will let you default to the ThriveCart hosted pages until you create a custom page for that upsell.

The Upsell product in ThriveCart can be used across multiple products, and if you’re using the ThriveCart upsell page templates then you don’t need to do manage anything on your website.

Related Articles