Website to Video: turn your live site into a product or marketing video
Paste your homepage, a product page, or a landing page. ngram reads the page copy, plans the storyboard, and exports a product or marketing video draft you can edit before render.
Built for your own website pages: homepage, product pages, feature pages, landing pages, pricing, and about pages. ngram strips nav, footer, and cookie banners and reads the marketing copy. Social posts and hosted video links (LinkedIn, YouTube, TikTok) aren't supported.
Trusted by teams at
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.
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.
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.
Review the storyboard 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.
Export in three ratios
One render gives you 16:9 for the site embed and YouTube, 1:1 for LinkedIn and X, and 9:16 for Reels and Shorts. Captions are burned in on your brand font.
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
Logo, colors, fonts, motion style, and outro CTA come from your saved Brand Kit. The video reads as the same brand the visitor just saw on the page, end to end.
Three ratios from one render
16:9 for the on-site embed and YouTube, 1:1 for LinkedIn and X, 9:16 for Reels and approved social channels. Smart reframing keeps your headline on screen in every aspect ratio.
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.
The rest of ngram
What ngram does to a website that a screen-record tool can't.
Script Generation
The agent reads the fetched website and rewrites it as a hook-body-CTA script. The hero headline anchors the opening line; feature sections anchor the scene-by-scene narration.
Learn moreAI Visuals
Per-scene branded imagery generated from the page's meaning. Useful when a product page is mostly copy and you don't want to scroll-capture the live site to fill the frame.
Learn moreBrand Kit
Apply the same logo, fonts, colors, and outro CTA the site already uses, so the website-to-video render matches the page the visitor came from instead of looking like a separate asset.
Learn moreCaptions
Auto-burned captions styled to your Brand Kit. The LinkedIn and X viewers who scroll on mute still read every value prop the page makes.
Learn moreAI Voiceover
Narrate your homepage or landing page in an ElevenLabs voice or your own cloned voice. Read the page word for word, or have the agent tighten it to under 90 seconds.
Learn moreMulti-format Export
One website in, three ratios out. 16:9 for the on-page embed, 1:1 for LinkedIn, 9:16 for Reels and Shorts, with captions reframed for each surface.
Learn moreUse cases
Where a website page earns a second life as video.
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 caseRun 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, three ratios from one paste, no separate creative brief.
See use caseTurn 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 caseLaunch 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 casePost 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 caseConvert 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 caseRepurpose 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 caseMatch 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 caseOther converters
Source is your website. Source is one link. Source is a draft. Pick the converter that matches.
Website to video rides ngram's same script-and-storyboard pipeline. Same Brand Kit, same review step, different starting source.
The generalist of the two. Use it when the link is any single page (a doc, a case study, a release note) rather than a marketing page on your own website.
Open converterSame engine, narrower input. Reach for it when the page is specifically a blog post (WordPress, Ghost, Substack, Medium) and you want copy tuned to long-form editorial.
Open converterSite not live yet? Paste the draft homepage or landing copy straight in, and the same scene planner that reads a fetched website reads pasted text the same way.
Open converterTools that pair with this converter
Sharpen the page before. Edit the video after.
Editing the video further
Take the website cut past the first draft
Video Editor
Re-cut the website-derived video, drop a scene, or swap a visual. The output of website-to-video opens straight in the timeline editor for frame-level control.
Open toolVideo Cutter
Pull a 20-second teaser from the full site video for a paid ad or a LinkedIn hook. Trim by transcript, not by dragging a timeline.
Open toolAdd Subtitles to Video
Captions burn in by default; this tool exports a separate .srt for the on-page video player and YouTube indexing.
Open toolVideo Translator
Localize the site video into Spanish, French, German, or any supported language for regional landing pages, lip sync optional.
Open toolGenerating from scratch
If the page doesn't exist yet
AI Video Generator
No page to convert yet? Brief the agent in a prompt and jump straight to the storyboard. Same Brand Kit, same scene planner.
Open toolVideo Script Generator
Draft the script before the page is final, then convert it to video. Handy when the website copy is still in review.
Open toolAI Avatar Video Generator
Have a talking-head avatar present the page instead of voiceover over visuals. Same website, a presenter-led take.
Open toolText to Speech Video
Clean narration of the page over scene visuals, no avatar, just a read-through with branded graphics behind it.
Open toolPolishing the source first
Tighten the page before you convert it
Text to Video
Page behind a staging password or not published yet? Paste the copy directly and the same scene planner does the work.
Open toolVideo Script Generator
Homepage running long? Generate a tighter script first, then feed it into website-to-video for a punchier cut.
Open toolAI Image Generator
Pre-generate a hero image for the page and the video at once, same Brand Kit, same style, reused on the page and the thumbnail.
Open toolVideo Compressor
After render, compress the site video under LinkedIn's or X's upload size limit without a visible quality drop.
Open toolBuilt for teams
Teams who turn their website into video.
Growth Marketing
Convert the landing page that already converts in organic into a paid social ad in three ratios. The page proved the argument; the video carries it to feed placements.
See workflowsProduct Marketing
Product and launch pages become product and launch videos. The same page ships the site embed, the LinkedIn post, and the YouTube walkthrough.
See workflowsSaaS Marketing
Every homepage, feature page, and pricing page gets a 60 to 90 second branded video for the on-site embed, ad creative, and sales decks.
See workflowsFounders
Turn your homepage into a 90-second founder-feed video without hiring an editor. The page is the pitch; ngram renders it on brand.
See workflowsAgencies
Convert a client's homepage, product pages, and landing pages into LinkedIn and YouTube deliverables without re-scripting each page from a blank document.
See workflowsContent Creators
Run your site's about and offer pages through ngram to get short channel-native clips that point viewers back to the page.
See workflowsDeveloper Relations
Turn product and integration pages on the docs site into walkthrough videos for the docs surface and developer social.
See workflowsIntegrations
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.
whenA page is marked 'ready to promote' in your CMS or a marketing Google Sheet
thenFetch that website page, render 16:9 and 9:16 cuts, and drop both into the campaign folder in Drive
whenClaude or ChatGPT is asked to turn a company website page into a video
thenHand the page to ngram and return the rendered MP4 plus a /watch share link for the team
whenYour self-hosted CMS publishes or updates a marketing page
thenKick off the website-to-video render from your own workflow and get back a branded MP4
whenA landing page crosses a conversion threshold in your analytics scenario
thenAuto-convert that page into three social videos and attach them to the campaign record
whenA website-to-video render finishes
thenPublish the 1:1 cut as a LinkedIn video post with the page link in the caption
whenThe 16:9 cut of a website page is ready
thenUpload it with the page's title and meta description and a backlink to the site page
whenYou hit 'Convert to video' on a website page open in your browser
thenngram fetches that page in the background and returns a storyboard in a new tab
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.
| Feature | ngram | Pictory | Lumen5 | Synthesia |
|---|---|---|---|---|
| How the page is read | Firecrawl and Exa parse the page; agent rewrites the marketing copy as a hook-body-CTA script | Keyword-match each block to a stock clip | Sentence-by-sentence over stock footage | Page summarized into an avatar script |
| Storyboard review before render | Full scene-by-scene plan, editable in plain language | Scene cards, limited script edits | Inline timeline, no script-level review | Scene list, script-level edits |
| Brand application | Brand Kit (logo, fonts, colors, motion, outro) on every scene | Template-based, limited brand controls | Brand presets, limited per-scene control | Brand settings, avatar-centric |
| Visual generation | AI Visuals matched to scene meaning, in your Brand Kit style | Stock-library matching | Stock-library matching | Avatar plus stock visuals |
| Aspect ratios per render | 16:9, 1:1, 9:16 from one render | One ratio per render | One ratio per render | Per-project ratio setup |
| Voiceover | ElevenLabs voices plus cloned founder voice, any language | Limited TTS voices | Limited TTS voices | Avatar voices, broad languages |
| Persona and channel variants | Regenerate a buyer, founder, or developer cut from the same page | Manual rework per variant | Manual rework per variant | Manual rework per variant |
| How your source is used | Fetched page used only to build your video; you own the output | Indefinite retention | Indefinite retention | Indefinite retention |
| API and agentic access | REST, MCP server, Zapier, n8n, Make | API available | Limited API | API available |
FAQ
Common questions about converting a website to video
Still curious?
Website → Video
Ready to turn your website into a product or marketing video?
Paste a homepage, product page, or landing page, review the scene plan, and export in 16:9, 1:1, and 9:16, all on your Brand Kit.