Creating order bumps in WooCommerce: A simple how-to

WooCommerce order bump offers can boost your store's conversion rates, average order values, and overall revenue. Learn three simple ways to set up order bumps: on the product page, cart page, and checkout page.

Order bumps are a low-effort, high-impact marketing strategy. They require relatively low setup and maintenance but have the potential to significantly increase your bottom line.

In this step-by-step tutorial, I'll take you through setting up order bumps in three different ways:

• On the product page, using WooCommerce Product Options.
• In a popup cart, using WooCommerce Fast Cart.
• At the default checkout and checkout, using Iconic Sales Booster.

I'll also show you tips on using WooCommerce order bumps to skyrocket your online store's sales and revenue.

But first, let's begin with the basics.

WooCommerce order bumps: An overview

In WooCommerce, an order bump is a marketing strategy designed to encourage customers to add complementary or related items to their carts during the shopping process.

To illustrate this with an example: Let's say your WooCommerce store sells electronic gadgets, and a customer is about to buy a camera. You can offer them extra camera lenses, a protective case, a tripod, a camera bag, or an additional memory card — essentially, additional products directly related to the product the customer wants.

Traditionally, order bumps were additional items offered just before a customer completes their purchase on the cart or checkout page. However, conversion rate optimization (CRO) experts figured out that multiple order bumps can be equally effective when strategically presented to customers on other parts of the buying journey, like on the product page.

What is the difference between upsell and order bump?

Upsells are higher-priced or upgraded versions of the product the customer is currently looking at or has added to their cart. They are typically offered on the single product page. The goal of an upsell is to encourage customers to spend more by upgrading their purchase to something that provides greater value. For example, let's say you sell electronic gadgets. You can present customers viewing a basic smartphone with a more advanced (read: more expensive) model with better specifications and enhanced capabilities.

On the other hand, an order bump (or cross-sell) is a small, additional offer related to the product the customer is already buying. They are designed to capitalize on the customer's existing buying intent and make it easy for them to add on something extra with just a few clicks. For example, offering additional accessories like a protective case or screen protector to customers who want to buy a smartphone.

Both upsells and order bumps can be effective strategies for increasing sales and maximizing revenue. Upsells focus on upgrading the main product, while order bumps increase the average order value by offering relevant add-ons.

Benefits of promoting order bumps on your WooCommerce site

Here's how offering order bumps benefits both WooCommerce stores and customers:

• Better product discovery - Order bumps strategically place complementary or related products during the buying process. This can lead customers to discover additional items that they need.
• Higher average order values (AOVs) - Offering relevant, tempting upsells and add-ons encourages customers to spend more in each transaction.
• Lower cart abandonment rates - A well-placed order bump can act as a psychological purchase trigger for customers on the fence about buying. This makes them feel they are getting a better deal by adding complementary products to their purchase and motivates them to proceed with the transaction.
• Increased customer satisfaction - Offering relevant order bumps enhances the overall ordering experience by providing customers with options they may not have considered previously. For instance, offering a stylish phone case or screen protector to customers buying a smartphone. This adds value to their purchase and demonstrates that you deeply understand their needs, leading to higher satisfaction.

What makes a great WooCommerce order bump plugin?

Here are the essential factors to consider when choosing a WooCommerce order bump plugin for your store:

• Ajax technology - For the optimum customer experience, your chosen plugin should be built with Ajax technology to enable seamless, real-time cart updates without multiple page refreshes. This way, customers can add or remove items and still have a smooth and uninterrupted shopping experience.
• Robust customization - It should allow you to control the appearance, placement, and timing of the order bump offers.
• Strategy builder - To be effective, the plugin should allow you to offer relevant products based on what each customer is viewing (for product page offers) and cart contents (for cart and checkout page offers). For example, customers viewing a smartphone should be offered relevant accessories like phone cases or screen protectors, not random or irrelevant products.
• One-click add-to-cart functionality - The plugin should present the special offers without adding extra friction to the buying process. Customers should be able to add products to their carts with a single click and move to the next stage of the buyer's journey.
• Responsive - Over 50% of eCommerce purchases are made using mobile devices. Customers should be able to add extra products across all screen sizes without disrupting their user experience.
• Ease of use - Simplicity is paramount. Your chosen plugin should be intuitive and straightforward enough for beginners to use. Plus, there should be clear documentation, user-friendly settings, detailed tutorials, and a helpful, responsive support team to provide assistance if needed.

How do I create a bump order in WooCommerce?

