Google Web Stories help you create unique, “snackable” stories for your mobile visitors. They’re a vertically optimized, swipeable form of storytelling that’s great for people on the go – I’ll show you some examples in the next section.
With the new Google Web Stories WordPress plugin, you can easily start using Web Stories on your WordPress website – no code required. You’ll be able to build your stories using a simple drag-and-drop interface and publish them anywhere on your site.
In this post, I’ll share a little more about what the Web Stories format is and how it can benefit your site. Then, I’ll show you step-by-step how to start using Google Web Stories on WordPress with the new official plugin.
Google Web Stories are short “snackable” pieces of content optimized for mobile devices. A “story” consists of a series of vertically-optimized slides that mobile users can swipe through.
In Google’s words:
Web Stories immerse your readers in fast-loading full-screen experiences. Easily create visual narratives, with engaging animations and tappable interactions.
Each page in a web story can only contain a maximum of 10 words and the recommended size for an entire story is between 4-30 pages (or “slides”).
Stories can also contain vertical videos, though you should keep the videos shorter than 15 seconds. However, if you do include videos, you must add captions so that people can follow along even if they’re in a public place where they can’t turn on sound.
If you want to see some examples, you can click on the list below. If you’re on a desktop device, you won’t get the full experience, but you should still be able to get the idea of what Google Web Stories are about:
There are a few different benefits to using Google Web Stories on your WordPress site.
First off, they’re just plain cool and offer a unique experience to your visitors. They provide a much more engaging and unique way to…tell stories. They remind me a lot of some of the digital experiences that the New York Times has been creating, which I always found to be super interesting to use.
Personally, if I’m on a mobile phone, I would much rather look at a Web Story than try to read a wall of small text.
On a more practical level, Web Stories can also get you special consideration in Google’s search results.
For example, for some queries, Google will include a “Visual Stories” box that only includes Web Stories. You can also rank Web Stories in Google Image Search, which opens up some new possibilities for connecting with searchers. Finally, Google will also include Web Stories in Google Discover.
Are those benefits worth the time that it takes to create Web Stories? I honestly don’t know – but I definitely think it’s worth taking some time to experiment with, especially for publishers and bloggers.
As I mentioned at the beginning, Google is working on an official Web Stories WordPress plugin that makes it easy to get up and running with Web Stories on your WordPress site.
At the time that I’m writing this post (July 2020), the plugin is still in beta, but I’d imagine that it will be making its way to WordPress.org sometime soon. So – by the time that you read this, you’ll probably be able to get it from WordPress.org.
However, for now, you can find the Web Stories plugin at GitHub. While this plugin is in beta, we’d recommend being careful about using it on production websites.
To get started, download the plugin from GitHub. Then, you can install it on WordPress by uploading the ZIP file, just like you would a premium plugin.
Once you’ve installed and activated the plugin, here’s how to use it.
Once you’ve activated the plugin, you’ll get a new Stories tab in your WordPress dashboard.
To create your first story, go to Stories → Add New.
Once you create a new story, the plugin will launch a full-screen dashboard with three columns:
Next, you can go to the Text tab in the left-hand menu to add different types of text.
Once you add text, you can:
To continue building your story, all you need to do is repeat the process for as many slides as you want to include in your story. Again, Google says that your stories should be between 4-30 slides.
You can click the plus icon to create new slides. Then, you’ll be able to navigate between slides using either the arrows or by clicking on a slide in the list:
Once you’ve finished setting up all of your slides, you’re ready to publish your story.
Before you do that, go to the Document tab on the right and configure a few additional settings.
For example, you can configure publisher information and the permalink for your story.
One of the most important settings here is Page Advancement. You can either automatically advance the page after a certain number of seconds (this works like Facebook and Instagram stories) or you can let readers manually advance using the arrows:
Once you’ve made your choices, you can click the Publish button to make your story live.
You’ll be able to view your story at the permalink and it will work for both desktop and mobile visitors (though the experience is obviously cleaner for mobile visitors).
Here’s an example of how it looks on a desktop:
Google calls the content of the Web Stories “snackable content”; to define the briefness of the story and how the outlay makes it attractive to people. When Google first let the public have a sample of the plugin idea, it was in beta form, and not all of the features were available yet. This beta version was met with a very positive reaction and that prompted Google to release the plugin early this summer.
Google wanted to give publishers the ability to reach audiences on the go, whether they are on a bus, on their phone, on the train station, etc.
The idea was for you to utilize the plugin in less than 15 seconds. Google made sure this was possible and available in the final version released this summer.