Home » Plugins » How to Create Google Web Stories on WordPress: A Simple Guide

How to Create Google Web Stories on WordPress: A Simple Guide

Younger folks and users of social media platforms such as Instagram and Facebook have developed a passion for stories. Instantaneity and imaginative images were key features, which enhanced output and global distribution. Who hasn’t made their own or relished the story of a favorite celebrity?

Because of the success of this content format and the influence it had on social media users, Google decided to spend extensively on a style of post called web tales that is similar to what we see on social media. Which is just a narrative published on the internet via a website or blog.

Google designed a WordPress plugin specifically for making web stories with numerous design and animation resources to make it easier to publish content in this new format. What are the benefits of making material in this format? Google is highlighting online tales prominently in its mobile app, in addition to a large consumer market for material in the form of stories. This is an excellent opportunity for portals, news sites, and content agencies to highlight their web story creation.

What is WebStories?

Web stories, for those who don’t know, are clickable pages that are optimized for mobile, full-screen, and use AMP technology. You may use these stories to make interactive visual narratives that are fantastic for sharing information, memes, and photos. Immersive, trackable, and shareable stories can now be added to your website due to a Google plugin called Web Stories. You’ll learn how to install this new utility as well as everything else it can accomplish in this lesson.

They are cell phone-sized pages with magazine layouts, formally known as AMP Stories (Accelerated Mobile Pages). Small paragraphs with links to more detailed explanations, photos, and short videos (up to 15 seconds in portrait mode), all with captions.

They were built with mobile devices in mind. It typically has 4 to 30 pages with 10 words per page, making it appropriate for writing content in a modest quantity. They’re a terrific method to get interactive information while eating lunch, riding the subway, and so on.

What are the benefits of using Web Stories with WordPress?

Web Stories’ basic style is ideal for blogging articles on WordPress-powered websites. The plugin inserts stories into the WordPress site, allowing Web Stories to aid with traffic.

Web stories are also a wonderful strategy for increasing website traffic because they help with SEO and search ranks on Google, Google Images, Google Discover, and the Google App.

Installing the Google Web Stories Plugin for WordPress

The Google Web Stories plugin for WordPress can be installed in one of two ways: through your admin panel’s plugin marketplace or by downloading the free beta plugin. Because this is a public beta plugin, the majority of the default options will be available.

The full version was released at the end of 2021. It offers improved stability, bug fixes, and performance, as well as animations and page attachment functionality. Because this is a beta version, you must manually install the file. To do so, follow the procedures below:

  1. Go to Plugins > Add New in the WordPress dashboard;
  2. Search for the Google Web Stories plugin.
  3. Now press the “Install” button;
  4. Click “Activate Plugin” after the message “Plugin installed successfully” appears.
  • Web Stories Menu

The dashboard menu now includes a new item called Stories. You may view all of your stories here, as well as create new ones and experiment with different templates. Your tales will be shown here, where you can modify them, rename them, duplicate them, or delete them.

This is a post type that can be presented as tales and to which a link can be added to ordinary pages and posts.

  • Creating the Stories

When you click “make new tale,” an editor pops up, allowing you to use the editing tools. The size of the tales cannot be changed. You’re not alone if this reminds you of Canva. It works similarly and is just as simple to use.

You can add stuff to the page builder on the left. Images, texts, and forms are all included. Videos are also included in the images. The page creator is in the middle, and it offers tools for altering and publishing the tale. The text editing and design tools are on the right, and each element you add to the page is a separate layer.

  • Contents

Your media folder contains images and other items. Three dots appear as you hover over them. It is possible to alter or erase the image by clicking on these locations. You may also upload, sort, and search photographs and videos. You can add content to the story page by clicking on it.

  • Text

Predefined buttons for creating headers, footers, and body text are available on the text tab. To add predetermined text to the image, click one of them or “add new text.”

Related:  5 Cool jQuery Plugins & Effects for Website Developers

To use the scaling tool, click on the text. Drag to resize or move the text to a new spot with the center click. This also brings up your right-hand tools, where you may adjust alignment, colors, size, location, layer, style, and so on.

You can also resize or reposition content by selecting multiple objects at once.

  • Form

A square, circle, triangle, heart, star, pentagon, hexagon, and bubble are all included in the shapes tab. Change their colors, opacity, and sizes by dragging and dropping them into the page.

  • Page

The title, publish settings, trash, copy, add a new page, undo, redo, a preview, and a grid view to see numerous pages at once are all found on the canvas. When you click on the content, you’ll see some drag-and-drop options for resizing and moving it. It also gives you more possibilities for right-hand design tools.

To examine alignment options, drag the content. To see the complete image, double-click the content and access the tools to change the zoom and alignment. You can resize and move the content to achieve the exact formatting you like.

  • Design

The show controls for the element you clicked are tweaked by design. Choose a color for the page backdrop by clicking on it. This will bring up a color picker where you can change the background color.

Alignment, size and position, opacity, linkages, accessibility, and layers are all things that apply to pictures.

The “Document” tab offers the normal WordPress publishing choices as well as a few additional options. Save your work as a draft or make it public or private. Change the date, publisher logo, and cover image if necessary. Make the necessary changes to the URL and page feed. Set the automatic advance time and choose between automatic and manual.

  • Templates

The “Explore Templates” option shows you how to use templates in your tales. There are presently eight templates available to assist you in getting started. Multiple pages are included in the templates, so there are lots of designs to choose from.

Click on one to open the template, which will show you all of the pages inside. All of the pages can be changed and customized. Change any element by selecting it.

Publishing a Story

When you choose to publish the story, you’ll be allowed to see it or include it in a new post.

  • See story

When you click on the story, it takes you to the front end of the page. Although all of the pages are viewable, only the one in the middle is entirely readable. To make it easier for visitors to share their experiences on the web, the website has sliders with arrows on the sides, a navigation bar beneath the page, a play or pause button in the top right corner, and a share button. Visitors can copy the URL by clicking the button.

In Conclusion

Web Stories from Google WordPress is a fun way to get your website’s content out there. The tales are designed to seem like magazine pages and function as a slider. They also function nicely with the Divi layouts and modules, as well as the WordPress navigation architecture. They’ve been designed specifically for mobile phones.

The Google Web Stories WordPress plugin appears to be similar to image editing software such as Canva. It’s basic and straightforward to use. Get in touch with the professionals and start creating material for Web Stories on your site if you’re looking for a simple approach to create basic content that looks fantastic and enhances your SEO.