Your Divi store gets visitors, they buy one thing, and they leave. A standard WooCommerce checkout has no “add this too” moment. An order bump and a one-click upsell add that moment without changing what your customers already know about buying from you.
Order bump vs upsell: what’s the difference?
- Order bump: a single checkbox right above the pay button that adds a small extra to the order. It is not its own page. It should be unticked until the buyer chooses it. Pre-ticked add-ons annoy customers and erode trust.
- Upsell: an offer shown after payment, on its own step, with an Accept and a Decline button.
- Downsell: if the buyer declines the upsell, a lighter offer on another step.
What “one click” really depends on
A true one-click upsell charges the payment method the buyer just used, without asking for card details again. Whether that’s possible depends on the payment gateway, not the page builder:
- Stripe (WooCommerce Stripe Gateway) can charge the saved card in one click, as a linked order.
- Cash on delivery, bank transfer and check can add the upsell to the same order in one click.
- Other gateways (WooPayments, PayPal and others) need the buyer to confirm on a short payment page, or you can skip upsells for them.
Check which gateways your store uses before you plan an upsell flow around one click.
Building it in Divi
The checkout is the hard part. Divi’s WooCommerce modules lay out the normal store checkout, but they don’t add bumps or post-payment offers. A funnel plugin fills that gap. Whichever you pick, look for these things:
- Each step is a normal page you design in the Divi Builder, so it matches the rest of your site.
- It uses WooCommerce for payment, so your products, taxes, shipping and payment methods stay as they are.
- It doesn’t replace your normal store checkout unless you want it to.
- Its scripts load only on funnel steps, so the rest of the site stays fast.
How we do it with Divi Funnels
We built Divi Funnels for this. It turns Divi pages into steps (sales page, checkout with an order bump, one-click upsells and downsells, thank-you page) and adds eight Divi modules for the parts that sell, including Funnel Checkout, Order Bump and Upsell Offer. They work in Divi 4 and Divi 5. You can start from one of six templates, such as Ecommerce Bump + Upsell or Product Launch, and each starts as a draft.
It needs WooCommerce installed first. Funnel CSS and JavaScript load only on funnel steps, and only funnels you set to replace the store checkout change it.
Measure it without tracking cookies
Once a bump or upsell is live, watch the take rate and test one change at a time, such as the offer, the price or the headline. Divi Funnels includes A/B split tests and analytics for visitors, conversions, revenue, average order value and bump and upsell take rates. It sets no tracking cookies, stores no IP addresses and respects Do Not Track. Funnels, leads and analytics stay in your WordPress database.
The Divi Funnels user guide walks through setup. If you’re moving funnel pages between sites, see how to move Divi layouts, templates and presets to another site.
Disclosure: suweb.ai is made by SU Web Agency, and we make the plugin mentioned here. The general steps work without it.