Web Stories for WordPress

Navigating the Editor

The editor has two main areas. The sidebar (1) and the workspace (2).

The sidebar is structured into three panels:

  1. Insert
    Add images, videos, text and stickers to your story pages, and create page templates.
  2. Style
    Modify existing elements on the workspace by tweaking colors or adding links. Modify properties related to the currently selected element or group of elements, such as position, size, font properties and more.
  3. Document
    Control how your story gets published, add any important metadata, and control whether pages auto-advance or need to be tapped manually.


In the workspace area you can change your story's title, add and remove story pages, or organize them by changing their order or viewing them in grid mode. Design your page by placing and layering assets & elements, view keyboard shortcuts, explore the help center, or go through the checklist for tips on how to improve your story.


Change the order of elements/layers via the Layer Panel at the bottom corner of the workspace.

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:


The 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.

Plugin Integrations

Many popular WordPress plugins integrate with the Web Stories plugin using so-called custom meta boxes. If you have such a plugin installed, you can access its UI using the "M" icon in the bottom corner of the editor: