How to Edit Webpage Sections

How to Edit Webpage Sections

The visual editor lets you build professional pages without any coding. Add sections, customize content, and rearrange layout with drag-and-drop.

Opening the Editor

1. Go to Website → Pages
2. Click on a page (e.g., Home)
3. Click Edit Page to open the visual editor
4. The editor shows your page with draggable, editable sections

📸 Screenshot: Visual editor with sections highlighted

Adding a New Section

1. Click the + button between existing sections (or at the top/bottom)
2. Choose from available section types:

Editing a Section

1. Click any section to select it
2. The right panel shows editable properties:
   • Text content — Headings, descriptions, button text
   • Images — Upload or change images
   • Colors — Background color, text color
   • Spacing — Padding, margins
   • Layout — Column count, alignment
   • Animation — Scroll animations (fade, slide)
3. Changes are previewed in real-time
4. Click Save when done

📸 Screenshot: Section editor right panel with properties

Reordering Sections

• Drag sections up or down using the handle (⋮⋮) on the left edge
• Drop in the new position
• The order updates immediately

Deleting a Section

1. Click the section to select it
2. Click the trash icon (🗑️) in the section toolbar
3. Confirm deletion

Note: Deleting a section removes it immediately. You can undo by clicking Undo in the toolbar within 10 seconds.

Publishing Changes

After editing:

• Click Save to save your changes (not yet visible to visitors)
• Click Publish to make changes live on your website
• Changes are reflected in real-time after publishing — no build or deploy needed

Related Articles

• How to Enable the Website — Activate your website
• How to Add Course Section — Display courses
• How to Create a Page — Create new pages
• How to Add a Custom Domain — Use your own domain