Get Started

WooCommerce Order Bump: How to Offer Relevant Products on Checkout and Skyrocket Your Profits

Editorial Team
February 15, 2024
WooCommerce Order Bump: How to Offer Relevant Products on Checkout and Skyrocket Your Profits

Do you want to set up order bumps in your WooCommerce store?

In today’s competitive eCommerce environment, it’s crucial to find innovative ideas to help increase sales and boost customer satisfaction.

There is one effective strategy that has proven to be revolutionary - order bump.

Order bumps are not just the talk of the town in online shopping but have also impacted the offline world too.

Imagine ordering a burger and being immediately asked by the waiter if you’d like some fries with it.

The miraculous order bump strategy has assisted McDonald’s to sell 9 million pounds of fries globally every day.

Also, these have impacted eCommerce sales by increasing the average order value (AOV) by 10% - 30%.

In this post, we’ll guide you through the process of setting up an order bump in your WooCommerce store.

Furthermore, we’ll also be looking at some examples, taking inspiration from effective strategies and working on its copy to create an irresistible order bump offer.

Let’s get started.

What is an Order Bump?

Order Bump is a complimentary item pitched on the checkout page that the user can add to their order with a single click.

It’s a low-priced checkout add-on that appears on the checkout page, allowing shoppers to make an impulse purchase before finalizing their initial order.

The order bump is typically offered as a checkbox or button with the item’s brief description and price, usually positioned near the “place order” button.

By offering a relevant and attractive product that complements the shopper’s primary product, businesses aim to boost their average order value and generate additional revenue.

Let’s take a look at this example:

Pre-checkout woocommerce Order Bump offer preview

Many business owners prefer to cross-sell items on the product page, but that's not a great strategy.

The site visitor might still be deciding on their purchase, so yet another pitch can be distracting.

A great strategy is to let them select the right product, and then show your order bump with it.

Hence, the best place to offer cross-sells as order bumps is on the checkout page. Simply because:

  • The customer has mentally purchased the item
  • They're most attentive at this step
  • And as you know exactly what they're buying, you can offer related items

You can pitch some impressive special offers complementary to the item they're about to buy.

I hope you get the answer to your query - 'What does it mean to bump a product?'.

Real Reasons Why Order Bumps Work and Convert Perfectly

Here are the main reasons why order bumps effectively increase your average order value.

1. Psychology of commitment and consistency

As humans, we like to be consistent with our choices. So if we've taken a decision, we like to use it as a reference point to make related choices.

Let us give you an example here:

So let's say you bought tickets to an event on: "How to speak more confidently in public". Won't you love audio recordings of the event so that you can tune in whenever you want?

For most people who attended the event, this would be a no-brainer.

So the real question is - are you squeezing the most out of every sale or not?

2. Low-dollar offers make for perfect impulse buys

An impulse buy is a brilliant phenomenon that eCommerce store owners can make the most of.

How many times do you think before adding chocolates and gum to your cart in the grocery store?

The decision is fairly spontaneous and doesn't require you to consult anyone. That's why low-dollar order bumps are the easiest to sell.

3. The fear of missing out (FOMO)

Order bumps are usually presented as limited-time offers at a discounted price. 

This taps into the psychological concept of FOMO, where shoppers tend to have a fear of missing out on exclusive deals.

Creating a sense of urgency for the order bump encourages shoppers to take advantage of the offer, as they don’t want to miss out on extra savings or benefits.

Now let's look at how you can distinguish between an order bump and a one-click upsell.

What's the Difference Between an Order Bump and an Upsell?

If you’re not sure whether your offer should be an order bump or a one-click upsell, don’t worry. This order bump vs. upsell offer section will help you make that distinction.

Both the upsell and order bump help boost the average order value, enhance customer experience and streamline the checkout process.

But let’s talk about the differences here.

A one-click upsell is a post-purchase upsell offer. After a user has made the main purchase, their card gets tokenized, and they can accept the upsell offer(s) with a single click.

One-click upsell offer preview

On the other hand, an order bump is an offer made on the checkout page when they're filling out their checkout form. It happens before the payment for the main purchase has been deducted.

See how a typical Order Bump looks on a two-step WooCommerce Checkout page.

