{
"timeline": {
"background": "#FFFFFF",
"tracks": [
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{STATUS}}",
"font": {
"family": "Montserrat SemiBold",
"size": 35,
"weight": 600,
"color": "{{ FONT_COLOR_1 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
},
"background": {
"color": "{{ SHAPE_COLOR }}",
"opacity": 1,
"borderRadius": 0
}
},
"start": 0,
"length": "end",
"offset": {
"x": -0.403,
"y": 0.34
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 100,
"height": 50
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{PRESENTER}}",
"font": {
"family": "Montserrat SemiBold",
"size": 35,
"weight": 600,
"color": "{{ FONT_COLOR_1 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
}
},
"start": 0.8,
"length": "end",
"offset": {
"x": -0.265,
"y": -0.326
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 600,
"height": 72
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{HEADLINE}}",
"font": {
"family": "Montserrat SemiBold",
"size": 25,
"weight": 600,
"color": "{{ FONT_COLOR_1 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
},
"animation": {
"preset": "fadeIn",
"style": "word"
}
},
"start": 0.4,
"length": "end",
"offset": {
"x": -0.06,
"y": -0.223
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 780,
"height": 150
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{NEWS_SLUG}}",
"font": {
"family": "Montserrat ExtraBold",
"size": 60,
"weight": 800,
"color": "{{ FONT_COLOR_1 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
},
"animation": {
"preset": "fadeIn",
"style": "word"
}
},
"start": 0,
"length": "end",
"offset": {
"x": -0.341,
"y": -0.216
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 300,
"height": 150
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1110 80\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1110\" height=\"80\" fill=\"{{ FONT_COLOR_1 }}\"/></svg>"
},
"start": 0.4,
"length": "end",
"offset": {
"x": -0.141,
"y": -0.326
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 1110,
"height": 80
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 318 140\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"318\" height=\"140\" fill=\"{{ SHAPE_COLOR }}\"/></svg>"
},
"start": 0.1,
"length": "end",
"offset": {
"x": -0.348,
"y": -0.223
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 318,
"height": 140
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1110 140\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1110\" height=\"140\" fill=\"{{ SHAPE_COLOR }}\" fill-opacity=\"0.42\"/></svg>"
},
"start": 0.2,
"length": "end",
"offset": {
"x": -0.14,
"y": -0.223
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 1110,
"height": 140
}
]
},
{
"clips": [
{
"length": "end",
"asset": {
"type": "video",
"src": "{{ VIDEO_PRESENTER }}"
},
"start": 0,
"scale": 1,
"offset": {
"x": -0.142,
"y": 0.1030942898158703
},
"position": "center",
"transition": {
"in": "slideRight"
},
"fit": "contain",
"width": 1110,
"height": 569
}
]
},
{
"clips": [
{
"length": 10,
"asset": {
"type": "video",
"src": "{{ VIDEO_BACKGROUND }}",
"volume": 1
},
"start": 0,
"width": 1920,
"height": 1080,
"offset": {
"x": 0,
"y": 0
},
"fit": "crop"
}
]
}
]
},
"output": {
"format": "mp4",
"fps": 25,
"size": {
"width": 1920,
"height": 1080
},
"destinations": [
{
"provider": "shotstack"
}
]
},
"merge": [
{
"find": "NEWS_SLUG",
"replace": "NEWS UPDATE"
},
{
"find": "HEADLINE",
"replace": "Blabox Officially Launches Its Latest Smartphone, Promising Innovative Features and Enhanced Performance for Users Worldwide"
},
{
"find": "PRESENTER",
"replace": "Blabox CEO"
},
{
"find": "STATUS",
"replace": "LIVE"
},
{
"find": "FONT_COLOR_1",
"replace": "#ffffff"
},
{
"find": "SHAPE_COLOR",
"replace": "#c40202"
},
{
"find": "FONT_COLOR_2",
"replace": "#000000"
},
{
"find": "VIDEO_PRESENTER",
"replace": "https://templates.shotstack.io/dynamic-news-promotions-template-sale-offer-event/8d977c09-ae2d-4195-845c-82f6f4ce000e/source.mp4"
},
{
"find": "VIDEO_BACKGROUND",
"replace": "https://templates.shotstack.io/dynamic-news-promotions-template-sale-offer-event/7a468411-6356-44be-a62d-6d0c3fa20ad3/source.mp4"
}
]
}Introducing the Dynamic News & Promotions Template, your ultimate solution for impactful marketing campaigns. This versatile template is designed to help businesses effectively advertise their offers, discounts, and special events. It moves beyond simple product listings, focusing instead on the broader promotional message. With fully customizable sections, you can effortlessly tailor the content to match your brand's unique style and campaign objectives. Its user-friendly interface ensures that you can launch your promotions quickly and efficiently, maximizing engagement and boosting sales during your critical promotional periods. Whether you're announcing a flash sale, a grand event, or the latest company news, this template provides a polished, professional, and persuasive platform to capture your audience's attention. Optimize your marketing efforts and drive significant results with a template built for success.
No account needed until you render.
Render with your AI assistant
Add the Shotstack MCP server to your editor, then paste the prompt
| Output | MP4 |
|---|---|
| Size | 1920 × 1080 (16:9) |
| Length | 10s |
| Frame rate | 25 fps |
| Tracks / clips | 9 / 9 |
| Assets used | 4 rich-text, 3 svg, 2 video |
| Soundtrack | no |
| Merge fields | 9 |
Send a merge array with your values for these fields:
| Field | Default value |
|---|---|
{{ NEWS_SLUG }} | NEWS UPDATE |
{{ HEADLINE }} | Blabox Officially Launches Its Latest Smartphone, Promising Innovative Features and Enhanced Performance for Users Worldwide |
{{ PRESENTER }} | Blabox CEO |
{{ STATUS }} | LIVE |
{{ FONT_COLOR_1 }} | #ffffff |
{{ SHAPE_COLOR }} | #c40202 |
{{ FONT_COLOR_2 }} | #000000 |
{{ VIDEO_PRESENTER }} | https://templates.shotstack.io/dynamic-news-promotions-template-sale-offer-event/8d977c09-ae2d-4195-845c-82f6f4ce000e/source.mp4 |
{{ VIDEO_BACKGROUND }} | https://templates.shotstack.io/dynamic-news-promotions-template-sale-offer-event/7a468411-6356-44be-a62d-6d0c3fa20ad3/source.mp4 |
Save the JSON above as template.json, then render in the free sandbox:
# Save the JSON above as template.json, then:
curl -X POST https://api.shotstack.io/edit/stage/render \
-H "x-api-key: $SHOTSTACK_API_KEY" \
-H "Content-Type: application/json" \
-d @template.json
# Poll until status is "done", then download response.url
curl https://api.shotstack.io/edit/stage/render/RENDER_ID -H "x-api-key: $SHOTSTACK_API_KEY"import { readFileSync } from 'node:fs';
const headers = { 'x-api-key': process.env.SHOTSTACK_API_KEY, 'Content-Type': 'application/json' };
const edit = JSON.parse(readFileSync('template.json', 'utf8'));
const { response } = await fetch('https://api.shotstack.io/edit/stage/render', {
method: 'POST', headers, body: JSON.stringify(edit)
}).then((r) => r.json());
let render;
do {
await new Promise((r) => setTimeout(r, 3000));
render = (await fetch(`https://api.shotstack.io/edit/stage/render/${response.id}`, { headers }).then((r) => r.json())).response;
} while (!['done', 'failed'].includes(render.status));
console.log(render.status, render.url);import json, os, time, requests
headers = {"x-api-key": os.environ["SHOTSTACK_API_KEY"]}
with open("template.json") as f:
edit = json.load(f)
render_id = requests.post("https://api.shotstack.io/edit/stage/render", json=edit, headers=headers).json()["response"]["id"]
while True:
render = requests.get(f"https://api.shotstack.io/edit/stage/render/{render_id}", headers=headers).json()["response"]
if render["status"] in ("done", "failed"):
break
time.sleep(3)
print(render["status"], render.get("url"))npm install -g @shotstack/cli
export SHOTSTACK_API_KEY=your_sandbox_key
shotstack validate template.json # offline schema check, free
shotstack render template.json --env stage --watchSandbox renders are free and watermarked. Production: the v1 endpoint and key. SDKs
Loop over your product feed and render a promo per SKU — prices and images always current.
Paste into Claude, ChatGPT or Cursor — your AI assistant builds the workflow around your data.
Node.js, one render per CSV row, wired to this template's 9 merge fields. Setup steps in the header.
Guides: Bulk-create from a CSV · Webhooks · Templates endpoint · Render your first video
AI assistants: Markdown () · · · CLI skill: SKILL.md () · MCP server
Use the 9 merge fields listed above. Send a merge array with your own values for each field and the API swaps them in at render time, so one template can produce thousands of unique videos.
Yes. This template renders 1920×1080 by default. Set output.resolution to "1080" or output.size to a larger 16:9 size in the JSON; the layout scales with it.
Yes. Replace the video asset's src with a public URL of your file (MP4 works best). Use trim and length on the clip to pick the part you want, and the template's effects apply to your footage.
Edit the text on each rich-text asset in the JSON. Fonts come from the timeline fonts list or the asset's font family; add your own font file URL to timeline.fonts to use a brand typeface.
