Connect with us

Plugins

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

Published

on

How to Create Google Web Stories on WordPress

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.

Kam Williams is a web designer and developer specializing in WordPress theme customization and development. She has worked with WordPress for over six years. She comes from a Computer Science background and holds a Bachelor of Science from BSc. Computer Science. Kam has a powerful passion for WordPress and has developed several WordPress Themes.

Latest Articles

The Best Marketing Automation Tools for WordPress The Best Marketing Automation Tools for WordPress
Tools2 months ago

The Best Marketing Automation Tools for WordPress

Are you interested in using automation to reduce your burden and increase the size of your website? There are several...

5 Best Fashion eCommerce Themes for WordPress 5 Best Fashion eCommerce Themes for WordPress
Themes4 months ago

5 Best Fashion eCommerce Themes for WordPress

Fashion eCommerce themes are a dime a dozen nowadays. There are so many WordPress themes with eCommerce functionalities that it...

The Best WordPress Caching Plugins (2022) The Best WordPress Caching Plugins (2022)
Plugins4 months ago

The Best WordPress Caching Plugins (2022)

Do you want to make your WordPress website load faster? One of the most excellent methods to guarantee that your...

5 Best Autoresponder Plugins for WordPress 5 Best Autoresponder Plugins for WordPress
Plugins4 months ago

5 Best Autoresponder Plugins for WordPress

Are you looking for the best autoresponder plugin for WordPress? With an autoresponder plugin, subscribers and website visitors may all...

7 Best Email Capture Tools to Skyrocket Your List 7 Best Email Capture Tools to Skyrocket Your List
Tools5 months ago

7 Best Email Capture Tools to Skyrocket Your List

To collect email addresses from your website users, you need a quick and easy method. As soon as a new...

8 Best WordPress AMP Plugins for Improved Loading Speed 8 Best WordPress AMP Plugins for Improved Loading Speed
Plugins5 months ago

8 Best WordPress AMP Plugins for Improved Loading Speed

Google’s AMP (Accelerated Mobile Pages) project is an open-source effort focused on enhancing the mobile web surfing experience. This is...

5 Best WordPress Banner Plugins to Boost Conversions 5 Best WordPress Banner Plugins to Boost Conversions
Plugins5 months ago

5 Best WordPress Banner Plugins to Boost Conversions

The best WordPress banner plugin can help your site’s visitors become customers and increase its revenue. Adding banner advertisements, product...

5 Best WordPress Themes for Language Schools 5 Best WordPress Themes for Language Schools
Themes5 months ago

5 Best WordPress Themes for Language Schools

Because of the pandemic’s awareness-raising effects, the educational landscape has shifted. Fail to get your program started to a good...

5 Best Orthopedic WordPress Themes for Visitors' Appointments 5 Best Orthopedic WordPress Themes for Visitors' Appointments
Themes5 months ago

5 Best Orthopedic WordPress Themes for Visitors’ Appointments

Build a website if you want to attract new patients regularly. Have no idea where to begin? We’ve compiled the...

5 Best Pharmacy WordPress Themes 5 Best Pharmacy WordPress Themes
Themes5 months ago

5 Best Pharmacy WordPress Themes

There is no such thing as a successful pharmacy that doesn’t make a sound. It doesn’t matter how big or...