We are live on Product Hunt

See our launch and tell us what you think.

ngram - Create explainers, screencasts, and AI avatar videos | Product Hunt
saasexplainerurl30s-60smotion-graphics

Paste your product URL and ship your SaaS explainer

A prompt recipe built from real briefs SaaS founders and marketers write. Drop in your product URL, choose 30 or 60 seconds, and generate a motion-graphics explainer that covers the problem, the product, and the CTA.

The short version

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.

The template prompt

Copy the prompt, replace the brackets with your product details, and paste it into ngram — or click "Use this template" to open the editor with it prefilled.

prompt
Create a [duration]-second explainer video for [product-name], a [product-category] for [audience]. Pull the product description and visuals from [product-url]. Open on the problem: [pain-point]. Then show how [product-name] solves it in two or three steps. Use motion graphics throughout. Tone: [tone]. Close on the logo and the line [cta]. Voiceover language: [vo-language].
SlotWhat to putExample
[duration]Video length in seconds60
[product-name]Your product nameGridline
[product-category]What the product is, in plain wordsfinancial data API for fintech teams
[audience]Who the video is fordeveloper-facing marketing, prospects evaluating APIs
[product-url]Your product or landing page URLhttps://yourproduct.com
[pain-point]The problem you open onmanually cleaning financial datasets takes a full sprint
[tone]Voice and energycalm, technical, confident
[cta]Closing lineStart your free trial at gridline.io
[vo-language]Narration languageEnglish
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.

instant

2

Fill the slots

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

1-2 min

3

Generate, then tweak

ngram drafts all four scenes. Adjust timing, swap a narration line, or change the music in the editor before you export.

3-5 min

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, fill the slots, and generate your explainer in minutes.