Website to Video for carrying the product story beyond the page

Use the live site as the source for the product story, approved claims, and brand direction. Turn it into a complete video project, then build campaign, demo, and sales variants from the same context.

Input · Website to VideoReady

Use one public link that opens without signing in.

  • Accepted: Homepage
  • Accepted: Product pages
  • Accepted: Feature pages
  • Accepted: Landing pages
  • Accepted: Pricing page
  • Accepted: About page
  • Accepted: Solution pages
  • Accepted: Microsites
  • Not supported: YouTube
  • Not supported: TikTok
  • Not supported: LinkedIn
  • Not supported: Instagram
  • Not supported: X / Twitter
  • Not supported: Facebook
  • Not supported: Vimeo

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

How credits work

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

How it works

Four steps from a live website to a finished video.

No rebuilding the page in a slide tool, no copy-pasting headlines into a script field, no hunting stock clips that almost match the product. Your website is the brief.

01

Paste the website URL

ngram fetches the page with Firecrawl and Exa, optionally screenshots it with Screenshotone for visual reference, and reads the marketing copy with nav, footer, and cookie chrome stripped out.

02

The agent rewrites the page as a video script

The hero headline becomes the hook. Feature blocks become scene beats. Your value props and CTA keep the wording you already approved on the site, paced as hook, body, and close.

03

Review the plan containing the script before render

Every scene shows its line of script, its visual direction, and its runtime. Cut a section, rewrite the hook, or swap a visual, and each change flows back into the script in plain language.

04

Review and export the video

Review the website video for its intended channel, including the crop and caption placement, then export one MP4 from Studio. Prepare and review another aspect ratio as a separate edit.

Output controls

Your site is the source. These are the dials.

Page-aware extraction

Firecrawl and Exa parse the live page and Screenshotone captures the layout for reference. Nav, footer, cookie banners, and chat widgets are dropped so the script reads only the marketing copy that sells the product.

Section-aware trimming

A long homepage carries more than a 60-second video needs. Drop the sections the cut can skip without retyping. Each scene maps back to the block it came from on the page, so trimming stays editorial.

AI visuals per scene

Each scene gets a brand-matched image or short generated clip drawn from what the page actually says, not a stock match against your domain name. Useful when the page itself is text-heavy and thin on imagery.

Brand Kit on every scene

Select the Brand Kit that matches the page to use its logo, colors, fonts and motion direction. Choose saved intro and outro slides for this video when you want a consistent opening and close.

Prepare each channel edit separately

Set the intended channel and aspect ratio for the website video, then review the crop, caption placement, and CTA before exporting one MP4. Prepare another channel version as a separate edit.

Captions in your brand font

Auto-generated captions burned into the video and styled with your Brand Kit caption preset. Edit a word in the storyboard and only the affected scene re-renders.

Voiceover from any saved voice

Narrate the page in a default ngram voice, a cloned founder voice, or any ElevenLabs multilingual voice. The script stays the wording your site already earned.

Built only on your page

ngram uses the fetched page and any pasted copy only to build your video. You own the render, the captions, and the editable source script.

Show a task inside your product

The public site tells visitors what the product does. To show them how it works, open Studio and ask a browsing director to capture one task inside the app.

Use cases

Where a website page earns a second life as video.

Landing pages

Add a website-summary video above the fold

Embed a 60-second video version of the landing page on the page itself. Skim-readers get the pitch in motion; scroll-readers still get the copy underneath.

See use case
Paid ad creative

Run your top landing page as a video ad

Take the page that already converts in organic and turn its pitch into LinkedIn ads and Meta Reels. Prepare and review each channel edit separately before exporting one MP4.

See use case
Product overview

Turn a product page into a product overview video

Your product page already lists the value props in priority order. ngram reads that order and renders a 60 to 90 second product overview video off the same page.

See use case
Product marketing launch

Launch page becomes the launch video

The launch landing page is already the launch script. Paste the URL and ngram ships the announcement video that matches the page the campaign points at.

