Scrollytelling story
Some posts deserve more than text and a thumbnail. Build an immersive, scroll-driven story with AI at Scrollytelling, then drop it into any WordPress post or page — with a block, a shortcode, or just by pasting a link.
On the official plugin directory · Block editor & Classic · Set up in about a minute
Every published story has its own address, like https://my-story.scrollytelling.ai. Get it into WordPress whichever way fits how you write.
Add the Scrollytelling Story block and paste your story URL. Pick inline or card display and the height right from the block sidebar — the story plays on your published page.
Paste a story URL on a line of its own and WordPress embeds it automatically — exactly like a YouTube link. No block, no shortcode, no setup.
Using the Classic editor, or a widget area or page builder that accepts shortcodes? One line does it — and it takes the same mode and height options.
Want the walkthrough? Read how to add scrollytelling to WordPress — block, shortcode and auto-embed, step by step.
Choose per embed. Both are responsive, and both keep your theme untouched — the story renders in its own frame, isolated from your site's CSS and JavaScript.
The scroll-driven experience runs in a responsive frame right where you placed it — animations, video and all — with a fullscreen button for readers who want to sink in.
Show a launch card with a View story button. Readers click, the story opens full-window — no scroll area nested inside your page.
Add an API key once under Settings → Scrollytelling and the block gains a picker: browse your published stories and insert one with a click, straight from the editor.
Below is a real Scrollytelling story in the same inline frame the plugin embeds. Scroll it.
Embedded with the same inline mode the plugin uses in your posts.
In your WordPress admin: Plugins → Add Plugin, search “Scrollytelling”, install and activate. It's free.
Describe an idea at Scrollytelling and AI builds the scroll story — or start from a template. Publishing gives it a URL.
Add the Scrollytelling Story block and paste the URL — or paste the link on a line of its own and it embeds itself.
Pick inline or card display, set the height, hit publish. The story plays for every reader, on every device.
Anywhere a post has to carry weight — a launch, a feature, a report — an immersive story keeps readers scrolling instead of skimming.
Long-form journalism and feature writing with cinematic pacing — the format scrollytelling was born for.
Feature writing examples →Turn flagship posts into experiences readers remember — and share. Perfect for anchor content on a company blog.
Brand blog examples →Issues, features and photo essays that feel like a designed publication, not a template post.
Digital magazine examples →Product launches, customer stories and annual reports that walk readers to the result step by step.
Case study examples →Yes. The plugin is free on the official WordPress plugin directory. Stories are created at scrollytelling.ai, which has a free plan to start — the plugin embeds any story you've published.
Not to embed — any published story URL works with the block, the shortcode, or paste-to-embed. You need an account to create stories, and connecting it with an API key adds the story picker to your editor.
Yes. The block works in the block editor (Gutenberg); the [scrollytelling] shortcode covers the Classic editor and any builder or widget area that accepts shortcodes. The story renders in its own frame, isolated from your theme's CSS and JavaScript — so nothing clashes.
No. Your story loads inside its own lightweight frame from the story's public address, so its animations and media never weigh down your page. The plugin adds only a small stylesheet and script for the embed frame itself.
The plugin requires WordPress 6.6 or newer and PHP 7.4+. Inside it, use whichever method fits your editor — the block in the block editor, or the shortcode in the Classic editor and shortcode-friendly page builders.
Yes. Stories on *.scrollytelling.ai addresses auto-embed when you paste the link. Stories on custom domains embed via the block or shortcode — the plugin verifies them against the Scrollytelling API automatically.
Install the free plugin, publish your first AI-built story, and embed it in a post — all before your coffee goes cold.