👉 If you have any questions, you can refer to our detailed guide on order bumps vs. one-click upsells.

How To Write High-Converting Order Bump Copy (The 4G Formula)

The simple mantra for writing the order bump copy is our 4G formula. You can use it to write a persuasive order bump copy in literally a few minutes.

Here's the copy we wrote for a client who recorded a 43% conversion rate on the bump:

Order bump copy that boosted 43% in conversions

Here are the four components of it:

#1: Grab attention

The best way to grab the attention of your prospects is to place the order bump in the right position.

We highly recommend placing your checkout bump offer above the big and bold CTA button because that's where people are the most attentive.

#2: Get a nod

You can do this by asking a rhetorical question. Involve them in your conversation. Don't just share a bunch of facts.

For example, here we say: "What could be better than learning from other people's mistakes?"

#3: Give desirable details

Since you don't have the option to insert a video on order bumps - neither can you insert multiple images - make words your arsenal.

Highlight details about your offer bump product or service that make it desirable.

For example, here we say- "Watch me, over the shoulder, as I critique and improve..."

#4: Get action

The most powerful way to get action is to tell your prospects about the exclusivity of the offer.

Let them know that the discount you are offering here (on order bumps) is not available elsewhere on the site and make it a limited-time offer.

Including these components will surely create a persuasive order bump copy that urges users to accept the offer.

7 Easy Order Bump Ideas to Get a Kickstart

Effective order bump ideas can kickstart your business by increasing average order value and generating additional revenue.

Here are some easy but successful order bump ideas for you:

  • Complementary products - Offer items that complement the main purchase. For example, a cleaning kit with leather shoes.
  • Subscription-based products - Provide products that need a monthly, bi-monthly, or weekly renewal. For example, a pack of supplements, household supplies, ointments, and other products of regular use.
  • Bundle deals - Package complementary items together and offer them as a bundle deal at a discount. Bundle deals offered as order bump encourages shoppers to purchase multiple items at a go.
  • Extended warranty - A product warranty or protection plan makes a great order bump. People have an inherent need to protect their purchases; a warranty helps them achieve that goal.
  • Fast shipping - Expedited shipping is a no-brainer order bump. No matter what you sell, you can use faster shipping as a way to make your shoppers shell out a few dollars extra. But make sure you deliver fast as promised.
  • Limited edition products - Tell your prospects that the supplies are limited or you've only got 100 of those to sell. Exclusivity is a sale-attracting magnet.
  • Exclusive digital content like masterclass or e-books - If your audience likes to learn through digital products or courses, go ahead and offer more help through a pre-recorded masterclass or audiobook.

Now that you've decided on the product offers to add, let's set up an order bump on your WooCommerce checkout page.

How to Set Up WooCommerce Order Bump on the Checkout?

To set up an order bump on your WooCommerce checkout page, we’ll use the FunnelKit Funnel Builder.

FunnelKit’s Funnel Builder is the ultimate solution for building high-converting sales funnels in WordPress. It lets you create opt-in pages, sales pages, custom checkouts, order bumps, one-click upsells and thank you pages.

The plugin integrates with different page builders to create perfect sales funnels for your online business.

Make sure you have installed the Funnel Builder plugin on your website to set up attractive order bumps.

Get a copy of the plugin below:

You can refer to our guide on installing and activating the Funnel Builder plugin on your WordPress website.

In this section, you'll get answers to your 'How do I make an order bump?' queries.

Let's look at the step-by-step instructions on how to add an order bump:

Step 1: Add a new funnel

The first step of adding an order bump is to design a checkout page for your store.

To add a product-specific checkout, go to FunnelKit ⇨ Funnels. From there, click on ‘Create New Funnel’.

Go to Funnels and hit the Add New Funnel button

Browse through the templates here on this page.

FunnelKit deeply integrates with different page builders like Elementor, Divi, Oxygen and Gutenberg. If you want to use any other page builder, you can build it using custom shortcodes.

Select the page builder you want to build your checkout page with and choose a template.

Sales Funnel templates - choose a template

Choose the number of steps you want - one-page checkout or multi-step checkout page.

Once done, hit the ‘Import This Funnel’ button and name your funnel.

