In this document, let's learn how to set up an order bump on your checkout page.
Step 1: Click on 'Add Order Bump' next to the Checkout Page
After adding the checkout page to your funnel, you can add the order bump. To do that, click on Add Order Bump.
When you do so, a pop-up window will open up. Name your order bump and click on the 'Add' button.
Here's how you can name your order bump:
Click on the Order Bump to customize it.
Here you'll see four tabs to set up your order bump - Products, Design, Rules, and Settings.
Step 2: Add a Product as your Order Bump Offer
'Products' is the first tab. It allows you to select the product that you want to offer.
To add a product, click on the 'Add Product' button and type in the name of the product.
You can also set the discount and the quantity of the selected product at the order bump level from here.
Also, we have added some additional order bump settings in the Funnel Builder 2.0.
You can select to replace order bumps with a cart item (preferably used for subscription upgrades) and set the position of your bump offer.
Once done, click on the Save changes.
Step 3: Design your Order Bump
The next tab is the 'Design' tab.
This tab lets you design, choose the skin and style your order bump offer.
Set the text for your order bump - the product title, the content of the offer. You can also choose to specify the product image from here.
Next, choose the skin for your order bump. Click on Choose Skin to import the skin you like.
We have added some new skins to design your order bumps.
Select the skin you like and click on Import.
Tweak the padding, color, border, and more of the bump to make it look the way you want.
Once done, hit the 'Save' button.
Then move on to the next tab.
Step 4: Add a Rule
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.
Then, 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 Changes' button.
Step 5: Do the final settings
'Settings' is the final and the last tab in the sequence.
You'll find the settings to set the priority of this order bump.
Once you're done with that, hit the 'Save changes' button to lock all the changes made.
Here's how the order bump will show on the checkout page:
That's done! You've now set up your first order bump for your WooCommerce store.