SaaS explainer video template

Explain what your product does and why it matters. Bring your product page and message, then create a narrated video you can revise and share.

See it in action with PostHog Session Replay.

From this input to this video

PostHog’s Session Replay product page becomes an animated explanation of recording, finding and replaying a session.

Create a 30-second explainer video for PostHog Session Replay, a session replay tool for product engineers. Pull the product description and visuals from https://posthog.com/session-replay. Open on the problem: bug reports lack the context needed to reproduce an issue. Then show how PostHog Session Replay solves it in two or three steps. Use motion graphics throughout. Tone: clear, technical, confident. Close on the logo and the line Explore PostHog Session Replay. Voiceover language: English.

What you start with
What you get
Drag to compare
Open video in a new tab
Read the exact input

Prompt

Create a 30-second explainer video for PostHog Session Replay, a session replay tool for product engineers. Pull the product description and visuals from https://posthog.com/session-replay. Open on the problem: bug reports lack the context needed to reproduce an issue. Then show how PostHog Session Replay solves it in two or three steps. Use motion graphics throughout. Tone: clear, technical, confident. Close on the logo and the line Explore PostHog Session Replay. Voiceover language: English.

Selected style

Kinetic type

Source material

Read the video transcript

A bug report lands: checkout is broken. No steps, no browser, no console logs. Just a ticket you can't reproduce. PostHog Session Replay records what actually happened: clicks, scrolls, form inputs, page views, network requests and console logs. Filter recordings by event, user or error to find the exact session. Then play it back like video. Click any event, error or network request on the timeline to jump straight to that moment. Explore PostHog Session Replay.

Make it yours

Fill in your details here, or continue and finish your brief in ngram.

Help filling in your brief
[duration]
Video length in seconds.
[product-name]
Your product name.
[product-category]
What the product is, in plain words.
[audience]
Who the video is for.
[product-url]
Your product or landing page URL.
[pain-point]
The problem you open on.
[tone]
Voice and energy.
[cta]
Closing line.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

A SaaS explainer video template is a reusable prompt plus scene structure that takes a product URL as its main input and produces a short, narrated video explaining what a SaaS product does, who it is for, and what to do next. ngram reads the URL, extracts the product copy and visuals, and fills the explainer arc — problem, product walkthrough, outcome, CTA — so a founder or marketer only has to supply the URL, the duration, and the tone.

industry: saasjob: explaineraudience: prospects
Scene structure

What the template builds

Four beats, ~60 seconds — the shape most SaaS explainer prompts converge on.

  1. 1

    Problem hook

    8s

    Open on the pain the audience recognizes before the product appears. Text and motion graphics only — no UI yet.

  2. 2

    Product intro

    10s

    Introduce the product by name and category. ngram pulls the brand colors and product copy from the URL automatically.

  3. 3

    How it works

    30s

    Walk through two or three steps — the core workflow, not an exhaustive feature list. Each step gets a motion-graphics beat with on-screen labels.

  4. 4

    Outcome + CTA

    12s

    State the result the user gets, then close on the logo and the CTA line. Calm, not pushy.

Customize

Make it yours

Duration

30 seconds for a paid ad or social cut; 60 seconds for a website hero or YouTube pre-roll.

30s45s60s

Input source

ngram reads the product URL by default. Swap in a PDF deck or paste the product copy directly if the page is gated.

Product URLPDF / deck uploadPasted copy

Narration

AI voiceover works for most explainers. Captions-only runs muted on feeds.

AI voiceoverCaptions + musicNo audio

Aspect ratio

16:9 for YouTube and the website; 9:16 for paid social; 1:1 for feed ads.

16:99:161:1
Variations

Common variations

30-second ad cut

Problem hook plus one how-it-works step, then straight to the CTA. Sized for YouTube pre-roll or a LinkedIn Sponsored Content slot.

tweak

Reduce to 30 seconds. Keep the problem hook and a single how-it-works step. Cut straight to the CTA after the product intro.

60-second website hero

Full four-beat arc for prospects landing on a homepage or pricing page. More explanation, less urgency.

tweak

Extend to 60 seconds. Expand the how-it-works section to three steps. Add a short narrated outro before the CTA.

Problem-solution only (no steps)

For products where the mechanism is obvious — name the pain, show the before and after, close on the logo.

tweak

Remove the how-it-works beats. Show problem state, then product outcome, then CTA. Total time: 30 seconds.

Vertical feed cut (9:16)

A separately prepared short-form explainer for TikTok, Instagram Reels, or YouTube Shorts, with large centered captions.

tweak

Switch to 9:16. Keep captions large and centered. Trim to 30 seconds for short-form feeds.

How it works

How it works

1

Open the template

Click "Use this template" and the prompt loads into the editor, slots and all.

2

Add your details

Replace the brackets with your product URL, pain point, tone, and CTA line. Attach a deck or PDF if the URL is gated.

3

Approve the plan, then refine

Review the proposed plan and its script, then approve it to create your video. Preview the result and ask ngram to adjust the pacing, visuals or narration.

More templates

Related templates

All templates
Ship it anywhere

Plug explainers into your stack

Wire explainer creation into the tools your team already uses.

YouTube
Social Publishing Beta

whenThe finished SaaS explainer is ready to share with its YouTube audience

thenWrite the YouTube post for the SaaS explainer, then publish it.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished SaaS explainer is ready to share with its LinkedIn audience

thenPublish the SaaS explainer on LinkedIn after composing its post.

Integrate with LinkedIn
Zapier
Automate

whena product page goes live

thenauto-render an explainer and notify the team

Integrate with Zapier
n8n
Self-host

whena webhook fires from your CMS

thengenerate an explainer in a self-hosted flow

Integrate with n8n
Chrome extension
Capture

whenyou land on a product page

thenstart an explainer from the browser in one click

Integrate with Chrome extension
REST APIMCP serverWebhooksBuild your own integration in ~30 lines.

Frequently asked

Do I need anything other than the product URL?

The URL is enough to start. ngram fetches the page, reads the copy, and pulls any product images or screenshots it finds. If the page is gated or text-light, paste the product copy directly into the prompt instead of the URL slot.

What is the difference between a 30-second and 60-second explainer?

The 30-second cut has room for one how-it-works step after the problem hook. The 60-second version fits two or three steps and a brief outcome statement before the CTA. Most SaaS teams ship the 60-second cut to their website and the 30-second cut to paid channels.

Can I use this for a developer-focused or technical SaaS product?

Yes. Set the audience slot to your developer persona and the tone to 'technical, direct' — ngram adjusts the script and visual style accordingly. The how-it-works beats work well for API and infrastructure products where a simple three-step flow is the whole pitch.

Does it pull actual screenshots from the product URL?

ngram reads the public URL and uses any images it finds on the page as visual assets. If the product screenshots are behind a login, upload them directly as part of the prompt and ngram will incorporate them into the motion-graphics scenes.

What if I want to use my own voiceover instead of AI?

Record your narration and attach it to the prompt. ngram will sync the visuals to your audio and time the scene cuts to match your pacing.

Can I localize the explainer for another language?

Yes. Change the vo-language slot to your target language. ngram translates the script and on-screen text and generates voiceover in that language. Lip sync is available if you are using an avatar presenter.

How many slots do I actually need to fill?

At minimum: product-url, product-name, pain-point, and cta. The other slots have sensible defaults — ngram infers the category and audience from the URL and defaults to a 60-second, calm, English-language voiceover if you leave those blank.

Use the SaaS explainer template right now.

Paste your product URL, add your details, and generate your explainer.

Talk to sales