Import your funnel and name it - woocommerce order bump

Clicking on ‘Done’ will import your funnel.

Step 2: Customize your checkout page

You can customize your checkout page the way you want. All you have to do is click on the checkout page to start editing it.

Click on the name of your checkout to start customizing it

Let’s first add a product to our checkout page.

Go to the Products tab and click on the ‘Add Products’ button.

Search for the products from your WooCommerce store to add them to your checkout page:

Add products to your checkout page

You can even offer discounts or set quantities for your products.

Configure the discounts and quantity of the product you want to offer on the checkout page

Once done, click on ‘Save Changes’. This is how you can add products and make a product-specific checkout page.

Here are a few detailed guides to help customize your checkout page:

Once the checkout page is ready, let’s create our order bump offer.

Step 3: Add an order bump

Return to the funnel and click the ‘Add Order Bump’ button below your checkout page.

After you've designed a checkout page, click on the Add Order Bump button

Next, enter the name of your WooCommerce order bump offer.

Name your woocommerce order bump offer

Clicking on ‘Add’ will add the newly created order bump under your checkout page in your sales funnel.

Next, choose the order bump skin by clicking on the 'Import' button.

Import your woocommerce order bump skin

It'll take you to the product selection for your order bump offer.

Step 4: Add a product to your WooCommerce order bump

Add an item from your WooCommerce store that you want to offer as an order bump on the Products tab.

Click on ‘Add Products’ and search for the item you want to add.

Search for the products you want to add to your woocommerce order bump

Hit on the product to add it as your order bump.

Feel free to offer any discounts or set the quantity of your bump offer on the Products tab. You can even set its product behavior from here.

In case you’re offering complementary products, select the ‘Add Order Bumps to Cart Items’ option. If you’re offering product or service upgrades, hit the ‘Replace Order Bumps with a Cart Item’ option.

Configure the discount and set the behavior like add order bumps to cart items and replace order bumps with a cart item (used for product upgrades)

Furthermore, FunnelKit even has the facility to let you sell variable products as a bump, allowing the customer to choose the variation of the product they wish to buy. For example - the color and size of clothes.

Once done, click on the ‘Save’ button.

Step 5: Customize the order bump design

Go to the Design tab to select an order bump skin for the offer and even customize the content and style of the bump.

For each order bump offer, edit the content, such as title, description, button text, product image visibility, etc.

Go into the Design tab to customize the content of the WooCommerce order bump offer

Customize the design and appearance of your WooCommerce order bumps by going to the ‘Style’ section.

Here, you can set its display position, pre-selection of your bump offers and even hide it after selection.

Start styling your order bump offer from the style section under the design tab

Here, you’ll be able to customize the size and colors of fonts, buttons, borders, price, description text, product image border, and more.

Click on ‘Save’ once done.

Customize the size, colors of title background, price, arrow animation, description text, etc. on your order bump offer

Furthermore, you can even change the skin of your order bump.

To do that, click on the ‘Change Skin’ button.

Change your woocommerce order bump skin

Choose from a variety of available skins and click ‘Import’ to make it active on your bump.

Browse through the order bump skins available in FunnelKit and import it to your checkout page

Make sure to press ‘Save’ once done.

Furthermore, you can add multiple bump offers and arrange their order that will be shown to your shoppers on the WooCommerce checkout page.

Step 6: Add rules to your WooCommerce order bump offer

Rules let you display order bumps to shoppers only when certain conditions meet.

Add rules to your bump offer on the woocommerce checkout page

If you're creating a product-specific checkout page using a sales funnel, the bump will only appear on that product's checkout and not on any other checkout page, so offering a relevant and complementary product would be smart.

But if you're designing a global checkout, these rules can be used to regulate the bumps that show up on the checkout page, like:

  • Cart contains a particular product
  • Cart total is less than, more than, or equal to a specified threshold
  • Customer location, among many others.

And that's it. Just save all the changes and your order bump is ready.

Step 7: Preview the Order Bump

To preview the bump and see how it appears on the checkout page, click on the ‘View’ button next to the checkout page.

Click on the Preview button to view your WooCommerce order bump on the checkout

When a user lands on the checkout page, this is how it will appear on the page:

