.svg)
Known for its easy and accessible payment gateway, Stripe is a household name when it comes to payment processing.
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 during checkout.
In this article, we will discuss how anyone can enable stripe upsell's on 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 payment.
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 the option.
Customer's spend 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.
Which 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 checkout form's and upsells on any landing page 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.
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.
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.
You will now see your payment form on your checkout page.
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.
Frequently Asked Questions
What is the difference between an upsell and order bump?
An upsell is a secondary product, and it is offered after the primary product has already been purchased. An order bump is a secondary product, and it is offered to customers as they place their initial order.