SaaS tutorial video template

Teach a product workflow in a clear sequence. Bring your documentation, audience and steps, then turn them into a practical tutorial.

See it in action with Your first GitHub Actions workflow.

From this input to this video

GitHub’s quickstart becomes an illustrated walkthrough of creating a workflow and finding its run logs.

Create a 60-second role-based tutorial video for GitHub Actions (https://docs.github.com/en/actions/get-started/quickstart). The audience is developer users. Cover these modules in order: create the workflow file shown in GitHub’s quickstart in a repository where Actions is enabled; copy the quickstart workflow and commit it; open the Actions tab, select the workflow run, then inspect the job and step logs. For each module, show the UI step on screen, narrate what the developer does and why it matters, then move to the next. Tone: clear, practical and encouraging. End with a brief summary screen listing all modules covered and the line: Create your first workflow with GitHub Actions. Voiceover language: English; apply the brand kit if one is set.

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

Prompt

Create a 60-second role-based tutorial video for GitHub Actions (https://docs.github.com/en/actions/get-started/quickstart). The audience is developer users. Cover these modules in order: create the workflow file shown in GitHub’s quickstart in a repository where Actions is enabled; copy the quickstart workflow and commit it; open the Actions tab, select the workflow run, then inspect the job and step logs. For each module, show the UI step on screen, narrate what the developer does and why it matters, then move to the next. Tone: clear, practical and encouraging. End with a brief summary screen listing all modules covered and the line: Create your first workflow with GitHub Actions. Voiceover language: English; apply the brand kit if one is set.

Selected style

Editorial

Source material

Read the video transcript

Let's run your first GitHub Actions workflow. Three short modules, and you're done. In a repository where Actions is enabled, click Add file, then Create new file. Name it dot github, slash workflows, slash github-actions-demo dot yml. GitHub only discovers workflows saved in that folder. Next, copy the quickstart YAML into the file. It runs on every push, on an Ubuntu runner, and echoes a few details about your repository. Click Commit changes. That commit is a push, so your workflow starts right away. Now open the Actions tab. Select GitHub Actions Demo, then click the run your commit triggered. Choose the Explore-GitHub-Actions job and expand any step to read its log. This is exactly what ran, and where you'll debug later. Create, commit, inspect. Create your first workflow with GitHub Actions.

Make it yours

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

Help filling in your brief
[product-name]
Your product name.
[product-url]
Product or documentation URL.
[role]
The job role being trained.
[module-list]
Comma-separated modules in order.
[tone]
Voice + pacing feel.
[closing-line]
Closing on-screen text.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

A SaaS tutorial video template is a editable brief plus scene structure for producing a narrated, module-by-module walkthrough of a software product for a named role. The user supplies a product URL, a role (COO, sales rep, HR admin), and a list of modules; ngram writes the script, sequences the scenes, and generates a 60-second training video with on-screen UI, captions, and voiceover. The template works for customer onboarding, internal enablement, and YouTube how-to content alike.

industry: saasjob: trainingaudience: hr-and-trainers
Scene structure

What ngram builds from this prompt

Five beats, 60 seconds — the shape most SaaS tutorial prompts converge on.

  1. 1

    Role intro

    8s

    Open with a title card naming the role and the platform. One sentence: what this video covers and who it's for. No UI yet.

  2. 2

    Module walkthrough

    36s

    Cycle through each module: on-screen UI cut, narrated action, a callout box labeling the step. 8-10 seconds per module for a 4-module list.

  3. 3

    Key action summary

    8s

    A motion-graphics recap card listing each module and the primary action in it. Reinforces retention without repeating full scenes.

  4. 4

    Next-step prompt

    5s

    Brief on-screen nudge — where to go first, what to do next, or how to get help. Optional CTA link.

  5. 5

    Brand close

    3s

    Logo + closing line from the [closing-line] slot. Clean exit, no hard sell.

Customize

Adjust it for your team

Duration

More modules need more time; a single-module deep-dive can run shorter.

30s60s90s2 min

Narration

AI voiceover carries most training videos. Captions-only works for noisy environments or accessibility-first contexts.

AI voiceoverCaptions + musicNo audio

Style

Motion graphics suits polished onboarding decks; screen-recording keeps it raw and credible for internal tools.

Motion graphicsScreen-recording polishMinimalist

Aspect ratio

16:9 for LMS embeds and YouTube; 9:16 for mobile-first or vertical help centers.

16:9 landscape9:16 vertical1:1 square
Variations

Common cuts from this template

Single-module deep-dive

Cover one module in detail instead of cycling through all of them. Useful for advanced users who already know the basics.

tweak

Focus on [one-module] only. Show every sub-step with on-screen callouts. Target 90 seconds.

Sales training + CTA

Shift tone and closing to a post-demo booking action. Add client-facing context around each feature.

tweak

Reframe for a client-facing sales demo. After each module, add one sentence on the business value. End with a booking CTA: [booking-line].

YouTube how-to

Expand to 2-3 minutes with chapter markers and a YouTube-optimized title card for organic search.

tweak

Extend to 2 minutes. Add chapter labels for each module. Open with an SEO-friendly intro: why this tutorial matters.

Vertical mobile guide

9:16 reframe for a help center or mobile onboarding flow where the UI is already on a phone.

tweak

Switch to 9:16. Crop the UI to the primary action region. Keep text large and centered.

How it works

How to use it

1

Open the template

"Use this template" drops you into the ngram editor with the prompt prefilled. No blank page.

2

Add your details

Replace [product-name], [role], [module-list], and the other brackets with your specifics. Attach your product URL or a screen recording if you have one.

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
Deliver it anywhere

Wire tutorials into your stack

Triggers that connect tutorial creation to the tools your team already uses.

YouTube
Social Publishing Beta

whenThe finished SaaS tutorial is ready for the YouTube learning channel

thenPlace the SaaS tutorial on the YouTube calendar and publish its post.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished SaaS tutorial is ready for a LinkedIn how-to post

thenCompose the SaaS tutorial as a LinkedIn how-to post, then publish it.

Integrate with LinkedIn
Zapier
Automate

whena user is added to your onboarding sequence

thenauto-generate their role-specific tutorial

Integrate with Zapier
n8n
Self-host

whena self-hosted trigger fires

thengenerate a tutorial in your own workflow

Integrate with n8n
Chrome extension
Capture

whenyou record a walkthrough in-browser

thenstart a tutorial from that recording instantly

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

Frequently asked

Do I need a screen recording to use this template?

No. If you paste a product URL in the [product-url] slot, ngram pulls screens from the site. A real recording is better for internal tools that aren't publicly accessible — upload it and ngram will use it scene by scene.

How many modules can I list in [module-list]?

Four modules fit cleanly in 60 seconds (about 9 seconds each). For five or more, use the 90-second or 2-minute variation, or split into separate role-specific videos so each one stays tight.

Can I make different videos for different roles on the same platform?

Yes — that's the point of the [role] slot. Swap COO for Sales Rep, HR Admin, or Analyst and run the prompt again. Each video covers the same product with different module priorities and tone.

What if I already have a script I want to follow?

Paste your script into the prompt after the module list, then add: "Follow this script exactly — do not rewrite." ngram will sequence scenes against it instead of generating new narration.

How do I add my company's brand to the output?

Set up your Brand Kit at /app/brand-kit, then select it when creating the video to use your logo, fonts, and colors.

Can this work for a sales training video, not just customer onboarding?

Yes. Use the "Sales training + CTA" variation: shift [role] to your sales rep persona and swap the closing line to a post-demo booking CTA. ngram reframes the narration to emphasize business value at each step.

What languages does voiceover support?

Broad — covering most major languages. Set [vo-language] to your target language; ngram generates the voiceover and captions in that language.

Use the SaaS tutorial video template now.

Paste your product URL, name the role and modules, and generate a 60-second training video.

Talk to sales