WooCommerce doesn't have a built-in feature that lets you offer order bumps. However, you can easily add this to your store's php template with custom code, editing a page builder template (like Elementor), or a plugin.

This is a beginner-friendly tutorial, so I'll show you how to add order bumps using the best plugins:

• The product page using the WooCommerce Product Options.
• The cart page uses the WooCommerce Fast Cart.
• The checkout page uses the Iconic Sales Booster.

Pro tip: Want to boost your store's revenue even further? Combine these plugins to add order bumps throughout the sales funnel. This approach increases the number of conversion touchpoints and can lead to even better results.

1: Setting up product page order bumps with WooCommerce Product Options

WooCommerce Product Options is a popular order bumps plugin loved by thousands of WooCommerce sites. Most stores use it to:

• Add extra products — upsells and order bumps (cross-sells) — to the product page.
• Add additional options and add-ons to allow shoppers to customize products while shopping.

Here's an overview of how it adds order bumps to the product page

Suppose you sell electronic gadgets like smartphones, laptops, tablets, etc., and want to display order bumps on the single product page. For example:

You can use the 'Products' option setting to display handpicked products or products from a particular category. This shows relevant product recommendations to customers. Shoppers can then add extra products to their carts from the same product page.

Steps to add order bumps on the product page

Step 1: Install and activate WooCommerce Product Options

1. Get the WooCommerce Product Options plugin.
2. Download the .zip file to your computer.
3. Log into your WordPress admin dashboard and go to the 'Plugins' section.
4. Select Add New → Upload Plugin and add the plugin zip file you previously saved on your computer.
5. Click on Install Now → Activate.
6. Add the license key to the plugin setup wizard, activate it, and complete the wizard.

Step 2: Create a new options group

