Sitemap Editor: Plan Your Website Structure Before You Design

The Sitemap Editor is a visual canvas where you plan your website's pages and sections. When you complete the Guided Brief (or enter a quick prompt), SproutOS generates your Core Pages automatically. You then review the structure, add more pages, edit sections, and finalize everything before moving to design.

Understanding the Canvas

When you land on the Sitemap canvas, you see your Core Pages displayed as page nodes. These are the pages SproutOS generated based on your brief (for example, Home, About, Services, Contact). Each page node lists the sections assigned to it.

From here, you can add new pages, edit section details, add or remove sections, and use the AI chat to make bulk changes.

Adding Pages

SproutOS generates your Core Pages from the brief. If you need additional pages, click the Add node button on the canvas. A popup opens with the following page categories:

• Blog Pages: Blog index, post templates, category pages, and tag pages.
• Legal Pages: Privacy Policy, Terms of Service, Cookie Policy, and similar pages.
• Site Extras: Additional pages like 404, Coming Soon, Under Construction, and other utility pages.

When you select a category, SproutOS generates the relevant pages and adds them to your canvas.

Managing Pages

Once your pages are on the canvas, you can rename or delete them.

• Rename a page: Double-click the page name on the node. Type the new name and it updates instantly.
• Delete a page: Click the three-dot menu beside the page name and select Delete. SproutOS removes the page and all its sections from the canvas.

Working with Sections

Sections are the building blocks inside each page. You can view their details, add new ones, or delete the ones you do not need.

Viewing and Editing Section Details

Click any section on a page node. A side panel opens showing the section's Name and Description. You can edit the description to add notes for your own reference or for team collaboration. This does not affect the design output. It is purely for internal documentation.

Adding a Section

Hover between two existing sections on a page node. A plus icon appears. Click it and a side panel opens with three tabs:

• Section Tab: Browse section categories like Hero, About Us, Services, Team, Gallery, Testimonials, and more. Each category contains multiple sections in different designs and styles. Click any section to add it at that position.
• Global Tab: View all your Global sections. These are sections shared across multiple pages (typically Navbar and Footer).
• Saved Tab: View all your previously saved sections. Use this to reuse sections you have customized before.

Deleting a Section

Right-click any section on a page node. A context menu appears with the option to delete it. The section is removed from that page immediately.

Section Categories

The Section tab in the add panel includes 51+ section types. Here are the most common categories:

Using the AI Chat

The AI chat is built into the Sitemap Editor. Describe what you want and SproutOS applies the changes directly to your sitemap.

Examples:

• "Add a pricing page with a comparison table and FAQ section"
• "Remove the blog and add a case studies page instead"
• "Add a testimonials section to every service page"

Frequently Asked Questions

Next Step

Design Editor

Customize the visual look of every page and section in the Design Editor.