How one-click upsells work
After a buyer completes a purchase on an order form step, HoopAI automatically routes them to the next step in the funnel. If that next step is an upsell page, the buyer can accept the additional offer by clicking a single button. The charge is applied immediately to the same payment method used for the original purchase. No second form. No re-entering card details. One click.Upsell page structure
A typical upsell page contains:- Headline — leads with the benefit of the additional offer
- Video or image — demonstrates the product or explains the value
- Body copy — overcomes hesitation and reinforces the decision
- Yes button — accepts the upsell and processes the charge
- No button — declines the upsell and moves to the next step (often a downsell)
Adding an upsell step
Add a new step after the order form
In the funnel’s Steps tab, click Add New Step or Import. Name the step (for example, “Upsell 1”) and give it a path such as
/upsell-1.Design the upsell page
Open the step in the builder. Add your headline, copy, video, and button elements. The page should feel like a continuation of the purchase experience, not a separate offer.
Add the upsell button element
Use a standard Button element for the “Yes” button. In the button’s link settings, set it to Submit Form or use a direct URL to the next step. For one-click processing, the button must be linked to the upsell product assignment in the step settings.
Assign the upsell product
Click the gear icon on the step card and assign the product that represents the upsell offer. This is what gets charged when the buyer accepts.
Adding a downsell step
A downsell is shown to visitors who decline an upsell. It presents a lower-priced or stripped-down version of the upsell offer to recapture buyers who said no. The setup is identical to an upsell step:- Add a new step after the upsell step and name it (for example, “Downsell 1”).
- Design the page with a more modest offer and adjusted price point.
- Assign the downsell product to the step.
- Link the Yes button to trigger the charge and route to the thank-you page.
- Link the No button to route directly to the thank-you page.
Upsell vs order bump
| Feature | Order bump | Upsell page |
|---|---|---|
| Where it appears | On the order form, before checkout | On a separate page, after checkout |
| How to accept | Check a checkbox | Click a Yes button |
| Payment method | Charged at checkout with main product | One-click charge to saved payment method |
| Best for | Small add-ons, complements | Bigger, related offers |
Best practices
- Keep upsell pages short and focused. A visitor who just purchased is in a buying mindset — do not overwhelm them with information.
- The upsell should be a natural next step from what they just bought. If they bought a course, upsell a live coaching session.
- Price the upsell at roughly two to three times the original purchase price for best results.
- Always offer a clear, visible No button. Hiding the decline option frustrates buyers and increases chargebacks.
- Test different upsell offers, prices, and page designs using A/B testing to find what converts best.
.png?fit=max&auto=format&n=EQK5eX9kTD8NzWwA&q=85&s=878008bf159fcc4964d0c0d508b6e400)