Files
woonoow-docs/contents/docs/builder/visual-editor.md

951 B

title, description
title description
Visual Editor 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.