# A promo video for every template you sell

> How to make a Framer template promo video or Webflow template preview video for marketplaces, X and your store page, with the sizes each place wants. Paste your template's live preview URL and Filmagic builds it.

Canonical: https://filmagic.app/template-promo-video
Last updated: 2026-10-27

Buyers decide from the preview. Paste your template's live URL and Filmagic shows its pages in motion, in its own colours and fonts, ready for the marketplace, X and your store.


## What a template promo video needs to show

> **The short version:** 20 to 40 seconds, the real pages scrolling in a clean frame, the template's name and what it's for, and the key sections called out. Make one per template, in the same style, so your catalog looks like a set.

- **The real pages.** Hero, a few key sections, mobile view. Buyers want to see what they're getting.
- **Who it's for.** "For SaaS startups", "For photographers", "For agencies".
- **What's included.** Page count, CMS collections, components, dark mode, whatever sets it apart.
- **Your brand as the seller.** A consistent end card across all your templates builds recognition.

## Where template promos go

| Place | Length | Shape |
| --- | --- | --- |
| Marketplace listing (Framer, Webflow, others) | 20 to 40 seconds | 16:9 |
| Your own store page | 20 to 40 seconds, or a short loop | 16:9 |
| X | 15 to 30 seconds | 16:9 or 1:1 |
| Instagram Reels and TikTok | 15 to 30 seconds | 9:16 |
| Dribbble and Behance | A short loop | 4:3 or 16:9 |

Each marketplace sets its own rules for preview media, so check its current guidelines before you upload.

## How to make it in Filmagic

1. **Paste the template's live preview URL.** Filmagic picks up its colours, fonts and pages.
2. **Add screenshots of the key sections,** including a mobile view, if you want more control over what's shown.
3. **Pick a style.** [Canvas](https://filmagic.app/templates/canvas) shows the template on a design canvas, the way its buyers work. [Debut](https://filmagic.app/templates/debut) suits a site launch. [Laptop](https://filmagic.app/templates/laptop) and [Desk Mockup](https://filmagic.app/templates/deskmock) put the pages in a device.
4. **Write the lines.** Template name, who it's for, two or three things included, where to get it.
5. **Export 16:9 for the listing** and 9:16 or 1:1 for socials.

## Make your catalog look like a set

Sellers with many templates get the most out of one consistent style. Keep the same Filmagic style and end card, swap the URL and the lines for each template, and every listing gets a promo that looks like it belongs to the same shop.



## Frequently asked questions

### How long should a template promo video be?

20 to 40 seconds for a marketplace listing or store page, and 15 to 30 seconds for X, Reels and TikTok.

### Can Filmagic read a Framer or Webflow site?

Yes, if the preview is public. Filmagic reads the page for its name, lines, colours, fonts and images. Sites built mostly with JavaScript can hide text from a quick read, so add a few screenshots if the first cut comes out thin.

### Should I show the mobile version?

Yes. Many buyers check that a template works on phones. A screenshot or two of the mobile layout is enough.

### Can I make promos for my whole catalog?

Yes. Use the same style for every template and change only the URL, screenshots and lines. The result is a consistent set across your listings.

### Can I put my own brand on the video?

Yes. Add your shop's logo and name to the end card so every promo points back to you.