1. Home
  2. Docs
  3. Sales Funnel Offers To Boost Sales
  4. Order Bump Offer At The Checkout

Order Bump Offer At The Checkout

An order bump offer is one of the best ways to make a buyer spend more right on the spot at the checkout page.

It is basically a small offer you can give at the checkout page, which a buyer can avail with just a click – something like this:

Order bump at the checkout example

An using an order bump in your sales funnel is easier than you think. It’s a matter of a few clicks.

In this quick guide, I will show you how you can add an order bump at the checkout for a sales funnel.

How To Add An Order Bump At The Checkout

First, create a typical sales funnel. You may import a template or create one from scratch.

Then plan & map your steps and assign the main sales product to the funnel.

Then follow the steps below to add an order bump offer at the checkout.

Step 1 – Enable Order Bump At The Checkout Step

Select the checkout step and click on the Settings icon to open the checkout step settings drawer.

Here, to the Order Bump tab and click on Enable Order Bump.

Order bump tab

Once you enable it, you will get to configure your order bump offer.

Order bump enabled

Step 2 – Choose the order bump offer product

Once you have enabled it, the first thing to do is to assign the order bump offer product.

Click on Select Product, and search for the product you want to offer. Then select it and the product will be added.

Order bump - product selected

You will see the Product image is there, and a Preview of the order bump offer is on the right side.

Just below the field where you selected the product, you can assign the quantity of the product that is included in the offer.

Step 3 – Set The Order Bump Style And Template

After you choose the offer product, choose the style and position of the order bump. To do so, you will get the following options:

  • Select Template
  • Order Bump Position
  • Order Bump Main Color
Style and position of order bump

i. Select Template

Here, you will find multiple order bump templates to choose from. We will regularly add more and more templates and you may choose the one you find suitable here.

Here’s how the order bump template, Style 1, looks like:

Order bump template - Style 1

ii. Order Bump Position

You can place the order bump in several positions on the Checkout page, which include the following:

  • Before Order Details
    The order bump will be placed right above the order summary in the checkout page, where you get to see the products in the order, and the total cost.
  • Before Checkout Details
    The offer will appear above the checkout form.
  • After Checkout Details
    Offer will be placed right below the customer information details, i.e. below the Billing & Section of the checkout form.
  • Before Payment Options
    The order bump will be placed just above the payment section where a person will input payment details.
  • After Payment Options
    The offer will be displayed just after the payment section, just below the “Place Order” button.
  • Pop-up Offer
    The offer will appear as a pop-up after a few seconds into the checkout page.

**Besides choosing the positions here, you can also configure these visually when editing the checkout step in your page builder, through the WPFunnels Checkout widget/block. We will learn in detail about it in a later guide.

iii. Order Bump Main Color

You can choose the main color of the order bump through a color picker.

OB color picker WPF

Changing the color will change the main color of the offer as seen below:

Change OB Color

Next, it’s time to set up the offer content.

Step 4 – Optimize The Offer Content

If you scroll down a bit, you will see, there are a few things you can work on for the content which includes:

  • Product Image
  • Highlight Text
  • Checkbox Label
  • Product Description
Order bump offer content fields

i. Product Image

When you select the order bump product, initially, it will use your product’s default feature image as the offer image. However, you can change it and use a different image just for the offer.

Simply hover on the image and click on it, and it will open the Media Library where you can choose from one of your existing images or upload a new image.

This will be the image viewed in the order bump offer section.

Order bump Image
Order bump preview – Image

ii. Highlight Text

This will be a special text just below the product title on the order bump offer.

Order bump - highlight text
Order bump preview – Highlight Text

As you can see, this text is highlighted to grab the buyer’s attention, which means you have to use a catchy sentence that will help to convert the buyer.

iii. Checkbox label

This will be the label beside the checkbox to accept the offer.

Order bump - Checkbox label
Order bump preview – Checkbox Label

iv. Product Description

This will be the text description of the product, or you may explain the offer more here.

Order bump - product details
Order bump preview – Description

**How these details are viewed will vary depending on the order bump template you use.

Step 5 – Use Exclusive Discounts If Needed

After inputting the offer content, your order bump is just about ready. You can simply save it and it will be in effect.

However, you will notice that below, there is a section for applying exclusive discounts on your offer product through this offer.

Order bump exclusive discount section

Here, you can choose to add a special discount on your order bump product just for this funnel.

**We will learn in detail about the different discount options here in a later guide.

And that’s it. These are all you need to set up the Order bump. You can then click on Save Changes below and your funnel will now have a functional order bump offer.

If you imported a template for the checkout page, then you can now simply preview the checkout page to see the order bump in action.

Now that you know how to add an order bump to your funnel, let us proceed with learning how you can configure it from the Checkout widget/block settings when editing the checkout page with your page builder.

Order Bump Setting in WPFunnels Checkout Widget/Block

Was this article helpful to you? Yes No

How can we help?