27 lines
936 B
Plaintext
27 lines
936 B
Plaintext
---
|
|
title: Visual Editor
|
|
description: Drag-and-drop your store into existence.
|
|
---
|
|
|
|
|
|
|
|
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.
|