Travel / tourism

Before You Visit

Desert tips-and-warnings reel iterating a tips[] array of tag, title and note; swap destination and CTA.

Type: Video
Format: Instagram Reel · 9:16
Orientation: Portrait
Duration: 22s
Scenes: 7
Render cost: $0.0055 / render

VariablesData-driven repeat

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

Customize Before You Visit

Before You Visit is a ready-to-render Travel / tourism video design formatted for Instagram Reel · 9:16 with 7 scenes and support for variables, data-driven repeat. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

10 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.

channelNameText

DESERT NOTES

destinationText

Morocco

introTitleText

Before you<br>go to Morocco

introSubText

5 things I wish someone told me first.

ctaTextText

Save before you pack

ctaHandleText

desertnotes.co

accentColorColor

#E08A3C

tipsList · 5

tagDO

titleCarry small cash

noteMost souks and taxis are cash-only. Break big notes early — change is scarce.

tagKNOW

titleHaggle with a smile

noteStart around a third of the asking price. It's expected, and it's part of the fun.

tagPACK

titleLayers, not shorts

noteDeserts swing hot to cold fast. Light long sleeves also help in the medinas.

tagAVOID

titleUnofficial 'guides'

noteIf someone offers to lead you 'the short way', politely decline. Use a booked guide.

tagTRY

titleMint tea everywhere

noteSay yes when it's offered. It's hospitality, not a sales trap — slow down and sip.

coverImageMedia URL

photo-1559767180-47d8f4919e5d

musicUrlMedia URL