Preview of the WooCommerce Order Bump Offer on the Checkout

Inspiring Order Bump Examples From the Experts

Let's discuss a few order bump examples that you can use.

Example#1: A Video Masterclass 

Here's an example from Robin Sharma. He's pitching exclusive access to video recordings of a 2-day live masterclass.

Take a look:

Order Bump Example #1: A Video Masterclass from Robin Sharma

You can also offer exclusive content like this on your website.

Example#2: Free Trial Offer to a Membership Site

This order bump is our absolute favorite.

It's from our client, Wardee from Traditional Cooking School. Here she pitches a free trial offer to her membership site.

Order Bump Example #2: A Video Masterclass from Traditional Cooking School

Free stuff always attracts people, so offering a free trial or an additional product at checkout is bound to grab their attention.

How to Track, Monitor and Improve Your Order Bump Conversions?

FunnelKit Funnel Builder offers you the ability to track and monitor your checkout and order bump conversions in real time.

To improve the performance of your order bumps, FunnelKit offers you the built-in A/B testing feature.

Let’s look at it one by one.

Conversions and Analytics

With FunnelKit, you can track the contacts that have entered your funnel, the breakdown of their purchase behavior, and their total spending.

All you have to do is go to the ‘Conversions’ section.

From here, you can see the name of your contacts entered, order ID, their email address, date of order placed, total money spent, referrers, UTM campaigns, and more.

Track all the contacts entered your funnel and see funnel conversions including order bumps

Clicking on the order ID will take you to WooCommerce orders section - you can manage your orders from there.

If you click on the customer name, it'll take you to their conversion profiles.

See the detailed conversion profile of your woocommerce customers

Apart from that, you can also monitor the performance of your checkout page and WooCommerce order bumps.

For that, there is a dedicated Analytics section in the FunnelKit Funnel Builder:

Measure the stats of how your order bumps are performing from the Analytics tab

You can track the page's visits, orders, and revenue at a glance at the top of the page. You also have the ability to select the time period for which the data would be displayed.

After the graphical representation of the funnel and its sales, you can study the individual funnel steps and their views, conversions, revenue, and conversion rate.

You also get the step-by-step breakdown of your sales funnel pages with the number of views, conversions, revenue and conversion rate.

See the views, conversions, revenue and conversion rate of each step in your sales funnels

Here you can get the analytical stats of your WooCommerce order bumps, checkout pages, landing pages, and more.

Then based on this data, you can make amendments to your offers and funnel steps designs to get more conversions.

A/B Test the Order Bump

FunnelKit allows you to A/B test the funnel and its individual pages.

A/B testing helps you compare multiple versions of a funnel page or attractive offers to determine which one performs better.

A/B testing feature to improve your funnel conversions

With FunnelKit's A/B testing feature, you can split-test your WooCommerce order bumps:

  • Products
  • Content
  • Offers and Discounts
  • Styling
  • Bump Positioning

A/B testing takes the guesswork out of the equation, only providing you with clear numbers and facts on which to base your decisions.

Split your audience percentage-wise, be it 50-50 or 60-40, or anything else.

For example, In the case of testing Order Bumps, you can send half the traffic to Order Bump A and the other half to Bump B before judging, which results in more conversions.

Once you’ve enabled your A/B tests, let it run and gather data for some time.

After you’ve enough data, you can declare a winning variant and transfer all the traffic to that variant for maximum conversions.

A/B testing will help you declare a winning variant and get conversion boosts

👉 Learn more about the A/B testing feature from our documentation here.

Add Order Bump & Improve the AOV in Your WooCommerce Store Today!

Order bumps can help boost your store's average order value and get better returns on ad spending.

But to ensure your order bump converts well, creating an enticing offer is essential.

Start with a low-dollar, no-brainer offer and pitch it using the 4G formula.

Then work your way up, offering much pricier bumps on the main order.

With FunnelKit Funnel Builder, you get all the options to create a perfect offer for your shoppers.

Plus, with its built-in A/B testing and performance tracking feature, you can measure and continuously improve your sales funnel, including order bump conversions as well.

You can’t get a better tool than FunnelKit. So why wait?

Get the whole package of the FunnelKit Funnel Builder from the link below:

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.
chevron-down