1. Navigate to Products → Product Options within your WordPress admin.
2. Select 'Add group' to add a group of products to be displayed as order bumps or upsells on the product page.
3. Enter a name in the 'Group name' field.
4. Select 'Display globally on all products' if you want to show the same group of products as order bumps on all product pages (Note: This isn't recommended as order bumps are most effective when the recommended products are relevant).
5. Select 'Show on specific categories or products' to set specific products and product category inclusions and exclusions.

   

6. Next, select 'Add option' from the 'Options' section.
7. Enter the name for the group of products in the 'Option name' field.
8. Select 'Products' from the 'Type' section.
9. Tick the 'Select specific products' checkbox to handpick products to be displayed on the single product page or the 'Select products dynamically' to enable the plugin to display appropriate products from a specific category.
10. Select 'Products' from the 'Display choices as' dropdown.
11. Add a brief, persuasive description to 'sell' the products.
12. Note: Don't tick the 'required' option.
13. Save the settings.

That's it! We've successfully added order bumps to the WooCommerce product page. Head to the front-end to preview and test it before rolling it to customers.

2: Creating a popup order bump with WooCommerce Fast Cart

The WooCommerce Fast Cart plugin upgrades WooCommerce's default cart and checkout pages with a slick, user-friendly fast cart.

This WooCommerce upsell plugin adds a fast cart that automatically opens in a popup or a side widget when a customer adds an item to their shopping cart or selects the floating icon on the page so customers can complete their purchases in seconds from any page on your site.

Here's an overview of how it adds order bumps to the cart and checkout pages

Let's say a customer adds a hoodie to their cart. The fast cart opens up for them to quickly complete their purchase. They can select additional offer products from the 'You may be interested in...' section (as pictured below).

They can also update the product quantity, enter the coupon code, select the appropriate shipping options, etc.

Steps to add order bumps on the cart page

Let's first configure the WooCommerce order bump plugin. Then, we'll add related products to each item using WooCommerce's default options.

Step 1: Install and activate WooCommerce Fast Cart

1. Get the WooCommerce Fast Cart plugin.
2. Download the .zip file to your computer.
3. Log into your WordPress admin section and go to the 'Plugins' section.
4. Select Add New → Upload Plugin and add the plugin zip file you previously saved on your computer.
5. Click on Install Now → Activate.

   

6. Add the license key to the plugin setup wizard, activate it, and finish the wizard.
7. Next, choose the display options:
   1. Layout: You can showcase the fast cart in a centered popup or as a side widget.

      

   2. Enable the 'Auto open' option if you want to open the fast cart as soon as a customer adds an item to their shopping cart.
   3. Decide where to showcase the floating cart icon on the page: top, bottom, or center. Select 'hidden' if you don't wish to use it.
   4. Specify whether you want to add the cart and checkout options (or both) to the fast cart.
   5. On the 'Cart contents' page, select the 'Show cross-sells' option to show related products in the fast cart. Select appropriate additional options (like the option to show product images, subtotals, prices, etc.), as you prefer.

      

Step 2: Add cross-sells to each product

Add cross-sells using WooCommerce's built-in options:

1. Go to Products → All Products within your WordPress admin dashboard.
2. Navigate to the product to which you want to add cross-sells and select 'Edit.'
3. In the product editor, scroll down to the 'Product Data' section and look for the 'Linked Products' tab.
4. Under the 'Linked Products' tab, you'll find the 'Cross-sells' field. Start typing the name of the products you want to cross-sell and select the product from the suggestions. (You can add as many cross-sells as you like).

   

5. After adding all the cross-sell products, scroll up and save your amends by clicking on 'Update'.

That's it! We've successfully added order bumps to the fast cart. Here's a preview of how it'll look on the front end.

3: Adding order bumps to the WooCommerce checkout page with Iconic Sales Booster

If you wish to add order bump products at discounted prices to the default WooCommerce cart and checkout pages, this method is for you.

Iconic Sales Booster lets you add one-time, discounted offers to the checkout page. You can either display the offer on all products or on specific items, i.e., based on the products in a customer's cart. Customers can add the discounted item to their order during checkout with a single click.

Store owners can customize the discount type and add the order bump offer to your preferred location on the checkout form, including before the order review section, before/after cart contents, shipping information, order total, place order button, payment gateways, etc.

Tips for using a WooCommerce order bump offer

Here are some tips for using order bump offers in your online store's upsell funnels:

• Select relevant products as order bumps - Choose products that complement the main item the customer is viewing or has added to their cart. For instance, if a customer is purchasing a camera, targeting them with offers like camera case or extra batteries will likely convert better than say, a microwave oven or electrical heater. The key is to offer items that naturally pair well with what the customer is already buying.
• Don't offer upsells on the cart and checkout pages - Customers on the cart and checkout pages have already decided to place their orders. Offering a more expensive variation of the same product at this stage (i.e., an upsell) can confuse them and lead to abandoned carts. The best place to suggest upsells is on the product page — before the customer decides on the product to buy. While on the cart and checkout pages, present additional items that add value to their current purchase, a.k .a. cross-sells.
• Position the cross-sell offer well - Place the order bump in a prominent and non-intrusive location on the product, cart, or checkout page. Use a contrasting color to highlight the add-to-cart button. Customers should notice the offer without it disrupting their shopping flow.
• Use one-click add-to-cart functionality - Eliminate unnecessary steps by enabling customers to add additional items to their cart with a single click and speed up the checkout process. Customers shouldn't have to navigate to a different page.
• Offer limited choices - Too many product options can overwhelm customers and lead to indecision. As a rule, don't add more than five order bump offers per product.

FAQs about using a WooCommerce order bump offer

Here are some common questions about adding order bump offers to WooCommerce:

What is a checkout bump?

A checkout bump is an additional offer presented to customers during the checkout process, specifically on the cart or checkout page. E-commerce stores use checkout bump offers to encourage customers to add extra, complementary items to their orders before completing their purchases.

For example, let's say a customer is buying a smartphone from an online electronics store. Offering a screen protector, extended warranty, or a phone case at a discounted price on the checkout page can 'bump up' their average order value and enhance their experience.

How do I display upsells on the product page in WooCommerce?

The best way to display upsells on the product page is by using Barn2's WooCommerce Product Options plugin.

WooCommerce Product Options lets you display upsells (and order bumps) below the 'Add to cart' button on the product page.

What is the best order bump for WooCommerce?

The three best order bump plugins for WooCommerce stores are:

• WooCommerce Product Options - To add order bump offers and one-click upsells to the single product page.
• WooCommerce Fast Cart - To add cart and checkout upsell offers to an upgraded fast cart.
• Iconic Sales Booster - To add order bump offers to the default WooCommerce checkout page.

Add WooCommerce order bump offers to your site today!

Although order bump offers require minimal setup, they can yield high rewards. When implemented strategically, they can boost average order value, conversion, and customer satisfaction while reducing cart abandonment rates.

The best plugins to sprinkle in WooCommerce order bump offers throughout the shopping journey are:

• WooCommerce Product Options - To offer order bumps on the single product page.
• WooCommerce Fast Cart - To show order bumps in a fast cart.
• Iconic Sales Booster - To offer order bumps on the default WooCommerce checkout page.

Get these plugins to add order bump offers to supercharge your store's revenue today!