Web Stories for WordPress

Getting Started

Installing Web Stories for WordPress

You can install the Web Stories WordPress plugin directly from within your WordPress admin or by manually downloading it from the WordPress.org plugin repository. Follow the steps below to install the Web Stories for WordPress plugin:

  1. In your WordPress admin, go to "Plugins" → "Add New".
  2. Search for "web stories" . You should see the Web Stories plugin in the search results.
  3. Install and activate the Web Stories plugin.
  4. Click on the new "Stories" admin menu item to navigate to the Web Stories Dashboard.

Note: You need to be an administrator in order to be able to install plugins.

The Web Stories Dashboard

Accessing the Dashboard

Select Stories from the sidebar to navigate to the Web Stories dashboard.

Create your first Web Story

Start creating your first Web Story from scratch by clicking on the "Create New Story" button or select "Explore Templates" to jump start with one of the dozens of available templates.

Filter your Stories

On the dashboard, you can filter all stories on your site by their status, for example to only see published ones, by selecting the tabs at the top of the dashboard. Select the drop down under the search bar to sort stories by name, date, or their author.

Change view

View stories as a list by clicking the icon next to the sort drop down and access the classic WordPress table view via the link next to the grid icon in case you need it (for instance for certain plugin integrations). You can also access the classic table view via the "All Stories" admin menu item.

Managing Settings

From the Settings page you can manage various Web Stories editor-related settings. For example, you can set up analytics by simply entering your Google Analytics tracking ID, or set up monetization by entering your Google AdSense details.

You can also manage publisher logos, enable built-in video optimization, and much more.

Visit the Settings page via the admin menu or by clicking on "Settings" in the lower section of the Web Stories dashboard.

The editor has main three panels. Starting from the left:

  1. The element panel,
  2. The workspace,
  3. And the design panel.

Use the Element panel on the left to upload assets, add images, text and shapes to your story pages, and create page templates.

Use the Workspace panel to declare a title, add and remove story pages, design your page by placing and layering assets & elements, view keyboard shortcuts, enable and disable the safe zone, and view all story pages in grid mode.

The Design panel on the right contains two tabs: Design, and Document.

Use the "Design" tab to modify properties related to the currently selected element or group of elements, such as position, size, font properties and more. Change the order of elements/layers via the Layer Panel at the bottom of the Design tab.

Use the "Document" tab to control how your story gets published, add any important metadata and control whether pages auto-advance or need to be tapped manually.

Help Center

The help center built into the editor helps you discover tips & resources to help you get the most out of your Web Stories. Access it via the help button at the bottom:

Pre-Publish Checklist

The pre-publish checklist alerts you about critical issues that may make your story ineligible to appear on platforms such as Google Search and Google Discover. It offers recommendations about common accessibility shortcomings like low contrast and more.

Keyboard shortcuts & navigation

View editor keyboard shortcuts by clicking the keyboard icon in the Workspace panel. Or press Ctrl+/ on Windows and / on Mac.

Available Templates

It’s fun and easier to get started building your first story by using one of the dozens of freely available templates from the Explore Templates page. The templates show layering techniques, interesting use of assets, and playful text. Hover over a template and click "See details" to preview or "Use template" to begin editing.

You can also create your first Web Story from scratch by clicking on the "Create New Story" button on the Web Stories dashboard.