How to Add a Price Drop Animation to a Product Ad

Step by step

1. 1

   Choose the selling beat

   Price Drop is for one clear discount, because the old price gets slashed and the new one counts down. Promo Code is for a code the viewer has to remember, with tiles flipping in one letter at a time. Add to Cart makes a closing call to action. Product Rating and Shipping Tracker cover reassurance.

2. 2

   Type real prices and codes

   Price Drop uses From for the old price, To for the new one, Prefix for the currency sign and Decimals for cents. The percent-off chip is worked out from those two numbers. Promo Code takes Label for the code, Title above it and Subtitle for the confirmation. Add to Cart takes Title, Icon and From for the counter.

3. 3

   Give the numbers room

   Four presets default to 5 seconds and Shipping Tracker to 7.5. Extend Promo Code if the voiceover reads out the terms, so the code stays up while it does. Position moves each graphic away from the product, and Corner radius matches the chip or button to your brand. In 9:16, keep it clear of the bottom edge.

4. 4

   Export with alpha for product shots

   Four of the five start transparent, so the price can land on your product shot. MP4 has no alpha, so export a PNG sequence for Premiere Pro or After Effects, and WebM with alpha for CapCut or a shop page. Add to Cart ships on a solid color and works as an MP4.

5. 5

   Drop it onto the product

   In CapCut, import the WebM, put it on an overlay track above the product clip and pinch it to size beside the item. In Premiere Pro, choose File > Import, select the first PNG frame, tick Image Sequence, then use Motion to scale and move it. Start it on the line that mentions the deal.

Where it is used

• Flash sale ads

  A vertical product ad opens with the item, then lands Price Drop beside it with TODAY ONLY in Title, so the discount and the deadline both read within the first few seconds.

• Creator sponsorship reads

  A presenter reading a sponsorship adds Promo Code over their own shot with the partner's code in Label, so viewers who are not looking at the screen can catch it when they look up.

• Shop pages and order updates

  A small store puts Product Rating on a product page as WebM, and uses Shipping Tracker in a customer update video with its own step names in Labels and a matching Icon.

Presets

5

Default length

5 to 7.5 seconds

Best export

PNG sequence or WebM with alpha; MP4 for Add to Cart

Aspect ratios

16:9, 9:16, 1:1, 4:5

Which format should you export?

Transparent WebM so the price drop or the cart lands on the product shot, with no rectangle around it.

Format

MP4 · WebM · PNG sequence

Alpha

WebM or PNG sequence

Resolution

720p to 8K

Aspect

16:9 · 9:16 · 1:1 · 4:5

License

Commercial use included

Three tips that make it look intentional

• Show the old price only long enough to make the new one land.
• Put the promo code on screen for at least three seconds so it can be read.
• Keep the cart animation in the corner; the product stays the hero.

Three things people get wrong

• Showing the new price before the old one. The drop only reads if the viewer saw where it started.
• Covering the product with the badge you are using to sell it.
• Animating the star rating up from zero, which reads as a loading state rather than a score.

Frequently asked