---
title: Visual Editor
description: Drag-and-drop your store into existence.
---

# Visual Editor

The Visual Editor is the heart of the WooNooW Page Builder. It looks exactly like your front-end store, but allows you to edit content in real-time.

## The Interface

### 1. The Canvas
The central area is your webpage. You can click on any element (Text, Image, Button) to edit it directly.

### 2. The Inspector Panel (Left Sidebar)
When you select a section or element, this panel shows all customizable options:
*   **Content Tab**: Change text, links, and images.
*   **Design Tab**: Adjust colors, padding, and alignment.

### 3. The Top Bar
*   **Device Toggle**: Switch between Desktop and Mobile view to ensure your site looks great everywhere.
*   **Save Button**: Publish your changes instantly.

## Adding Content

To add a new section, hover over the canvas and click the **(+) Add Section** button that appears between existing blocks.