> ## Documentation Index
> Fetch the complete documentation index at: https://docs.knowlix.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# AI Website

> Create stunning, professional websites with AI-assisted design, drag-and-drop customization, and built-in SEO optimization

Knowlix AI Website Builder empowers you to create stunning, professional websites with AI-assisted design, drag-and-drop customization, and built-in SEO optimization.

The AI Website module provides:

* **AI Prompt Generation:** Create website boilerplate from text descriptions
* **Visual Block Builder:** Add and customize blocks with drag-and-drop
* **Real-Time Preview:** See changes instantly across all device sizes
* **SEO Optimization:** Built-in tools to rank higher in search engines
* **E-Commerce Ready:** Sell products directly from your website
* **Custom Domain:** Connect your own domain or use Knowlix subdomain

***

## Creating Your Website with AI

Generate your website structure using natural language prompts.

**AI Website Generation:**

* Click **Create Website** → **Generate with AI**
* Enter your prompt describing the website structure:

<Info>
  *"Create me a modern website for my travel page. Just create the boilerplate. I will fill on my own."*
</Info>

<Info>
  *"Create a professional website for a digital marketing agency with services, portfolio, and contact sections."*
</Info>

<Info>
  *"Build a restaurant website with menu, reservations, and location pages."*
</Info>

* AI generates the basic structure and layout in seconds
* The boilerplate includes page structure, sections, and navigation

<Frame>
  <img src="https://mintcdn.com/knowlix/njzUxc8mP26R6SGn/images/knowlix/ss1.png?fit=max&auto=format&n=njzUxc8mP26R6SGn&q=85&s=48910a7e5bc2c4e724849412db1d2175" alt="AI Website Generation" width="2919" height="1501" data-path="images/knowlix/ss1.png" />
</Frame>

## Building and Customizing

Add blocks and customize your website design.

**Adding Blocks:**

* Click the **+ Add Block** button in the top-right corner
* Choose from available block types:
  * Hero sections
  * Text blocks
  * Image galleries
  * Contact forms
  * Feature grids
  * Testimonials
  * Call-to-action sections

<Frame>
  <img src="https://mintcdn.com/knowlix/njzUxc8mP26R6SGn/images/knowlix/ss2.png?fit=max&auto=format&n=njzUxc8mP26R6SGn&q=85&s=5e88aa38868dcc0605796233c19ada06" alt="Adding Blocks" width="2186" height="1506" data-path="images/knowlix/ss2.png" />
</Frame>

**Editing Blocks:**

* Click on any block to edit content
* Drag blocks to reorder them
* Customize colors, fonts, spacing, and layout
* Add images, videos, and other media
* Delete blocks you don't need

**Design Customization:**

* Change global theme colors
* Adjust typography and fonts
* Set spacing and padding
* Configure mobile responsiveness
* Preview changes in real-time

<Frame>
  <img src="https://mintcdn.com/knowlix/njzUxc8mP26R6SGn/images/knowlix/ss3.png?fit=max&auto=format&n=njzUxc8mP26R6SGn&q=85&s=e77e77887fa9ba6e3966bc68a780155a" alt="Design Customization" width="2185" height="1504" data-path="images/knowlix/ss3.png" />
</Frame>

***

## More Information

<CardGroup cols={2}>
  <Card title="Website" icon="globe" href="/websites/website">
    Website builder and content management
  </Card>

  <Card title="Ecommerce" icon="shopping-bag" href="/websites/ecommerce">
    Online store and product catalog
  </Card>

  <Card title="Blog" icon="pencil-alt" href="/websites/blog">
    Blog authoring and content publishing
  </Card>

  <Card title="Forum" icon="comments" href="/websites/forum">
    Community forum and discussion management
  </Card>

  <Card title="eLearning" icon="graduation-cap" href="/websites/elearning">
    Online courses and training platform
  </Card>

  <Card title="Live Chat" icon="comment" href="/websites/livechat">
    Real-time customer support chat
  </Card>

  <Card title="Pro Tips: Websites" icon="lightbulb" href="/pro-tips/websites">
    AI assistant tips for the Website module
  </Card>
</CardGroup>