A ripple spreading from the press, the button label swapping to its after state, and a tick popping in beside it.
The purchase beat for a store walkthrough, an app demo or the moment a review turns into a recommendation. Two labels carry it, before and after, and both sit inside the same button, so four or five characters of headroom is all there is — ADD TO CART and ADDED is roughly the ceiling. The ripple fires once at the point of contact; if the clip underneath already shows a real cursor, line the two up rather than letting them press at different moments.
Two labels, before and after, both inside the same button, so four or five characters of headroom is all there is: ADD TO CART and ADDED is roughly the ceiling. If the clip underneath shows a real cursor, line the ripple up with it rather than pressing at different moments. The button colour is the fill.
Add To Cart Button 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 1.4 seconds, holds for 0.8 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.
No. The ripple spreads from the press point and the label swaps, with a tick popping in beside it. It reads as a press without a pointer, which suits both mouse and touch footage.
Only slightly. Both sit in one button that does not grow, so ADDED TO BAG will crowd where ADDED will not.
