Positioning order bumps in FunnelKit checkout pages #

When you design a sales funnel you may want to place the order bumps higher up in the checkout flow, for example before the order summary. This article explains what is possible and where the limits are.

The standard FunnelKit checkout layout #

FunnelKit checkout pages have a fixed structure:

1. Contact information (name, email, address)
2. Order summary (products and total)
3. Payment section (including order bumps)

You can set the order bumps themselves to appear at specific points within that structure.

Positioning order bumps in the checkout screen #

You can change the position of order bumps within the payment section:

1. Go to Sales funnels → Funnels
2. Open your funnel, open the checkout and click the Order Bump on the checkout to open it
3. In the editor, under the Design tab, click the ‘Style’ sub-tab, where you can select the various positions for the order bump:
4. Save your changes

Changing the position on mobile #

You can also give the order bump a different position for desktop and for mobile:

A short summary: #

Step 1 — Open the checkout #

• Open the funnel in question
• Click the Checkout step (Order Bump)

Step 2 — Edit the order bump #

• Open the Order Bumps tab or section
• Choose the order bump in question
• Open the settings of the bump

Step 3 — Change the position #

Depending on the FunnelKit checkout layout you use, you will see options such as:

• Before Payment Gateway
• After Payment Gateway
• Before Order Summary
• After Order Summary

Select the position you want there.

Check your change in the checkout #

After changing the position of the order bump you can view the result straight away:

An alternative to using an order bump #

Instead of using order bumps you can also set up several products in a single sales funnel and let the customer choose, or offer upsells.

• Separate product page: offer the extra products on a separate page before the checkout
• Upsell page: use an upsell page after payment for additional offers

Keeping the order summary visible #

On mobile devices the order summary can be less prominent. Make sure customers can always see what they are ordering by testing the checkout layout at different screen sizes.