Creating new pages with AI — the complete guide
How to use the AI assistant to create full pages with sections and automatic nav wiring — including model choice, credit costs, and what to expect.
In this guide
What "create pages with AI" does
When you ask the AI assistant to create a page — for example "Create an About page" or "Add a Contact page" — it does much more than just make a blank page. Here is exactly what happens:
All pages you create appear immediately in the page dropdown at the top of the builder.
How to trigger page creation
Switch to the Chat tab in the AI drawer (bottom of the left panel) and simply ask:
You can request up to 5 pages in a single message.
The AI will respond with a confirmation card showing:
Click Accept to proceed, or Cancel to go back without using any credits.
Haiku vs Sonnet — which should I choose?
You choose the model using the AI model selector in the builder header (the "Haiku / Sonnet" toggle).
Haiku (default and recommended for page creation)
Fast, affordable, and good enough for most pages. Generates clean, well-structured content. If you want to edit the content anyway, Haiku gets you there faster and cheaper.
Sonnet (higher quality, higher cost)
Produces more nuanced, detailed, and business-specific content. Better for businesses where the exact wording matters — professional services, clinics, luxury brands.
Tip: Start with Haiku. If you want a richer version of a specific section, select it in the Edit tab and ask the AI to "Regenerate with more detail" — that uses just 1 Sonnet credit for that one section instead of paying Sonnet rates for the whole page.
Section count — keeping pages lean
AI page creation is capped at 2 content sections per page (not counting nav and footer). This is intentional:
The planning step decides which 2 sections best match the page purpose. For example:
If you want a leaner page (e.g. just a contact section with no hero), add "keep it simple" or "just one section" to your message.
What happens to my navigation
After your pages are created, the AI automatically updates the nav on your home page. Two cases:
Upgrading an existing scroll link
If your nav already has a link like "About Us → #about" (pointing to a scroll anchor on the home page), the AI upgrades it to "About Us → /about.html" — a real page link. No duplicate link is added.
Adding a new nav link
If no link exists for the new page, a new item is cloned from the last nav link and added. The text and destination are both set automatically.
You can always edit your nav links manually using the Edit tab on the nav section (click a nav link text field, change the URL).
If nav wiring fails: A warning message appears in the chat. This can happen if your nav uses a non-standard HTML structure. In that case, add the links manually via the Edit tab or ask the AI: "Add a link to the About page in my nav."
Progress and timing
A progress stream shows you exactly what is happening while pages are created:
Typical timing:
Do not close the builder tab during creation — you will lose the progress. The builder shows a loading state that prevents accidental navigation.
After the pages are created
Once creation completes:
If you want to edit the entire page style at once, you can select all sections and use "Batch Regenerate" or switch to Sonnet for a section-by-section upgrade.
If a page was created incorrectly, you can delete it from the page dropdown (three-dot menu) and ask the AI to "Create the About page again" — the AI will build a fresh version.
More in Builder
Builder layout and the top bar
Understand the full builder layout — the three panels, every top-bar button, the save system, and how to navigate pages.
Managing sections — add, reorder, duplicate, delete
Everything about sections: what they are, how to add them in the right position, reorder by dragging, duplicate, delete, and change their visual style.
Editing content — the Edit tab
How to edit text, buttons, links, colors, images, icons, and every other field in the content editor.
The AI Build & Edit drawer
How the AI chat works — generating new sections, redesigning existing ones, choosing models, using reference images, and understanding AI credits.
Media library, logo, fonts, and hero images
How to upload images and logos to the media library, set your site logo, choose fonts, and set a hero background image or video.
Power features — select mode, batch redesign, templates, shortcuts
Advanced builder techniques: select multiple sections for batch AI redesign, save custom section templates, use keyboard shortcuts, and apply full-site templates.
Managing pages in your website
How to add new pages, switch between pages, navigate internal links, and delete pages you no longer need.
Using templates smartly — get more with fewer AI credits
How to build a complete, professional website using ready-made templates without spending any AI credits — then use AI only where it matters most.
Empty Section — build any custom layout with AI or your own code
How to add a blank empty section to your page and use the AI drawer or Code Editor to turn it into any layout you can imagine — no templates, no limits.
Section Creator — build and save custom HTML/CSS sections
How to write your own HTML and CSS in the Section Creator, add editable fields with data attributes, run the AI security check, and reuse your sections across all your websites.
Section Creator — coding rules & what JavaScript is allowed
Understand exactly what HTML, CSS, and JavaScript you can use in the Section Creator — including how to write interactive components like menus, accordions, and animations correctly.
AI Assistant tips and tricks — get better results faster
Practical techniques for getting the most from the AI assistant — quick prompts, the right mode for the right job, how to save credits, and what the AI can actually do.
Save as My Template — reuse sections across all pages
How to save any section as a personal template and reuse it on any page or any website — the fastest way to keep your site consistent.