1. Home
  2. Docs
  3. OrderBump
  4. Getting Started
  5. How to Create an Order Bump

How to Create an Order Bump

Setting up your order bump? Follow these steps.

Step 1: Click on ‘Add New’ 

Go to ‘Order Bumps’ under WooFunnels from your WordPress dashboard.

Click on the Add New button.

When you do so, a pop-up window will open up. Name your order bump and click on the ‘Create’ button.

When you hit the ‘Create’ button you’ll be redirected to the Order Bump editor.

Here you’ll see four tabs to set up your order bump – Rules, Products, Design, and Settings.

Step 2: Add a Rule

‘Rules’ is the first tab. Specify when you want to show your order bump.

So once the rule matches the specified conditions, the order bump will be displayed on the checkout page.

To set it up, click on the ‘Add Rules’ button.

Next, select a rule from the drop-down. You can even add multiple rules in conjunction using the ‘And’ and ‘or’ functionality:

Always means that the order bump will be visible on the checkout page, no matter what they’re buying.

Once done, hit the ‘Save & Proceed’ button.

Step 3: Add a Product

The next tab is the ‘Products’ tab.

It allows you to select the product that you want to sell through the order bump.

To add product, click on the ‘Add Product’ button and type in the name of the product.

Here’s how:

You can also set the discount and the quantity of the selected product at the order bump level from here.

Once done, hit the ‘Save Products’ button.

Step 4: Design your Order Bump

The next tab in the sequence is the ‘Design’ tab.

This tab lets you design your order bump and write the text for your offer.

You’ll find 3 sub-tabs here:

Title – Set the text for your order bump – the product title, the content of the offer. You can also choose to hide the product image from here.

Skins – Choose the skin for your order bump. There are two skins available, and by default the first one is auto-applied.

Style – Tweak the padding, color, border, and more of the bump to make it look the way you want.

Once done, hit the ‘Save Design’ button.

Then move on to the next tab.

Step 5: Do the final settings

‘Settings’ is the final and the last tab in the sequence.

You’ll find two important settings here:

The first option allows you to re-order the Order Bump as per your requirement.

You can set the priority number for your order bump to define its priority.

Apart from that, you can also specify exactly where you want to display your order bump on the checkout page.

So you can pick an option from the drop-down:

Once you’re done with that, hit the ‘Save Settings’ button to save your changes.

There you go! You’ve now set up your first order bump for your WooCommerce store.

Once you’ready, hit the toggle button beside your order bump on the list to make it live.

Once the order bump is live, you can check how it looks on the checkout page by adding a demo product to your cart and landing on the checkout.