Sitemap Editor

The Sitemap Editor is a visual canvas where you plan your website's pages and sections. When you enter a prompt or complete a scope, AI Website Creator 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 AI Website Creator 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, and add or remove sections.

The Sitemap canvas: Core Pages as page nodes, with Add for extra pages

Each page node shows a preview of its first few sections. Click Expand to reveal the full list, the button becomes Collapse so you can hide the list again.

Click Collapse to hide the expanded section list again

A status bar at the bottom of the canvas shows "Sitemap ready · N pages" once your sitemap is complete, with a Continue to design button that takes you to the Design Editor.

Use Cases

• Adding pages beyond the AI-generated core set. Blog, Legal, and Site Extras pages come pre-built, no hand-building a Privacy Policy or 404 page from scratch.
• Restructuring the AI's page plan before committing to design. Reorder, rename, and add or remove sections while the structure is still cheap to change.
• Making a repeated element consistent site-wide. Turn any section into a Global Section so editing it once updates it on every page.

Section Categories

The section library includes 51+ section types. Here are the most common categories:

Managing Pages

Adding Pages

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

The Add Pages popup: Blog, Shop, Legal, Site Extras, and Dynamic Pages

• Blog Pages: Blog Page, Blog Detail Page, Search Results Page, Author Page, Category Page, and Tag Featured Page
• Legal Pages: Privacy Policy and Cookie Policy, each generated with Header, content, and Footer sections, ready to expand
• Site Extras: 404, Coming Soon, and Under Maintenance pages, each a single-section page ready to expand

The same popup also lists Shop Pages and Dynamic Pages, greyed out with a "Coming Soon" tag since they aren't selectable yet.

When you select a category, AI Website Creator generates the relevant pages and adds them to your canvas as a new group, the same way Core Pages appear. A confirmation message (for example, "Site extras added") appears briefly in the top-right corner once generation finishes.

You can also add a page next to an existing one directly: hover over the right edge of any page node until a small + button appears (tooltip: "Add page to the right"), then click it to insert a new empty page beside it.

Page Actions Menu

Click the three-dot menu beside a page's name to open Add page, Add section, Rename, a Move to group (Blog Pages, Shop Pages, Legal Pages, Site Extras), and Delete.

• Rename a page: Either select Rename from this menu, or double-click the page name directly on the node. Type the new name and it updates instantly.
• Move a page to another group: Select Move to Blog Pages, Move to Shop Pages, Move to Legal Pages, or Move to Site Extras to recategorize the page, moving it out of its current group and into the target one.
• Delete a page: Select Delete from this menu. AI Website Creator removes the page and all its sections from the canvas.

Managing 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 with two tabs on the left, a pencil icon and a sparkle icon:

The Edit tab: section Name and Description fields

• Edit (pencil icon, "Edit: styleguide, sections & fields"): shows the section's Name and Description (up to 1000 characters). 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.
• AI Agent (sparkle icon): marked Coming Soon, not yet available.

Next to the section name, click the sparkle icon button to turn that section into a Global Section, shared across every page instead of belonging to just one. Click it again, now labeled Remove Global Section, to turn it back into a page-specific section.

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:

• Sections Tab: Browse section categories like Header, Hello Bar, Hero, About Us, Why Choose Us, Services, Features, Metrics, Gallery, and Portfolio. Each category shows how many design variants it has (for example, Hero has 46 variants), click any section to add it at that position.

The Add Section panel: Sections, Global, and Saved tabs

• Global Tab: View all your Global sections. These are sections shared across multiple pages (typically Navbar and Footer).

The Global tab: Navbar and Footer listed as reusable Global Sections

• Saved Tab: View sections you've saved for reuse. Shows "No saved sections available" until you save one.

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.

Troubleshooting

Frequently Asked Questions

Next Step

Design Editor

Customize the visual look of every page and section.