Brand Icon ScaffolderJS

← Back to Documentation

Managing Pages

Audience: Site owners (end users)

Your site's structure is determined by its pages and the top navigation bar. ScaffolderJS automatically generates your main navigation menu based on your page configuration.

The Page Selector

At the top of the Floating Builder Panel, you will find the Page Selector dropdown. This displays the page you are currently viewing and editing.

  • Switching Pages: Click the dropdown to select a different page. The live preview will automatically swap to display that page.

Adding a New Page

  1. Open the Floating Builder Panel.
  2. Click the + (Plus) button located right next to the page dropdown.
  3. A modal dialog will appear. Enter the required details:
    • Navigation Label: Display text for this page in your navigation bar (e.g., "Our Services").
    • Slug: The URL path for the page (e.g., /services).
    • SEO Description (Optional): A brief summary of the page used by Google and other search engines.
  4. Click Create Page.
  5. The new page is ready to be populated with sections!

Editing Page Settings and Visibility

You can change a page's metadata after it has been created:

  1. Select the target page from the Page Selector dropdown.
  2. Click the Edit (Pencil) icon next to the dropdown menu.
  3. Update its Navigation Label, Slug, or SEO Description.
  4. Visibility Toggle: Inside this same settings menu, you can toggle the page's visibility ON or OFF.
    • Disabling a page hides it completely from the live website and navigation bar while keeping all of your configured content safely stored. This is ideal when you are actively drafting a new major page or running a limited-time promotion.

Reordering Pages

The order of pages determines how they are listed in your website's main navigation menu.

  1. In the Floating Builder Panel, click the Reorder (List) icon.
  2. An interactive list of all your pages will appear.
  3. Drag and drop the pages by their handles to rearrange them.
  4. Once you drop a page, your navigation bar will instantly update to reflect the new hierarchy.

Documentation Pages

If you generated standalone technical/markdown documentation using the Scaffolder CLI import tool, a Docs link is automatically grouped into your main Site Navigation. These documentation pages perform as a separate sub-routing system and are managed from the file system, not the visual Site Builder.