Give your blog a blog-to-video button
A free button for your posts: readers click “Convert this blog into a video” and ngram turns the article they're reading into a short explainer video. Two ways to install, both under a minute.
Preview: this is how the button appears on your post
Add this to your own website ↓How it works
Paste the snippet
Drop one of the two snippets below into your blog template. Once. Every post gets the button.
A reader clicks it
They land on ngram with their exact post pre-loaded as a video prompt. Nothing to type.
The post becomes a video
ngram writes the scenes, voiceover, and motion graphics from the article. Minutes, not days.
Install it on your blog
Pick whichever fits your setup. They render the same button. Not sure? Use Option A.
What readers will see on your posts
Option A: one-line script
RecommendedThe easiest way. Paste once into your blog template and the script detects each post's URL itself, so every post gets the button automatically.
<script src="https://www.ngram.com/embed/blog-cta.js" async></script>
<div data-ngram-blog-cta></div>Where to paste: anywhere in your blog's shared post template. The spot becomes where the button appears.
Requires JavaScript. The button renders client-side, so prefer Option B if you want the link visible to search engines.
Option B: HTML snippet
Paste into your post template. Your platform's template variable fills in the post URL automatically, and the link lives in your static HTML, so it works even where scripts are blocked.
<!-- ngram: Convert this blog into a video -->
<p style="text-align:center;">
<a href="https://www.ngram.com/?blog_url=<?php echo esc_url(get_permalink()); ?>"
style="display:inline-block;padding:10px 24px;border-radius:9999px;background:linear-gradient(135deg,#FF2E6B,#F59E0B);color:#ffffff;font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 12px 24px rgba(255,46,107,0.3);">
Convert this blog into a video →
</a>
<br>
<a href="https://www.ngram.com/blog-to-video-button"
style="display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#817B70;text-decoration:none;">
Powered by
<img src="https://www.ngram.com/ngram-logo-gradient.svg" alt="ngram" style="height:14px;width:auto;">
</a>
</p>Where to paste: your theme's single post template (e.g. single.php), where PHP runs. For widgets or page builders, use Option A instead.
The button is free to install and free for your readers to click. They get ngram's standard free credits to make their first video. Please keep the “Powered by ngram” badge with the button.
Ready to create your first video?
Join thousands of product teams using AI to create professional videos in minutes.