Design Funnel Steps Easily

Docs
  1. Home
  2. Docs
  3. Order Bump At The Checkou...
  4. How to Add Variable Products to Order Bumps

How to Add Variable Products to Order Bumps

Order bumps are one of the most powerful ways to increase your average order value. With WPFunnels, you can create advanced order bump offers, and now you can include variable products as part of your bumps.

This allows you to present customers with different options—like sizes, colors, or plans—right on the checkout page, making your upsells more dynamic and tailored. This guide will walk you through the steps to create an order bump with variable products in your funnels.

Steps to Creating an Order Bump Offer with Variable Products

Step 1 – Create a Sales Funnel

First, create a typical sales funnel. You may either import a pre-designed template or build one from scratch. If you are new to WPFunnels, follow this guide to create a new funnel.

Step 2 – Add an Order Bump

  • Go to the Checkout steps settings.
Funnels Dashboard
Click Order Bump
  • Here, go to the Order Bump tab and click on + Add Order Bump.
Order bump tab-click on Add Order Bump
  • After that, an Order Bump section will open where you can edit the order bump name and configure many other settings.
Order Bump Dashboard

Step 3 – Assign Order Bump Variable Product

To add a variable product as an order bump:

  • Ensure your product is set as a variable product in WooCommerce with all its variations configured.
Add a Variable Product
  • Now, search and assign the Variable product you want to offer as an order bump on the “Select Product” field.
Assign order bump Variable product
  • You have the flexibility to adjust several customization options, including:
    • Basic Settings
    • Color Customization
    • Discount Settings
    • Conditions
  • Basic Settings: Configure the Order Bump name, select a style, and define its display position.
Order Bump Basic Settings
  • Color Customization: You can adjust the colors to match your branding and maintain a consistent look.
Order Bump Color Customization
  • Discount Settings: Configure the pricing options you want to offer.
Order Bump Discount Settings
  • Conditions: Define conditional rules that determine when your order bump will be displayed.
Order Bump Condition
  • Finally, select Save Changes to confirm and preserve all modifications
Save Changes
  • Similarly, you can add multiple order bumps to the checkout field.
Add Another Order Bump
  • When you navigate to the checkout page, the newly added order bump will be visible.
Order Bump View In Checkout
  • Click the toggle icon, a pop-up will appear, then select the variants.
Choose the Variants of the Variable Products

Now your order bump with variable products is ready to go live and available for your customers at checkout!

How can we help?

×