See use case
LinkedIn distribution

Post your website page as a LinkedIn video

Founders and PMMs get the reach LinkedIn gives native video without rewriting the page or briefing an editor. Paste the website URL, review the cut, ship the post.

See use case
SaaS explainer

Convert a feature page into an explainer video

A feature or solution page on your site carries the problem, the mechanism, and the payoff in sequence. ngram lifts that structure into a branded explainer.

See use case
Growth marketing

Repurpose top-traffic site pages into social clips

Pick the three pages driving the most organic traffic this quarter. Convert each into 9:16 social clips for paid and organic distribution off the pages you already maintain.

See use case
Marketing landing page

Match every campaign landing page with a video

Each campaign ships a landing page; few ship a matching video. Convert the page itself so the ad, the page, and the video all make the same argument.

See use case

Tools that pair with this converter

Sharpen the page before. Edit the video after.

All ngram tools

Integrations

Trigger website-to-video where your pages get published.

Wire the converter into your CMS, your CRM, and your publishing stack so a new or refreshed page becomes a video without anyone re-pasting the URL.

REST APIMCP serverWebhook subscriptionsUse a self-service API key to submit a supported page URL through the REST API, retrieve the video job status, and subscribe to video.completed or video.failed.

How it compares

If you've been using something else to turn websites into video.

Pictory and Lumen5 match page keywords to stock-clip libraries. Synthesia leans on an avatar reading the page. ngram fetches the page with Firecrawl, rewrites it as a script, and renders against your Brand Kit on every scene.

FeaturengramPictoryLumen5Synthesia
How the page is readFirecrawl and Exa parse the page; agent rewrites the marketing copy as a hook-body-CTA scriptKeyword-match each block to a stock clipSentence-by-sentence over stock footagePage summarized into an avatar script
Storyboard review before renderFull scene-by-scene plan, editable in plain languageScene cards, limited script editsInline timeline, no script-level reviewScene list, script-level edits
Brand applicationSelected Brand Kit for logo, fonts, colors and motion; optional saved intro/outro slidesTemplate-based, limited brand controlsBrand presets, limited per-scene controlBrand settings, avatar-centric
Visual generationAI Visuals matched to scene meaning, in your Brand Kit styleStock-library matchingStock-library matchingAvatar plus stock visuals
Channel-specific editing workflowOne reviewed MP4 per channel-specific editOne ratio per renderOne ratio per renderPer-project ratio setup
VoiceoverElevenLabs voices plus cloned founder voice, any languageLimited TTS voicesLimited TTS voicesAvatar voices, broad languages
Audience-focused script revisionsAsk for more concise, technical, or direct copy, then review and render the revised edit separatelyManual rework per variantManual rework per variantManual rework per variant
How your source is usedFetched page used only to build your video; you own the outputIndefinite retentionIndefinite retentionIndefinite retention
API and agentic accessREST API with self-service API keys; MCP, Zapier, and n8n for documented workflowsAPI availableLimited APIAPI available

Common questions about converting a website to video

What is website to video?

Website to video turns a page on your site into a finished video. You paste the URL, ngram fetches the page, rewrites the marketing copy as a scene-by-scene script, and renders a product or marketing video against your Brand Kit. It works best on homepages, product pages, feature pages, landing pages, and pricing pages. After review, Studio exports the website video as one MP4. Prepare and review another channel version as a separate edit.

How do I convert a website to video with ngram?

Paste your website page URL into ngram. The agent fetches the page with Firecrawl, strips nav, footer, and cookie banners, and reads the marketing copy. The hero headline becomes the hook, feature blocks become scene beats, and your CTA closes the cut. You review the plan containing the script and adjust scenes in plain language. After review, Studio exports the website video as one MP4. Prepare and review another channel version as a separate edit.

Which website pages work best for the website to video converter?

Start with a public page that has a clear purpose, such as a product overview or a feature page. If the best demonstration happens after sign-in, use Browser Handoff in Studio or supply a current recording.

