Order Bump Box

What it does

The order bump is the little offer sitting right above your pay button: tick the box, add one more thing, done. It's the highest-intent spot in your whole store, and this box uses it politely. One tick, a little more revenue, zero pressure.

• The checkbox is never pre-ticked; the code forbids it outright.
• Ticking adds the price to the visible total instantly; unticking removes it just as fast.
• The changed total is announced to screen readers, not just repainted.
• The price shown is exactly the configured price, and fake only-today urgency is banned.
• The whole row is one big tap target, sitting exactly where the decision happens, directly above the pay button.
• On narrow screens the price wraps neatly under the title, never gets clipped.
• No offer configured means no box.

How it works

1. 01

   Pick the box style, a dashed accent border or a soft filled tint.

2. 02

   Choose the contents, title and line, or with a small product image.

3. 03

   Copy the prompt, the box's little build plan for your AI, into whichever AI you use.

4. 04

   Fill in your real bump offer: the title, one supporting line, and the true price, nothing padded.

5. 05

   Connect the marked spot to your checkout, so a ticked box actually joins the order with the right product attached.

6. 06

   Tick and untick as a test: the visible total should follow instantly both ways, and the box should never arrive pre-ticked.

What you can customize

• Box style: dashed is the classic special-offer look without shouting; filled sits calmer on minimal checkouts that hate borders.
• Copy slots: text only keeps it quick to read; the small image earns its place for visual products.
• Colors and wording adapt to your checkout automatically, because your AI builds the box right inside your own design, checkout included.