Web Stories Expert

How to create Google Web Stories in WordPress

How to Create Google Web Stories in WordPress

An online storytelling format specifically created for mobile devices is called Google Web Stories. With the use of text, pictures, and videos, you can make interactive, full-screen, and captivating tales. Using the official Google Web Stories plugin, you can create Google Web Stories in WordPress. You may write and publish Web Stories from your WordPress website thanks to this plugin.


It also provides a selection of templates, design components, and tools to assist you in producing stories that appear professional. Install the Web Stories plugin, create a new tale, modify it with the plugin’s built-in editor, then publish it to your website to begin going.

What are web stories?

Web Stories, also known as AMP Stories, are a form of visual storytelling that utilizes the power of the web to create immersive and interactive experiences. They are designed to be viewed on mobile devices and typically consist of a series of full-screen pages that can include a combination of text, images, videos, and animations. They are similar in format to Instagram or Snapchat stories, but they are designed to be viewed on the web and can be indexed and discoverable by search engines.

Web Stories are built using the open-source AMP (Accelerated Mobile Pages) framework, which allows for fast loading and smooth navigation. This format allow for interactive elements like slide-in text, rollover elements and form, as well as allow for monetization through ads, Affiliation and other means.

Web Stories are shared as an URL ( similar to a website) and can be embedded on any website.



Google AMP Stories

Google released AMP Stories at the beginning of 2018 to enable the speedy creation of visual web stories using open technologies. AMP Stories changed their name to Web Stories in May 2020, and by October of same year, they were made available on WordPress, the most popular platform worldwide. It is now much simpler to create tales on the platform you control, your website, thanks to the WordPress Web Stories plugin.


Google keeps enhancing Web Stories and promoting adoption at the same time. The Rich Results Testing Tools and Search Console can now identify Web Stories as such. You may customize the tracking ID for Analytics in the plugin’s settings for WordPress. You may assess how well your Stories are doing by doing this.


How to Create Google Web Stories in WordPress

We’ll guide you through every step of the process of creating and publishing tales on your WordPress website now that you are familiar with Google Web Stories.


  1. Install the “Web Stories for WordPress” plugin.
  2. Create your first Web Story.
  3. Use the plugin’s visual editor to design and layout your Web Story.
  4. Publish your Web Story.
  5. Share it on social media or embed it on your website.


1. Install the “Web Stories for WordPress” plugin.

You can adhere to these instructions to install the “Google Web Stories” plugin on your WordPress website:


  • Open your WordPress dashboard and log in.
  • Click the “Add New” button under the “Plugins” section.
  • Enter “Google Web Stories” in the search box and press “Search.”
  • Click the “Install Now” button after locating the Google plugin.
  • To make the plugin active on your website after installation, click the “Activate” button.
  • When the plugin is activated, a new post type called “Web Story” will be added, allowing you to build and share Google Web Stories right from your WordPress website.


You can also use the “Upload Plugin” function found in the “Plugins” section of your WordPress dashboard to upload the plugin to your website after downloading it from the WordPress plugin repository.

Before installing, please check sure the plugin is compatible with both your existing theme and the current version of WordPress.

Additionally, keep your plugin updated for improved security and functionality.

Please be aware that there isn’t a plugin called “Google Web Stories” in the WordPress plugin repository, so the one called “Web Stories for WordPress” that Google officially supports should be used instead.


2. Create your first Web Story.

You can use the “Web Stories for WordPress” plugin on your WordPress website to create your first Google Web Story by following these steps:


  • Go to the “Web Stories” section of your WordPress dashboard after logging in.
  • To add a new Web Story post, click the “Add New” button.
  • Create and arrange your Web Story using the plugin’s visual editor. You can alter the backdrop and color scheme in the visual editor as well as add text, photos, and other material.
  • Use the layout choices provided by the plugin to build the web story page layout. These options let you add background colors, photos, adjust the text size, and align the page’s elements.
  • By selecting the “Preview” button on the editor, you can see a preview of your web tale as you’re creating it.
  • Click the “Publish” button to make your Web Story live on your website. If you wish to make additional revisions before posting it, you can also save it as a draft.
  • You have the choice to share the web article on social media or embed it on your website after it has been published.


Please remember that Google’s Web Stories format, which differs from a typical blog post, is focused on visual and media-rich content. To avoid rejection, make sure you are also adhering to Google’s web story rules.

You may hone your abilities and produce even more captivating web tales as you get more at ease with the process and experiment with various themes and layouts.



3. Use the plugin’s visual editor to design and layout your Web Story.

Yes, a lot of WordPress plugins that enable support for Google Web Stories, like the AMP for WordPress plugin, provide a visual editor that enables you to easily and intuitively design and lay out your Web Story.

You can usually add and organize various items, such as text, photographs, videos, and buttons, as well as change the Web Story’s layout, font, and color scheme, using this visual editor.

Using web stories, you may include extra interactive components such as surveys, tests, and forms.

Additionally, it will give you the chance to preview the story before publishing and to confirm that it complies with Google’s web story criteria.

Please be aware that based on the plugin you’re using, the specific features and choices accessible in the visual editor may change.



4. Publish your Web Story.

You can post your Web Story on your website once you have developed and organized it using the visual editor.

You must take the following actions in order to publish your online story:

  • Save your Web Story: Be sure to save your work by selecting the “Save” or “Update” buttons in the visual editor or the post editor, respectively.
  • Publish your post or page: After saving your Web Story, you can publish it by selecting “Publish” from the post editor’s menu. The Web Story will now be available for viewing by visitors to your website.
  • Validate: You should validate your web story before posting to make sure it complies with Google’s standards and guidelines. You can use Google’s web story validator. Or one of the many Web Story plugins that come with built-in validation tools.
  • Submit for Indexing: After your web story validates, you can submit it to Google for indexing. So that users can quickly find it. After submission, Google must approve it.

Please be aware that depending on the plugin you’re using and the website theme you’re using. The precise procedures you’ll need to follow to publish your Web Story may change.



5. Share it on social media or embed it on your website.

If you want to reach a larger audience after publishing your Web Story. Then you can share it on social media or embed it in your website.

You may embed your Web Story on your website or share it on social media by following these general instructions:


  • Share on social media: You may share your Web Story on social networking sites like Facebook, Twitter, Instagram, and more. By pasting the link to your post or page that contains the Web Story. On the post editing page or a separate sharing page, some Web Story plugins also include social sharing options.
  • Use the embed code provided by the plugin to embed your Web Story on your website. You can find it on the post editor page or the web story manager.


Any article or page on your website can have this code added to it. You can also add it to a widget area to display it in the sidebar or footer of your website.

A block to embed on pages is also provided by several plugins.

A solid, catchy headline and a succinct explanation should be . When sharing or embedding your Web Story in order to engage your audience and stimulate interaction.

As a reminder, depending on the plugin you’re using, the precise steps you’ll need to do to share. Or embed your Web Story may vary. Always consult the plugin’s documentation to learn which exact procedures to take.



Developing online tales can be a terrific strategy to boost website traffic and user engagement. Additionally, since Google has begun indexing Google Web Stories, they can provide you more visibility on Google’s SERPs.

It’s necessary to keep in mind that certain procedures may differ based on the plugin version you’re using. And the website theme you’re using. We should always consult The plugin’s documentation for additional in-depth instructions. On how to construct a Google Web Story in WordPress.