EasyWebie
Guide
GuideBuilderCreating new pages with AI — the complete guide
Builder

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.

1

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:

1Plans sections — a fast planning step decides which section types suit the page (About page → hero + about; Contact page → contact section; Services → hero + services).
2Generates each section — each content section is built by the AI with real copy tailored to your business name, type, and city.
3Inherits your nav and footer — the new page gets a copy of your home page's nav and footer so every page looks consistent.
4Wires nav links automatically — if your nav has an existing scroll link pointing to that page (like "#about"), it upgrades it to a real page link ("/about.html"). If no link exists, a new one is added to your nav.

All pages you create appear immediately in the page dropdown at the top of the builder.

2

How to trigger page creation

Switch to the Chat tab in the AI drawer (bottom of the left panel) and simply ask:

"Create an About page"
"Add a Contact page"
"Build a Services page with our pricing"
"Create an About page and a Contact page"

You can request up to 5 pages in a single message.

The AI will respond with a confirmation card showing:

Which pages will be created
Which AI model will be used (Haiku or Sonnet)
How many credits it will cost
A warning if you picked Sonnet (so you can switch to Haiku if you prefer)

Click Accept to proceed, or Cancel to go back without using any credits.

3

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.

Credit cost: 1 credit per page in the request

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.

Credit cost: 3 credits for 1 page; 2 credits per page for 2+ pages
Only available on Starter and Pro plans
A confirmation card always appears before credits are charged

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.

4

Section count — keeping pages lean

AI page creation is capped at 2 content sections per page (not counting nav and footer). This is intentional:

Pages load faster with fewer sections
Each section is higher quality when the AI focuses
You can always add more sections after creation using the Add tab or the between-section + buttons

The planning step decides which 2 sections best match the page purpose. For example:

About page → Hero + About
Contact page → Contact section only (the contact form IS the content)
Services page → Hero + Services grid

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.

5

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."

6

Progress and timing

A progress stream shows you exactly what is happening while pages are created:

"Planned sections for About page (hero, about)"
"Built hero section (1/2)"
"Built about section (2/2)"
"About page created"
"Nav updated"

Typical timing:

Haiku: ~15–30 seconds per section (30–90 seconds total for a 2-section page)
Sonnet: ~30–60 seconds per section
Multiple pages: processed one at a time, so timing multiplies

Do not close the builder tab during creation — you will lose the progress. The builder shows a loading state that prevents accidental navigation.

7

After the pages are created

Once creation completes:

1Switch to the new page using the page dropdown at the top of the builder.
2Review the content — check headings, descriptions, and any placeholder text.
3Edit what you need — use the Edit tab to change text, swap images, update button links.
4Publish — your changes are saved as a draft automatically. Go to Publish when you are ready.

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.

💬

Still have questions?

Our support team usually replies within a few hours.

Open a support ticket →