How does website to video differ from url to video and blog to video?

Website to video is tuned for your own marketing pages, where the hero headline, feature blocks, and CTA are the script. url to video is the generalist for any single link with no assumption about page type. blog to video is tuned for long-form editorial structure (heavy paragraphs, opinion, narrative). All three ride the same fetch, script, storyboard, and Brand Kit pipeline.

Will the video match my website's branding?

Yes. Set up your Brand Kit at /app/brand-kit and select it when creating the video. Create or edit reusable intro and outro designs in that kit, then choose the slides you want for this project. Both are optional. Review the result against the page before publishing.

What aspect ratios and formats can I export?

Studio exports the reviewed website video as one MP4. Set the aspect ratio for that edit, then check its crop and caption placement before export. Prepare and review a separate edit for another channel. If a destination requires MOV, WebM, or MKV, use Video Converter as a separate one-file, one-output step; use Video to GIF for a GIF. Output is 720p on Basic, 1080p on Premium, and 4K on Ultimate. Share a public watch link on Free.

Can ngram read a JavaScript-rendered or single-page-app site?

Check what ngram can read from the URL. If the important text is missing, paste an approved copy. If the video needs to show a tab opening or a result appearing, ask a browsing director in Studio to capture that interaction.

What happens to my page and the fetched content after conversion?

The fetched HTML, screenshots, and any pasted copy are used only to build your video, not published anywhere else. The render, the captions, and the editable source script are yours to keep, re-render, or export.

Can I automate website to video for every new page on my site?

Yes. Connect ngram to your CMS or CDN through Zapier or n8n. A new page publishes, the workflow can pass its supported URL to ngram, and the connector returns the job status or result to a downstream step you configure. The REST API and MCP server are there for custom pipelines.

Which pages on my site should I convert first?

Start with the page that already does the most explaining: your homepage, your top product or feature page, or the landing page behind your best campaign. ngram fetches the page, strips the chrome, and reads the marketing copy. You stay responsible for any rights to imagery or quotes the page reuses; ngram handles the conversion, not the licensing.

Website → Video

Ready to turn your website into a product or marketing video?

Start with the website page, review the edit for its intended channel, and export one MP4. Prepare each additional aspect ratio as a separate edit.

Put it into practice

Follow a workflow from source material to a video you can review, share and make again.

Each researched account or relevant public update

Create a prospect-specific introduction in Claude

Give Claude a verified public account update, relevant product proof and one proposed next step. Review ngram’s plan, then create a short introduction you can check before sending to the prospect.

Verified public account news, approved product proof and one next stepA concise prospect-specific introduction ready for review

Ways to run: Claude

Each audience, positioning update or new product explanation

Explain a software product from its positioning brief in Claude

Give Claude the audience, approved positioning and supported product facts. Review ngram’s plan, then create a concise explanation of how the product’s main concepts fit together.

An approved positioning brief and current product sourcesA source-backed software explanation with clear labeled visuals

Ways to run: Claude

Each brand campaign, audience or refreshed visual brief

Turn a brand brief into a source-backed story video in Claude

Give Claude the brand point of view, approved narration and permitted imagery. Review ngram’s plan, then create a short story that keeps the visual treatment faithful to those sources.

An approved brand brief and permitted source imageryA concise brand story with faithful source visuals

Ways to run: Claude

Each client campaign, approved message or creative variant

Turn a client ad brief into a video in Claude

Give Claude one client’s approved message, visual assets and campaign placement. Review ngram’s scene plan, then create an ad your team can check and send for client review.

Client facts, permitted brand assets, approved narration and one placement briefA client-specific video ad ready for review and export

Ways to run: Claude

Each recurring service promotion or updated offer

Turn your service-page copy into a promotion in Claude

Give Claude the services, audience and booking action from your page. Review ngram’s plan, then create a short promotion around the details customers need to choose their next step.

Service-page copy, approved service details and a booking actionA short service promotion for a social feed or service page

Ways to run: Claude