---
title: How To Create and Customise an Order Bump
description: "An **Order bump** is a small, one-click upsell offer shown directly on the checkout page, designed to encourage customers to add an extra product or service to their purchase with minimal effort. This allows shoppers to include the offer without…"
url: "https://rextheme.com/docs/how-to-create-and-customise-an-order-bump/"
updated: "2025-10-10"
category: Checkoutify / Getting Started
---

# How To Create and Customise an Order Bump

An **Order bump** is a small, one-click upsell offer shown directly on the checkout page, designed to encourage customers to add an extra product or service to their purchase with minimal effort. This allows shoppers to include the offer without leaving the checkout flow or re-entering any details.
It is an effective upsell strategy that boosts sales by offering additional products at checkout.

With **[Checkoutify](https://rextheme.com/checkoutify-checkout-field-manager-for-woocommerce/)**, you can easily create and customize order bumps to increase conversions and revenue.

This guide will show you how to set up an Order Bump to maximize your sales.

## Customize WooCommerce Checkout Page

Once Checkoutify Pro is activated, hover on WooCommerce in your WP dashboard and click on the** **Checkoutify tab. It will take you to the Checkoutify Dashboard.

[![How To Create and Customise an Order Bump 1](https://rextheme.com/wp-content/uploads/2024/09/1.png)](https://rextheme.com/wp-content/uploads/2024/09/1.png)

Once you have already created your custom checkout using Checkoutify, this guide will show you the customization of the Order Bump.

Here’s a guide to learn [how you can customize your checkout using Checkoutify](https://rextheme.com/docs/how-to-replace-your-wpfunnels-checkout-using-checkoutify-checkout-customizer/).

## Customizing The Order Bump

Now let's start customizing an Order Bump

**1.** On the checkout customization page you'll see the **Order Bump** option on the bottom right corner. By clicking on it you will see the button:
**' + New Order Bump'.**

[![How To Create and Customise an Order Bump 2](https://rextheme.com/wp-content/uploads/2024/09/4.png)](https://rextheme.com/wp-content/uploads/2024/09/4.png)

**2.** Click on the **'+ New Order Bump'** button and a popup window will open to create and configure the order bump.

[![How To Create and Customise an Order Bump 3](https://rextheme.com/wp-content/uploads/2024/09/Checkoutify-‹-skinCafe-—-WordPress-1.png)](https://rextheme.com/wp-content/uploads/2024/09/Checkoutify-‹-skinCafe-—-WordPress-1.png)

**3.** Here you'll find the options for customizing the Order Bump.

#### **Select Template**

There are six pre-built template styles available for the Order Bump — **Style 1** to **Style 6**.
You can select any of these templates based on your design preferences and business requirements to best match the look and feel of your checkout page.

#### **Order Bump Colors**

**Order Bump Background Color**
Defines the background color of the entire order bump section.

[![How To Create and Customise an Order Bump 4](https://rextheme.com/wp-content/uploads/2024/09/5-2.png)](https://rextheme.com/wp-content/uploads/2024/09/5-2.png)

**Order Bump Primary Color**
Sets the accent color for the Banner

[![How To Create and Customise an Order Bump 5](https://rextheme.com/wp-content/uploads/2024/09/6.png)](https://rextheme.com/wp-content/uploads/2024/09/6.png)

**Order Bump Price Color**
Determines the color of the product price displayed within the order bump

[![How To Create and Customise an Order Bump 6](https://rextheme.com/wp-content/uploads/2024/09/7.png)](https://rextheme.com/wp-content/uploads/2024/09/7.png)

#### **Product Selection**

Select your Product for the Order Bump and click on **"Add"**, set the Product Title and the Quantity with the Product Image

[![How To Create and Customise an Order Bump 7](https://rextheme.com/wp-content/uploads/2024/09/8-1.png)](https://rextheme.com/wp-content/uploads/2024/09/8-1.png)

#### **Choose the Text and Color for your Order Bump**

[![How To Create and Customise an Order Bump 8](https://rextheme.com/wp-content/uploads/2024/09/9.png)](https://rextheme.com/wp-content/uploads/2024/09/9.png)

#### **Discount**

[![How To Create and Customise an Order Bump 9](https://rextheme.com/wp-content/uploads/2024/09/10-1.png)](https://rextheme.com/wp-content/uploads/2024/09/10-1.png)

There are 3 Types of Discounts

- **Original:** Original Sale Price which was applied to the product
- **Percentage:** The percentage discount applied to the Regular Price or the Sale Price of the product
- **Flat Amount:** The flat discount applied to the Regular Price or the Sale Price of the product

**Replace Product:**It will replace all products (from checkout products) with the order bump product)

**4.**Once the editing is completed, click on the**Save Changes** button and put the Order Bump in your Checkout and **Update**

Now if you go to** **complete the purchase process you’ll see that your customized **Order Bump** has been added.

[![How To Create and Customise an Order Bump 10](https://rextheme.com/wp-content/uploads/2024/09/12.png)](https://rextheme.com/wp-content/uploads/2024/09/12.png)