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:
| Module | What it does |
|---|---|
| AI Site Builder | Generate a complete multi-page website from a plain-language description |
| Pages | Manage, edit, and organize your website pages in a visual editor |
| Blog | Create and publish blog posts โ manually, with AI, or in bulk |
| Themes | Apply pre-built visual themes to change your site's look instantly |
| SEO | Set 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:
| Panel | Location | Contents |
|---|---|---|
| Pages / Sections | Left (220px) | Page list and section tree for the active page |
| Canvas | Center | Live preview of the current page |
| Properties | Right (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:
- Make sure your domain is connected in Managed Hosting
- Check all pages for placeholder content
- 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.