Start with 3 months of Mawg3 for Free

عربي

Use the website editor

The website editor is where you design your store. You see your page in the middle, a panel of tools on the right, and a top bar for saving and switching views. Everything is drag and drop: add a section, place elements inside it, and move them until the page looks right.

Updated 5 October 2026

Open the website editor

  1. Go to your admin panel.
  2. Click Edit Site in the top bar, or Edit Website on the Home page.

The top bar

  1. The exit icon on the far left takes you back to the Admin Panel. It saves first.
  2. Next to your site name are Undo and Redo.
  3. In the middle, the page switcher shows which page you are editing. Click it to jump to another page.
  4. On the right, the paintbrush opens Site Styles for colors and fonts.
  5. The phone icon switches between Desktop view and Mobile view.
  6. Save stores your work. It shows Saving, then Saved.

The panel on the right

The + tab opens Insert, your library of sections such as Text, Gallery, Product and Categories. The second tab opens Pages, where you add, rename and hide pages.

A Customize tab appears when you select a smart section, like Smart Products. It holds that section's settings.

Editing on the page

Click a section to select it. A small toolbar appears with Layers, + ADD BLOCK and Block Settings. ADD BLOCK opens Add Element, where you add text, images, buttons and more.

Drag elements to move them and pull the handles to resize. Guide lines help you line things up.

Right-click a section for Move up, Move down, Delete and Hide on Mobile or Hide on Desktop.

Saving and shortcuts

The editor saves a moment after each change. If the button says You have unsaved changes when you hover it, click Save. If it shows Retry, check your connection and click it again.

Shortcuts: Ctrl+Z to undo, Ctrl+Shift+Z or Ctrl+Y to redo, Ctrl+D to duplicate a section, Ctrl+Up or Ctrl+Down to move it, and Esc to deselect. On a Mac, use Cmd.

Careful: pressing Delete or Backspace removes the whole selected section. Press Ctrl+Z straight away if that happens.

Ask Barq AI for help

Click the lightning button in the bottom corner to chat with Barq AI. Ask it to rewrite your homepage headline, shorten a description, fix spelling across your pages, or move a section up or down.

Add sections to your websiteAdd sections to your Mawg3 website from the Insert panel, choose a layout, change the background and height, then reorder, duplicate or delete them.Add text and images, plus buttonsAdd text and images to any section of your Mawg3 site, style headings, upload or replace photos, and add buttons that link to pages or other websites.Change your website fonts and colorsChange the fonts and colors of your whole Mawg3 site from Site Styles: pick a palette, choose Arabic and English font packs, and set your own brand colors.Edit your site in mobile viewUse mobile view in the Mawg3 editor to check how your site looks on phones, move elements for small screens, hide sections on mobile and reset layouts.