App Promo Video for a Web App: What to Show, How to Make It
A good app promo video shows the app doing its main job in under a minute: open, act, result, with a caption on each step and a call to action at the end. Use your real screens, not stock footage, and make one version per channel: 9:16 in a phone frame for Reels, TikTok and Shorts, 16:9 for your site and YouTube. If your product is a web app, you don’t need a phone or an editor for this. Klevo records your web app in a mobile or desktop browser, driven by Claude or ChatGPT, and renders the MP4 with a smooth cursor, zooms, captions and an optional device frame.
What should an app promo video show?
One flow, the one that makes someone want the app.
- The first second: the result, or the problem the viewer has. Most people decide in the first moments whether to keep watching.
- The flow: 5 to 10 steps from opening the app to the result.
- The result on screen: the thing they get, shown, not described.
- The end card: your name, your URL and one action.
Skip the logo intro and the feature list. A promo that shows one job well does more than one that names ten.
Which formats does each channel need?
| Channel | Format | Frame |
|---|---|---|
| Instagram Reels, TikTok, YouTube Shorts | 9:16 | Phone frame |
| Landing page, YouTube, Product Hunt | 16:9 | Browser frame or none |
| LinkedIn, X | 1:1 or 16:9 | Either |
| App listing or onboarding | Matches the device | Phone or tablet frame |
With Klevo you record the flow once and render it again in each format, so every channel gets a version made for it (demo video formats and device frames by channel).
How do you make an app promo video for a web app?
- Pick the flow and write it as 5 to 10 steps.
- Connect Klevo to Claude, ChatGPT, Cursor or Claude Code (setup guide).
- Ask the AI to record it on a phone: “Open https://myapp.com on mobile, sign up, create the first board, share it. 9:16, phone frame, caption each step.”
- The AI clicks through your app in a mobile browser on Klevo’s servers, checking a screenshot after every step.
- Klevo renders the MP4 with the phone frame, zooms and captions. Ask for 16:9 next, and it renders the same steps again.
Klevo records responsive web apps, not native iOS or Android apps. For a native app, upload a screen recording from the phone: the AI picks the frames for each step and Klevo adds the cursor, zooms and captions. More on the mobile side: record a mobile demo of a responsive web app and iPhone mockup video of your web app.
How do you make a promo work with the sound off?
Feeds play muted. Put the message in the captions, not the voice:
- One short caption per step, in the words on the screen (captions that explain a demo).
- Zoom on small targets so they read on a phone.
- Add narration only if it helps. AI narration reads your captions and spends voice credits.
Promo video or product demo: what’s the difference?
A promo is short and made to catch attention in a feed. A demo is longer and made to teach. The same recording can serve both: cut the promo to the 5 to 10 steps that show the result, and keep the full flow for your site and onboarding. How to make a product demo video covers the longer version, and product launch video covers launch day.
What does it cost?
| Plan | Price | What you get |
|---|---|---|
| Free | $0 | 3 videos a month, 720p, every format, up to 20 steps, small watermark |
| Pro | $19 a month or $149 a year | 1,000 videos a month, 1080p without the watermark, device frame on or off, your brand, up to 120 steps |
| Ultra | $49 a month or $399 a year | Everything in Pro, up to 240 steps, 500 voice credits a month |
Your first Pro or Ultra subscription is free for 14 days, then $19 or $49 a month; cancel before the trial ends and you pay nothing. See the pricing section.
What is the next step?
Create a free account and record your main flow in 9:16 first, since that’s the format most promos run in.
FAQ
How long should an app promo video be?
15 to 60 seconds for social feeds. Count steps: 5 to 10 steps at 3 to 4 seconds each fits.
Can I make an app promo video for free?
Yes. Klevo’s Free plan makes 3 videos a month in every format, at 720p with a small watermark.
Does Klevo work with native mobile apps?
Not live. Klevo drives web apps in a browser. For a native app, upload a screen recording and Klevo turns it into a captioned video.
Do I need a phone to record the mobile version?
No. Klevo opens your web app in a mobile browser on its servers and adds the phone frame.
Can I use the same recording for my landing page?
Yes. Render the same steps in 16:9 with a browser frame for the site.