Limited Offer

50%-off combo deal with dashed promo-code box and show-at-counter CTA.

Type
Video
Format
Instagram Reel · 9:16
Orientation
Portrait
Duration
10.85s
Scenes
2
Render cost
$0.00271 / render
VariablesConditional scenes
Open in editor

Free template · opens in the editor, no account required.

Customize Limited Offer

Limited Offer is a ready-to-render Restaurant / food video design formatted for Instagram Reel · 9:16 with 2 scenes and support for variables, conditional scenes. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

9 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

restaurantNameText
KOI SUSHI BAR
offerNameText
Two platters, one bill
offerDetailText
Order any signature platter, get the second 50% off. Dine-in and pickup.
promoCodeText
KOI50
showPromoCodeToggle
on
validUntilText
Valid until Sunday, July 13
ctaTextText
Show this video at the counter
dishImageMedia URL
musicUrlMedia URL

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗
{
  "name": "local-limited-offer",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#101418",
  "outputFormat": "mp4",
  "variables": {
    "restaurantName": "KOI SUSHI BAR",
    "offerName": "Two platters, one bill",
    "offerDetail": "Order any signature platter, get the second 50% off. Dine-in and pickup.",
    "promoCode": "KOI50",
    "showPromoCode": true,
    "validUntil": "Valid until Sunday, July 13",
    "ctaText": "Show this video at the counter",
    "dishImage": "https://images.pexels.com/photos/10562410/pexels-photo-10562410.jpeg?auto=compress&cs=tinysrgb&w=1620",
    "musicUrl": "https://cdn.pixabay.com/audio/2025/03/19/audio_56ae1dae5f.mp3"
  },
  "scenes": [
    {
      "id": "offer",
      "duration": 6.4,
      "backgroundColor": "#101418",
      "transition": "smoothup",
      "transitionId": "code",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{dishImage}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 6.4
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 6.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='lloShade' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#101418' stop-opacity='0.5'/><stop offset='0.45' stop-color='#101418' stop-opacity='0.08'/><stop offset='1' stop-color='#101418' stop-opacity='0.9'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#lloShade)'/><path d='M0 108 H1080' stroke='#E43D5A' stroke-width='36'/><text x='540' y='120' text-anchor='middle' font-family='Arial' font-size='26' font-weight='800' letter-spacing='6' fill='#FFFFFF'>LIMITED OFFER · THIS WEEK ONLY</text></svg>"
        },
        {
          "type": "TEXT",
          "x": 80,
          "y": 1300,
          "width": 920,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.4,
          "enterEnd": 0.9,
          "enterAnimation": "smoothup",
          "exitEnd": 6.4,
          "style": {
            "fontFamily": "Poppins"
          },
          "html": "<div style='color:#FF97AA; font-size:27px; font-weight:800; letter-spacing:5px;'>{{restaurantName}}</div><div style='margin-top:14px; color:#FFFFFF; font-size:82px; line-height:1.02; font-weight:800; letter-spacing:-1px;'>{{offerName}}</div><div style='margin-top:20px; color:#D6DBE2; font-size:30px; line-height:1.45; font-weight:500;'>{{offerDetail}}</div>"
        },
        {
          "type": "TEXT",
          "x": 80,
          "y": 1750,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 1.1,
          "enterEnd": 1.5,
          "enterAnimation": "smoothleft",
          "exitEnd": 6.4,
          "style": {
            "fontFamily": "Poppins"
          },
          "html": "<div style='display:inline-block; background:rgba(16,20,24,0.85); border:1.5px solid rgba(228,61,90,0.7); color:#FF97AA; border-radius:999px; padding:12px 32px; font-size:25px; font-weight:700;'>⏳ {{validUntil}}</div>"
        }
      ]
    },
    {
      "id": "code",
      "duration": 5,
      "backgroundColor": "#101418",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 5,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='llcEnd' cx='0.5' cy='0.4' r='0.9'><stop offset='0' stop-color='#231318'/><stop offset='1' stop-color='#101418'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#llcEnd)'/><circle cx='540' cy='580' r='150' fill='none' stroke='rgba(228,61,90,0.5)' stroke-width='3'/><text x='540' y='640' text-anchor='middle' font-family='Georgia' font-size='150' fill='#E43D5A'>½</text></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 830,
          "width": 900,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Poppins"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:60px; line-height:1.12; font-weight:800;'>Second platter,<br><span style='color:#FF97AA;'>half the price.</span></div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showPromoCode}}",
          "x": 540,
          "y": 1130,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.8,
          "enterEnd": 1.2,
          "enterAnimation": "circleopen",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Poppins"
          },
          "html": "<div style='text-align:center; color:#8B929C; font-size:25px; font-weight:700; letter-spacing:4px;'>MENTION CODE</div><div style='margin-top:12px; display:inline-block; border:2.5px dashed #E43D5A; color:#FFFFFF; border-radius:18px; padding:18px 54px; font-size:54px; font-weight:800; letter-spacing:8px;'>{{promoCode}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1440,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 1.3,
          "enterEnd": 1.7,
          "enterAnimation": "smoothup",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Poppins"
          },
          "html": "<div style='display:inline-block; background:#E43D5A; color:#FFFFFF; border-radius:999px; padding:24px 58px; font-size:32px; font-weight:800;'>{{ctaText}}</div><div style='margin-top:16px; text-align:center; color:#6E747D; font-size:24px; font-weight:700; letter-spacing:4px;'>{{restaurantName}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.18,
      "track": 0
    }
  ]
}

More Restaurant / food templates

View all ↗

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.