Yogesh Chauhan's Blog

What are Google Web Stories and How to create them in WordPress?

in WordPress on December 22, 2021

We all have seen stories on Instagram since years now. In fact, nowadays, every social platform has a story feature integrated into it.

Google Web Stories are nothing but a web-based version of that popular Story format.

Google Web Stories allows you to host and own your own content. The medium is visual – kind of quick glance about your content.

You can publish it and share it just like you share a video or image after posting it on social media.

Google has introduced Story Carousel (in US, India, and Brazil as per now) that’s gonna show your stories when user search or when it’s relevant to the user.

There are quite a few ways to create a Web Story. To get started, choose the tool one is right for you. Here’s the list of the tools on Google Web Story Official Website.

If you’re not looking for a plugin for a specific framework but rather you want to build a story with custom functionality, explore their documentation for developers.

Web Stories for WordPress

Google has created a plugin for WordPress users to add Web Stories.

Here’s the plugin: Web Stories By Google

Google has created a detailed documentation for the plugin and how to use it:

Google Web Stories for WordPress Documentation

You can click on the Getting Started guide to read more on step by step guide on Web Story creation.

Here’s a “Settings” Tab screenshot from Google on how it’ll look like on your WordPress admin side once you successfully install the plugin and activate it.


Most Read

#1 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #2 How to add Read More Read Less Button using JavaScript? #3 How to check if radio button is checked or not using JavaScript? #4 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #5 How to uninstall Cocoapods from the Mac OS? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
What is HTMLUnknownElement?HTMLHow to create a new HTML element programmatically using JavaScript?HTMLDROP DATABASE (remove a database) from PostgresPostgresControl Scrolling with CSS Scroll SnapCSSHow to CREATE TABLE in SQL with and without using Another Table?SQL/MySQLAdd animation to your skills bar using CSSCSS