The old price gets slashed, the new price counts down to the deal and a percent-off chip pops beside it.
Shop & Ecommerce
Add to Cart
- add to cart
- shopping
- button
Loading editor
Add to Cart Animation – Shopping Button Click Video
About Add to Cart
A cursor taps the buy button, the item arcs into the cart and the counter badge bumps up. Made for shop ads.
Part of Shop & Ecommerce. New to this kind of graphic? Read How to Add a Price Drop Animation to a Product Ad.
- Category
- Shop & Ecommerce
- Length
- 5 seconds, up to 60 seconds
- Playback
- Plays once
- Controls
- 16 editable
- 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
Frequently asked
What is the Add to Cart animation?
A cursor taps the buy button, the item arcs into the cart and the counter badge bumps up. Made for shop ads. It belongs to the Shop & Ecommerce category on velements, where you edit it in the browser and download it as a finished video file.
What can you customize in Add to Cart?
Every control in the editor, grouped the same way there. Content: title, subtitle, icon and from. Typography: font, weight and size. Style: background, text color, primary, secondary and accent. Layout: aspect ratio, corner radius and position. Motion: duration. Each change appears in the live preview straight away, and editing is free.
How long is Add to Cart?
Add to Cart runs 5 seconds by default, and you can set any length up to 60 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.
Can you download Add to Cart with a transparent background?
Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.
Can you use Add to Cart in commercial projects?
Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.
Related animations
Stars pop in and fill to the exact score while the rating counts up above the review total.
Code tiles flip in letter by letter and a copied confirmation slides up beneath. Drop it into any sale promo.
Shipping Tracker
7.5sA delivery truck drives along the order timeline, ticking each step from ordered to delivered.
Stacked cone bands taper down from visitors to buyers, each ring sized by its own number and labelled on both sides.
Stages taper down the frame and land one after another, each carrying its own figure so the drop-off reads at a glance.
A paper receipt feeds out of a printer slot line by line with your items and prices, then tears off along a zigzag edge.
An augmented reality shopping tag: a ping lands on the product, a leader line draws out and a glass card unfolds with name, price, star rating and an Add to cart chip.