Commerce

Upsell Bump

Show an order, an optional add-on and the resulting total as a checkout bump customers can understand at a glance.

Duration
3s
Frame
640 × 360
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Upsell Bump animation

Upsell Bump is designed for checkout walkthroughs and offer breakdowns, not for hiding the final price. Name the items already selected, state the add-on and its extra cost, then make sure the total is correct. It can explain a bundle strategy in educational content or preview a real upgrade during a launch.

Where it fits

  • In a checkout walkthrough, explaining an order bump before the customer sees it live.
  • In a course about offers, as the diagram of how a bump changes the total.
  • In a launch, previewing the upgrade a buyer will be offered.

Filling it in

Name the items already in the order and their prices, then the add-on and its extra cost with a plus sign, +$9. The total must be the sum of everything above it; check it before you export. Write the bump as a benefit, Priority delivery, rather than a product code.

Format and timing

Upsell Bump is built at 640 × 360, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 3 seconds at 30 frames per second. It arrives in 0.9 seconds, holds for 1.3 and clears in 0.8, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

Who reaches for this

What you can edit

  • Item 1text
  • Price 1text
  • Item 2text
  • Price 2text
  • Bump offertext
  • Bump pricetext
  • Total labeltext
  • Totaltext
  • Accentcolor

Questions about Upsell Bump

Does the total update when the bump is added?

The total lands after the bump joins, so it reads as the result of adding it. The figure itself is the one you type, so enter the post-bump amount.

Can I show two add-ons?

There is one bump slot. For two, fold them into one line, such as Priority delivery and gift wrap, and price them together, or run two versions in sequence.

More commerce animations