Coupon

A ticket with a perforated tear line tears in: the deal on the stub, the code in a dashed box — then a click copies it.

  • promo/coupon
  • Promo
  • cta
  • Overlay with alpha
  • 4 s (1.5–20 s)
Live in your browser
Coupon at 16:9
0.00 / 4.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render promo/coupon --prop deal="20% off" --prop note="your first order" --out coupon.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render promo/coupon --aspect 9:16 --style cobalt --out coupon-9x16.mov
volito render promo/coupon --format mp4 --out coupon.mp4
volito still promo/coupon --t 2 --out coupon.png
volito info promo/coupon     # every prop and part
volito add promo/coupon      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("promo/coupon"), { props: { deal: "20% off", note: "your first order" }, out: "coupon.mov" });

Or ask an agent with the MCP server connected: “Render the Volito coupon (promo/coupon) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
dealtext20% off≤ 12 chars
notetextyour first order≤ 32 chars
codetextSAVE20≤ 16 chars
copied
After the click
textCopied≤ 12 chars

Parts

Each part takes any move, ease or idle: --motion ticket.in=pop.

PartWhat it is
ticketthe ticket
codethe code box
copiedthe copied chip

Tags: promo, sale, offer, coupon, code, voucher, ticket, promo code, discount

More in Promo