audio_3f375fdf97.mp3

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": "travel-before-you-visit",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#2A1A12",
  "outputFormat": "mp4",
  "variables": {
    "channelName": "DESERT NOTES",
    "destination": "Morocco",
    "introTitle": "Before you<br>go to Morocco",
    "introSub": "5 things I wish someone told me first.",
    "ctaText": "Save before you pack",
    "ctaHandle": "desertnotes.co",
    "accentColor": "#E08A3C",
    "tips": [
      {
        "tag": "DO",
        "title": "Carry small cash",
        "note": "Most souks and taxis are cash-only. Break big notes early — change is scarce."
      },
      {
        "tag": "KNOW",
        "title": "Haggle with a smile",
        "note": "Start around a third of the asking price. It's expected, and it's part of the fun."
      },
      {
        "tag": "PACK",
        "title": "Layers, not shorts",
        "note": "Deserts swing hot to cold fast. Light long sleeves also help in the medinas."
      },
      {
        "tag": "AVOID",
        "title": "Unofficial 'guides'",
        "note": "If someone offers to lead you 'the short way', politely decline. Use a booked guide."
      },
      {
        "tag": "TRY",
        "title": "Mint tea everywhere",
        "note": "Say yes when it's offered. It's hospitality, not a sales trap — slow down and sip."
      }
    ],
    "coverImage": "https://images.unsplash.com/photo-1559767180-47d8f4919e5d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHwxfHxkZXNlcnQlMjBzYW5kJTIwZHVuZXMlMjBnb2xkZW58ZW58MHx8fHwxNzgzMjY4NTcyfDA&ixlib=rb-4.1.0&q=80&w=1080",
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "cover",
      "duration": 3.6,
      "backgroundColor": "#2A1A12",
      "transition": "wipeleft",
      "transitionId": "tip",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{coverImage}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "opacity": 0.65,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.6
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='tbvCover' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#2A1A12' stop-opacity='0.6'/><stop offset='0.5' stop-color='#2A1A12' stop-opacity='0.28'/><stop offset='1' stop-color='#2A1A12' stop-opacity='0.94'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#tbvCover)'/><rect x='390' y='1030' width='300' height='6' rx='3' fill='#E08A3C'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 760,
          "width": 940,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.2,
          "enterEnd": 0.65,
          "enterAnimation": "smoothup",
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#F6EADD; font-size:110px; line-height:0.98; font-weight:600; letter-spacing:-3px;'>{{introTitle}}</div><div style='margin-top:32px; text-align:center; color:#E5C9AE; font-size:32px; font-weight:500; font-family:Outfit, sans-serif;'>{{introSub}}</div>"
        }
      ]
    },
    {
      "id": "tip",
      "iterate": "tips",
      "iterateAs": "tip",
      "duration": 3.6,
      "backgroundColor": "#2A1A12",
      "transition": "wipeleft",
      "transitionId": "outro",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='tbvTip' cx='0.5' cy='0.34' r='0.95'><stop offset='0' stop-color='#3A2418'/><stop offset='1' stop-color='#2A1A12'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#tbvTip)'/><rect x='90' y='620' width='900' height='700' rx='42' fill='rgba(255,255,255,0.035)' stroke='rgba(224,138,60,0.42)' stroke-width='1.5'/><path d='M150 780 H930' stroke='rgba(224,138,60,0.28)' stroke-width='1.5'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 700,
          "anchor": "center-center",
          "track": 2,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "circleopen",
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#2A1A12; border-radius:14px; padding:13px 32px; font-size:32px; font-weight:800; letter-spacing:4px;'>{{tip.tag}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 860,
          "width": 820,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.35,
          "enterEnd": 0.85,
          "enterAnimation": "smoothup",
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#F6EADD; font-size:70px; line-height:1.02; font-weight:600; letter-spacing:-1px;'>{{tip.title}}</div><div style='margin-top:26px; text-align:center; color:#E5C9AE; font-size:33px; line-height:1.5; font-weight:400; font-family:Outfit, sans-serif;'>{{tip.note}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1780,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='color:rgba(246,234,221,0.55); font-size:23px; font-weight:700; letter-spacing:4px;'>{{channelName}} · {{destination}}</div>"
        }
      ]
    },
    {
      "id": "outro",
      "duration": 3.4,
      "backgroundColor": "#2A1A12",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='tbvOut' cx='0.5' cy='0.4' r='0.9'><stop offset='0' stop-color='#3A2418'/><stop offset='1' stop-color='#2A1A12'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#tbvOut)'/><rect x='440' y='560' width='200' height='260' rx='18' fill='none' stroke='#E08A3C' stroke-width='4'/><path d='M480 640 H600 M480 700 H580 M480 760 H600' stroke='rgba(246,234,221,0.4)' stroke-width='8' stroke-linecap='round'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 900,
          "width": 900,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Fraunces"
          },
          "html": "<div style='text-align:center; color:#F6EADD; font-size:72px; line-height:1.08; font-weight:600;'>Now you're ready<br>for {{destination}}.</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1200,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.15,
          "enterAnimation": "circleopen",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#2A1A12; border-radius:999px; padding:24px 56px; font-size:32px; font-weight:800;'>{{ctaText}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1360,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 1.05,
          "enterEnd": 1.45,
          "enterAnimation": "fade",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='text-align:center; color:#A88463; font-size:27px; font-weight:500; letter-spacing:2px;'>{{ctaHandle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Travel / tourism templates

City Guide Short

City Guide Short

Travel / tourism$0.00474

Destination Promo

Destination Promo

Travel / tourism$0.00328

Flight Deal Alert

Flight Deal Alert

Travel / tourism$0.003

Hotel Deal Alert

Hotel Deal Alert

Travel / tourism$0.00295

Hotel Room Showcase

Hotel Room Showcase

Travel / tourism$0.00465

Itinerary Video

Itinerary Video

Travel / tourism$0.00455

Travel Package Offer

Travel Package Offer

Travel / tourism$0.00317

Top 5 Things To Do

Top 5 Things To Do

Travel / tourism$0.00528

Customer Trip Recap

Customer Trip Recap

Travel / tourism$0.00414

Weekend Getaway

Weekend Getaway

Travel / tourism$0.00302

Ready to ship video at scale?

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

Explore the API ↗