Site Builder

Site Builder

Site Builder is a visual website builder inside Pilot. Create, edit, and publish websites for ACME Creative Agency — no coding required. Your site at acme-creative.air4.media is built and managed entirely from here.

Key Features

  • Simple Mode: Chat with AI to build and edit your site in plain language — "Add a testimonials section" or "Change the hero headline" — preview updates instantly
  • Advanced Mode: Five specialized tabs — Explorer (card grid), Chart (flowchart with mini-map), Design, Modules, and Menus — for full control over every detail
  • Draft & Live environments: Edit freely in Draft without touching your live site; click Go Live to publish everything at once
  • Version history: Click the camera icon to save a snapshot at any point; restore any previous version to roll back
  • AI site generation: Enter your business details, browse generated design variations, choose Claude or GPT, and let AI build your full site
  • Design Editor: Set brand colors, fonts, logos, social links, form styles, and custom CSS — all pages inherit your settings automatically
  • Modules: Toggle on AirBlog, AirShop, AirPortal (client portal), AirChat, AirBook, AirForms, and more — each gets its own URL path and theme
  • Menus Editor: Build named menus, add pages or custom links, drag to reorder, and assign to Top Bar, Sidebar, or Footer locations

How to Use

  1. Open Site Builder — you land in Simple Mode with a chat panel and live preview side by side
  2. To build with AI, click Build with AI: enter your company name, industry, brand colors, and service description; optionally paste reference site URLs for design inspiration; select Claude or GPT
  3. Browse the generated design variations, click Try Another Design for fresh options, then click Build My Site to generate all pages and content
  4. Switch to Advanced Mode to fine-tune: open Design to configure colors, fonts, and logos; Modules to enable features; Menus to set up navigation
  5. In Explorer or Chart, right-click any page to edit, duplicate, add a child, preview, publish/unpublish, or delete; drag pages in Chart to reorder the site hierarchy
  6. Use More Actions to scaffold a starter structure, apply a template, generate a sitemap, import from a live URL, or browse version history
  7. Click Go Live to push your full draft live, or right-click individual pages to publish them one at a time

Tips

  • Use Simple Mode to build quickly with AI, then switch to Advanced for fine-tuning
  • Set your Design tokens first — colors and fonts apply site-wide, so you only need to configure them once
  • Save your finished design as a template to reuse it on future sites
  • AirPortal supports three hosting modes: Starter (air4.media-hosted), Business (your domain/portal path), and Enterprise (fully custom domain) — configure in the Modules tab
  • After enabling or disabling modules, click Apply Rewrite Rules to activate the updated URL routing instantly
  • The AirPortal module lets your clients — like those ACME Creative Agency serves — log in to view invoices, projects, contracts, and documents in one place
  • Your AI credit balance is shown before every AI action; page edits cost 2–3 credits, and a full AI site build costs 27 credits total