gizzMotion Start creating

Products & apps template

Shop – product page, add to cart animation

Your product page on a phone: it scrolls to the details and Add to cart is tapped. A ready-made products & apps animation: change the content, pick the style and motion, then export a video for TikTok, Reels, Shorts or YouTube.

Put it on a gradient, a color, your own image or a transparent background. The example reads “Lumen Store”, “Glow Serum 30 ml”; replace it with your own.

Good for: shop, product, ecommerce, online store, product video.

Open in the editor, freeFree · No signup · Runs in your browser
Shop – product page, add to cart animation template preview

What you can customise

Your shop (shown on shop screens)

  • Store name
  • Product
  • Price
  • Old price
  • Rating
  • Sold line
  • Product photo 1
  • Product photo 2
  • Product photo 3
  • Buy button

Style

  • Dark shop
  • Pointer
  • Phone
  • Accent
  • Size

Your brand

  • Your logo (PNG, transparent works best)
  • Your name or @handle
  • Show badge
  • Badge position
  • Badge look
  • Badge size
  • Background photo (card sits on it)
  • Background padding

How to make it

  1. Open the template. It opens in the free editor in your browser, already animated.
  2. Make it yours. Edit store name, product, price in the Content tab. The preview updates as you type.
  3. Pick the format. Choose 9:16 for TikTok, Reels and Shorts, or 16:9 for YouTube, and set the background.
  4. Export. Save an MP4 to post, a transparent MOV for Premiere Pro, Final Cut or DaVinci Resolve, a WebM for CapCut, or a PNG still.

Export formats

  • MP4, 720p or 1080p, 30 or 60 fps
  • MOV (ProRes 4444) with transparency
  • WebM with transparency (CapCut)
  • PNG image

Related templates

See all products & apps templates →