1. Home
  2. Docs
  3. Order Bump At The Checkout
  4. How To Add An Order Bump At The Funnel Checkout Page

How To Add An Order Bump At The Funnel Checkout Page

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

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 may also change the Order Bump position anywhere on your checkout page:

  • Before Order Details
  • Before Checkout Details
  • After Checkout Details
  • Before Payment Options
  • After Payment Options
  • Pop-up Offer

**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.

In the next guide, let’s learn more about changing the order bump position.

Was this article helpful to you? Yes No

How can we help?