{
"timeline": {
"fonts": [
{
"src": "https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/2219fe79-00d4-4742-9a82-5d663c1cc6b1/ga6XaxZG_G5OvCf_rt7FH3B6BHLMEdVOEoc.ttf"
},
{
"src": "https://fonts.gstatic.com/s/didactgothic/v21/ahcfv8qz1zt6hCC5G4F_P4ASpUySp0LlcyQ.ttf"
}
],
"background": "#FFFFFF",
"tracks": [
{
"clips": [
{
"length": "end",
"asset": {
"type": "audio",
"src": "{{ AUDIO_SRC }}",
"volume": 1
},
"start": 0
}
]
},
{
"clips": [
{
"length": 4.8,
"asset": {
"type": "image",
"src": "{{ IMAGE_SRC }}"
},
"start": 0.2,
"scale": 1,
"offset": {
"x": 0.3453703703703703,
"y": 0.2962962962962963
},
"position": "center",
"fit": "contain",
"transition": {
"in": "slideRight"
},
"width": 217,
"height": 213
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{CTA}}",
"font": {
"family": "Didact Gothic",
"size": 38,
"weight": 400,
"color": "{{ TEXT_FONT_COLOR_2 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
},
"animation": {
"preset": "slideIn",
"direction": "right",
"style": "word"
}
},
"start": 0.9,
"length": "end",
"offset": {
"x": 0.006,
"y": -0.339
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 800,
"height": 100
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S1_DESCRIPTION}}",
"font": {
"family": "Montserrat ExtraBold",
"size": 48,
"weight": 800,
"color": "{{ TEXT_FONT_COLOR_2 }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
},
"animation": {
"preset": "slideIn",
"direction": "right",
"style": "word"
}
},
"start": 0.7,
"length": "end",
"offset": {
"x": -0.046,
"y": -0.271
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 700,
"height": 100
}
]
},
{
"clips": [
{
"length": "end",
"asset": {
"type": "image",
"src": "{{ IMAGE_SRC_2 }}"
},
"start": 0.5,
"scale": 1,
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"transition": {
"in": "slideRight"
},
"fit": "contain",
"width": 800,
"height": 800
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S1_TITLE}}",
"font": {
"family": "Montserrat ExtraBold",
"size": 91,
"weight": 800,
"color": "{{ TEXT_FONT_COLOR }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
},
"animation": {
"preset": "slideIn",
"direction": "right",
"style": "word"
}
},
"start": 0.3,
"length": "end",
"offset": {
"x": 0,
"y": 0.274
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 800,
"height": 200
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 800 8\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"800\" height=\"8\" fill=\"{{ BACKGROUND_COLOR }}\"/></svg>"
},
"start": 1.1,
"length": "end",
"offset": {
"x": 0,
"y": -0.399
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 800,
"height": 8
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 800 8\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"800\" height=\"8\" fill=\"{{ TEXT_FONT_COLOR }}\"/></svg>"
},
"start": 0,
"length": "end",
"offset": {
"x": -0.025,
"y": 0.399
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 800,
"height": 8
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1080 675\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1080\" height=\"675\" fill=\"{{ BACKGROUND_COLOR }}\"/></svg>"
},
"start": 0,
"length": "end",
"offset": {
"x": 0,
"y": 0.25
},
"position": "center",
"width": 1080,
"height": 675
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1080 1350\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1080\" height=\"1350\" fill=\"{{ TEXT_FONT_COLOR }}\"/></svg>"
},
"start": 0,
"length": 5,
"width": 1080,
"height": 1350
}
]
}
]
},
"output": {
"format": "mp4",
"fps": 25,
"size": {
"width": 1080,
"height": 1350
},
"destinations": [
{
"provider": "shotstack"
}
]
},
"merge": [
{
"find": "S1_TITLE",
"replace": "Delight your senses!"
},
{
"find": "IMAGE_SRC",
"replace": "https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/3c939645-f5e8-4edd-ada7-d2a04889ae70/source.png"
},
{
"find": "IMAGE_SRC_2",
"replace": "https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/115c9b9c-21a0-4e5f-9cdf-05849bbf2799/source.png"
},
{
"find": "S1_DESCRIPTION",
"replace": "WE DELIVER 24/7"
},
{
"find": "CTA",
"replace": "Place your order at Foodhomesite.com and we'll take care of the it."
},
{
"find": "TEXT_FONT_COLOR",
"replace": "#fff2e0"
},
{
"find": "TEXT_FONT_COLOR_2",
"replace": "#000000"
},
{
"find": "BACKGROUND_COLOR",
"replace": "#c33222"
},
{
"find": "AUDIO_SRC",
"replace": "https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/d000ec2b-6698-467a-af64-0aaab8a5cfb7/source.mp3"
}
]
}Launch your next marketing campaign with our Bold & Modern Special Offer Announcement Template. Designed for maximum impact, this template provides a clean, professional framework to spotlight your promotions, limited-time offers, and special events, helping you capture customer attention and boost sales. This versatile template features a striking two-tone design that makes your message pop. The layout is strategically divided to guide the viewer's eye, starting with a powerful, oversized headline area at the top to announce your offer. The central section is dedicated to a high-impact visual, allowing you to showcase your product or a compelling image that represents your event. Below, a clean and concise call-to-action (CTA) section provides space for essential details and directs customers on what to do next.
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 | 1080 × 1350 (4:5) |
| Length | 5s |
| Frame rate | 25 fps |
| Tracks / clips | 10 / 10 |
| Assets used | 1 audio, 2 image, 3 rich-text, 4 svg |
| Soundtrack | no |
| Merge fields | 9 |
Send a merge array with your values for these fields:
| Field | Default value |
|---|---|
{{ S1_TITLE }} | Delight your senses! |
{{ IMAGE_SRC }} | https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/3c939645-f5e8-4edd-ada7-d2a04889ae70/source.png |
{{ IMAGE_SRC_2 }} | https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/115c9b9c-21a0-4e5f-9cdf-05849bbf2799/source.png |
{{ S1_DESCRIPTION }} | WE DELIVER 24/7 |
{{ CTA }} | Place your order at Foodhomesite.com and we'll take care of the it. |
{{ TEXT_FONT_COLOR }} | #fff2e0 |
{{ TEXT_FONT_COLOR_2 }} | #000000 |
{{ BACKGROUND_COLOR }} | #c33222 |
{{ AUDIO_SRC }} | https://templates.shotstack.io/bold-offer-promo-flyer-template-sales-announcement/d000ec2b-6698-467a-af64-0aaab8a5cfb7/source.mp3 |
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
One render is a demo. A video for every row of your data is the workflow.
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. The template uses 2 images; replace each image asset's src with a public URL of your own file (JPG, PNG or WebP). Keep the timing and effects, or adjust them per clip.
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.
This template renders a 1080×1350 (4:5) MP4 that is 5 seconds long, built from 10 clips on 10 tracks.
