How To Use Stripe One-Click Upsells On Your Website

Jelani Abdus-Salaam
February 10, 2021

Known for its easy and accessible payment solutions, Stripe is a household name.

Despite being so good at accepting payments, they lack in one area...

That area being one-click upsells.

Unfortunately, Stripe does not have a native way to accept one-click upsells on your site.

Not having one-click upsells in their app causes merchants to miss out on revenue.

But in this article, we will discuss a workaround that is available for any site or platform.

The best part is, this solution is free and requires zero coding knowledge.

Let's get started.

What Is A One-Click Upsell?

An upsell is the process of customers buying more products after their initial buy.

An example of this would be when you go to McDonald's and buy a chicken sandwich or burger.

And then the hostess asks if you want fries or a drink.

You didn't intend to buy the fries or drink, but you decided to add it on because the hottest gave you a chance.

You spent more money at Mcdonald's because of a simple question.

A one-click upsell is the same idea, but online.

A merchant (you) asks a customer if they want to buy more products after the first sale.

You make more money because more people buy from you.

  • Offering upsells increases your average order value
  • Increases your revenue making you more profit.

Increases your revenue making you more profit.

The more items they see, the higher chances of them making extra purchases.

Another important note here is that you don't have to spend more on marketing because you already have the customer on your website.

All you need to do is show them more products.

How To Sell One-Click Upsells On Stripe

Now the question becomes how do you offer one-click upsells using Stripe?

As mentioned before, Stripe does not have one-click upsell functionality.

You will need to use a third-party service to offer one-click upsells to your site.

There are a few, but in this article, we will reference Cartfuel.io.

What Is Cartfuel

Cartfuel is solution that helps maximize your profits by integrating upsells on any platform.

They help you increase your average order value by up to 30% through easy-to-use software.

The best part is regardless of the use of WordPress, Webflow, or anything else; you'll be able to sell more products.

How To Get Started With Cartfuel

To get started using Cartfuel, go to cartfuel.io.

Sign up for a free account. You don't need to enter a credit/debit card to access the software.

Once you create your account, you will then want to add your Stripe account.

Note: This assumes that you have a Stripe account. If you don't, follow our Stripe payments tutorial.

Once you connect your Stripe account, you will want to create a product sequence.

A product sequence is nothing more than a payment form and upsells (if you choose to have them).

Click 'New Product sequence' in the left-hand corner menu.

From there, you can begin to add your product name, product currency, price, and billing frequency.

How Cartfuel Works - Full Tutorial Video

You can also add other revenue-boosting add-ons like:

  • Charging additional fees
  • Add quantity field 
  • Charging taxes 
  • Add shipping fields 
  • Add coupons 
  • Add order bumps
  • Add countdown timers

Once done, you can click on the 'Next step' button.

In the second step, you can add more customization to your product sequence like:

  • Adding custom fonts 
  • Selecting a form style
  • Adding payment headers 
  • Editing the placeholder text 
  • Changing the button text
  • Changing the button color 
  • Changing the button radius

You can also add custom CSS, but be sure to reach out to a qualified developer if you want to change the form using CSS.

Once done, move on to the next step.

In the third step, you can decide where you want your customers to go after they buy.

In the input box, you add the thank you page, OR you can offer an upsell.

If you choose not to use an upsell, then you can enter the URL of your thank you page.

If you want to add an upsell, then enter the URL of your upsell page.

For example: If your upsell page is example.com/audiobook, then you'd put that URL into that input box.

Then you will toggle on the 'Upsell Product Page' toggle.

Once you toggle that on, you will new fields to set up your upsell.

As we did in the previous step, you will add a price, a name, and billing frequency. You can also update the button text, button color and add custom CSS.

Once done, click the next step where you can set up emails, which is optional.

Note: The email functionality is a paid feature.

Click save once you are ready to place your product sequence on your website.

Try Cartfuel Risk Free!

No credit card required

Create Your Free Cartfuel Account

How To Sell One-Click Upsells On Your Website Using Stripe

Once you save your product sequence, then you will see a popup appear.

In that popup, you will find your code snippets.

But don't get too scared; you don't need to do anything with that code besides copy and pasting it.

To start, you will want to access your site and make sure that you can add HTML/Embed elements.

Most site builders can add HTML/Embed elements.

Once you verify, you can add HTML/Embed elements, locate the page where you want to sell the main product.

Add an HTML/Embed element to that page.

Then go back to Cartfuel and copy the first code snippet.

Paste that first code snippet inside of the HTML/Embed element.

Proceed to go back to Cartfuel and copy the second code.

Then go back to your site and paste the second code into the HTML/Embed element.

Depending on whether you have applied an upsell, you can see the second set of codes.

In that scenario, you're going to want to go to your WordPress Upsell site.

Repeat this process.    

Add the HTML/Embed element to that same section.

Go to Cartfuel and copy the first code and paste it into your WordPress HTML/Embed element.

Then go back to Cartfuel and copy the second code and paste the code into the HTML/Embed element.

It should look like this when done:


Then click Save on the HTML/Embed element.

How To Test Your One-Click Upsell

Now that you have created a product sequence, you will now want to test and make sure it works.

To do so, you want to make sure your product sequence is set to test mode.

In the product sequence editor, you can toggle the test mode on or off with the toggle next to the 'Next step button.'

Once it's in test mode, you will want to test using the card number 4242 4242 4242 4242 - 04 / 24 - 242 - 42424

If done right, you will redirect to the page you entered in Step 3.

Then if you added an upsell, you could test the upsell by clicking the upsell button.

Then you should redirect to the URL you entered when creating your product sequence.

After the test, we recommend that you test a second time with a real credit card before running traffic to your product sequence.

Mind helping us out?

Part of the way we measure success is by seeing if our content is shareable. If you got value from this post, we'd appreciate a click to tweet or a click to share on LinkedIn.
By
Jelani Abdus-Salaam
Founder & CEO of Cartfuel, the software helping small and medium size business with their funnel and marketing strategy. Prior to Cartfuel, Jelani worked with one of the fastest growing startups, ClickFunnels, where he learned the ropes of marketing. In his spare time Jelani likes to make music, skateboard and kayak.
Jelani Abdus-Salaam
Founder & CEO at Cartfuel

Stay Connected

Join the 400+ companies and small business owners looking to learn more about world-class marketing techniques.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
YouTube Tutorials
Learn how to use Cartuel
Documentation
Our most common questions answered
Support
Get the help you need