Website structure panel: manage pages, menus, posts and products

Updated on

Table of contents

The Visual Editor now has a website structure panel: a side panel that shows the whole site at a glance, with the navigation menu, unlinked pages, posts, products and categories in one place.

How to use it

  1. Open the structure panel from the structure icon, or from “Manage pages” in the address bar.
  2. Build the menu without leaving the editor: add existing pages, add a custom link, drag items to reorder or nest them, and set any page as the Home page.
  3. Open a page’s settings to rename it, edit its slug, SEO title and description, and set its parent, then Save, Duplicate or Move to trash, all without opening WP admin.
  4. Use the search box to find any page, post, product or menu item in the site.

Good to know

  • The same settings panel covers blog posts, WooCommerce products and categories, reached from their own drawers in the structure panel.
  • Deleted pages land in a trash you can review, restore from, delete permanently, or empty, so a wrong delete is no longer final.
  • Available on cloud sites. Self hosted sites keep the previous address bar behavior.
  • The structure panel is part of the Visual Editor in the AI Website Builder. See plans on the 10Web platform.

This matters most to builders who manage pages, menus, posts and products, and can now do all of it from the Visual Editor instead of WP admin.

Share article
Recommended articles
Featured image for Gradient color editing in the visual editor article

Gradient color editing in the visual editor

Visual editor 0 Min Read

You can now edit gradient colors directly in the visual editor. What changed Gradient color editing was added to the visual editor, alongside the existing color and typography controls. A gradient is one of the fastest ways to make a hero section or a call to action feel deliberate, and now it is a few clicks in the visual editor….

Featured image for Advanced typography controls: letter spacing and line height article

Advanced typography controls: letter spacing and line height

Visual editor 0 Min Read

The visual editor now has advanced typography controls, including letter spacing and line height. What changed Letter spacing and line height joined the typography controls in the visual editor. Tighten a headline that reads too loose, open up a paragraph that reads too cramped, and see the result while you work.

Featured image for Drag a section. Drop it. Done article

Drag a section. Drop it. Done

Visual editor 1 Min Read

Restructuring a page no longer needs a prompt. A new miniature sections sidebar in Visual Editor shows your whole page at a glance. Grab any section, drag it into a new position, and the page updates live. And it works across your whole site: move a section to a different page, or duplicate it and send the copy to another…

Featured image for WordPress shortcodes: add any shortcode to your site article

WordPress shortcodes: add any shortcode to your site

Visual editor 1 Min Read

Shortcodes are how WordPress adds pre-made sections with some functionality: forms, galleries, pricing tables, booking widgets, and thousands more from plugins. Now you can add them directly inside the 10Web editor. Type a shortcode into the chat, or open the sidebar and use the Add Shortcode button. In the preview, every shortcode renders as its own block. This matters most…

Featured image for SVG logos, integrated with WordPress Site Identity article

SVG logos, integrated with WordPress Site Identity

AI generation, AI Website Builder, Editor, Visual editor 1 Min Read

Every generated site — regardless of business category — now gets an SVG typography logo. No more pixelated raster logos that break on retina screens or clash with dark backgrounds. Why SVG matters here: Logos adapt automatically to dark/light modes (SVG only). They’re editable like any other element — in chat editing and the Visual Editor alike. Prefer a raster…

Featured image for Global Themes: one design system across all your sites article

Global Themes: one design system across all your sites

AI generation, Visual editor 1 Min Read

Every site you generate can now start from a real design system. Pick one of 10 predefined system themes during generation (Bold Heritage, Brutalist, Calm Rose, Fresh Lime, Modern Slate, and more), skip and let AI generate a custom theme for the project, or take full control in the Visual Editor. In-editor theme controls: main color palette, font family, global…

Other articles
Drag a section. Drop it. Done
Hover states: add interactive effects to any element

Leave a comment

Your email address will not be published. Required fields are marked *

Your email address will never be published or shared. Required fields are marked *

Comment*

Name *