tutorial

Show how to connect two apps

Show where a connection starts in one app and how to verify it in the other. End the lesson on a status the viewer can check themselves.

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

When to use this template

Use this when clicking Connect in one app opens a permission screen in another. Show viewers how to return to the first app and check which account they connected.

job: tutorial

Start with your own task

Replace the bracketed details with your product, audience and source. Add current footage when you have it.

prompt
Make a setup video for [audience] connecting [first app] with [second app]. Start at [settings URL]. Explain which account can authorize the connection. Use [setup guide] for the steps. End by showing how to check [success indicator].
SlotWhat to put
[audience]Audience
[first app]First app
[second app]Second app
[settings URL]Settings URL
[setup guide]Setup guide
[success indicator]Success indicator

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work
Scene structure

What to show

Keep the starting screen and the result easy to recognize.

  1. 1

    Start in the right app

    Show the integration settings and name the account the viewer needs.

  2. 2

    Explain the approval

    Show the non-sensitive parts of the setup. Keep credentials and private account details out of the clip.

  3. 3

    Check the connection

    Show the status in its actual location and say what to do if the account is still disconnected.

Integrations

Record the steps in your browser

Chrome extension
Capture

whenYou can already access the right screens in Chrome

thenRecord the connection status in each app after the private setup step.

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

Frequently asked questions

What if the integration is already connected?

Begin at the connection settings and teach the status check. Use existing approved setup footage if you need to show the initial authorization screen.

How can I show a screen behind a login?

Start a video in ngram Studio with a model that supports browsing. Give it the product URL and the task. If it asks you to sign in, use Browser Handoff on the product page, then choose Done so ngram can capture the next steps.

Walk customers through the connection

Talk to sales

Video generation uses credits. Review your estimate in ngram. MP4 downloads require Basic or higher.

How credits work