|
/ Documentation /CartFlows/Order Bump/ How To Add Order Bumps To WooCommerce Sales Funnel?

How To Add Order Bumps To WooCommerce Sales Funnel?

An Order Bump allows you to offer an additional product directly on the checkout page. This is a simple yet powerful way to increase your average order value. Customers can add the extra product with a single click while completing their purchase.

How to Add an Order Bump

Step 1: Edit Your Flow

From your WordPress dashboard, navigate to CartFlows > Funnels and edit the Funnel where you want to add the Order Bump.

CartFlows-Funnels-List

Step 2: Open the Checkout Step

Locate your Checkout step and click on the Settings icon (cog icon).

Checkout Step Settings Scaled

Step 3: Add an Order Bump

Go to the Order Bump tab.

Type the name of your Order Bump and click Add. Once added, click on the Settings icon of the newly created Order Bump to configure it.

add order bump

Order Bump Settings Overview

The Order Bump settings are divided into four tabs:

  • Product
  • Content
  • Styles
  • Conditions

Below is a detailed explanation of each section.

1. Product Tab

Here, you can select the product you want to offer as an Order Bump.

  • Product – Type the name of the product you want to add and select it from the search results.
order bump product tab

2. Content Tab

This section allows you to control the text and basic display options of the Order Bump.

  • Checkbox Label – Customize the checkbox text customers click to add the offer.
  • Highlight Text – Add a compelling headline to grab attention.
  • Description – Provide additional details about the product.
  • Enable Image Options – Enable or disable the product image display.
order bump content tab

3. Styles Tab

Customize the appearance of your Order Bump to match your brand.

Layout

  • Order Bump Skin – Choose the design style for the Order Bump.
  • Width – Adjust the width of the Order Bump section.
  • Position – Control where the Order Bump appears on the checkout page.

Colors

  • Adjust available color settings to match your design preferences.

Borders

  • Customize border styles and appearance.

Shadows

  • Add or modify shadow effects for better visual emphasis.
order bump styles tab

4. Conditions Tab

  • Enable Conditional Order Bump – Display the Order Bump only when specific conditions are met.
order bump conditions tab

Once configured, save the settings to apply the changes. Your Order Bump will now appear on the checkout page, helping you increase conversions and overall revenue.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page