Skip to main content

Website Builder

The Website Builder is BrandForge's fully integrated web publishing platform. It combines an AI-powered site generator with a visual page editor, blog, theme system, and SEO tools โ€” all connected to managed hosting.

Modulesโ€‹

The Website Builder is organized into five sub-modules:

ModuleWhat it does
AI Site BuilderGenerate a complete multi-page website from a plain-language description
PagesManage, edit, and organize your website pages in a visual editor
BlogCreate and publish blog posts โ€” manually, with AI, or in bulk
ThemesApply pre-built visual themes to change your site's look instantly
SEOSet meta titles, descriptions, and URL slugs per page

The Visual Editorโ€‹

The website visual editor is the core of the Website Builder. It uses a three-panel layout:

PanelLocationContents
Pages / SectionsLeft (220px)Page list and section tree for the active page
CanvasCenterLive preview of the current page
PropertiesRight (280px)Section-level SEO and settings when a section is selected

Header barโ€‹

The editor header contains:

  • Back to AI Builder โ€” Return to the AI Site Builder
  • Brand + page name โ€” Current workspace and active page
  • Preview / Dev toggle โ€” Switch between visual preview and code view
  • Page count โ€” Total pages in the site
  • Rebuild with AI โ€” Regenerate the site using the AI Site Builder
  • Publish โ€” Publish the current site live

Canvas toolbarโ€‹

Above the canvas:

  • Page name โ€” Current page being edited
  • Viewport selector โ€” Desktop / Tablet / Mobile preview
  • Save Website โ€” Save all changes

Working with Sectionsโ€‹

Your website is made up of sections โ€” modular blocks that stack vertically to form a page (e.g. Header, Hero, Features, Testimonials, CTA, Footer).

Click any section on the canvas to:

  • See a blue hover border indicating it's selectable
  • Open its properties in the right panel
  • Make content edits

Publishingโ€‹

Click Publish in the header bar to make your site live. Before publishing:

  1. Make sure your domain is connected in Managed Hosting
  2. Check all pages for placeholder content
  3. Set page titles and meta descriptions in the SEO module

Viewport Previewโ€‹

Use the three viewport buttons in the canvas toolbar to preview your site at:

  • Desktop โ€” Full-width layout
  • Tablet โ€” Medium-width responsive layout
  • Mobile โ€” Narrow single-column layout

All generated sites are responsive by default.


Next Stepsโ€‹