Start with 3 months of Mawg3 for Free

عربي

Add sections to your website

Every page on Mawg3 is a stack of sections, also called blocks. A section can be a banner, a product grid, a gallery or a contact form. You add sections from the Insert panel in the editor, then style each one and move it into place. Here's how to add sections and keep them tidy.

Updated 5 October 2026

How to add sections from the Insert panel

  1. Open the editor and click the + tab on the right to show Insert.
  2. Browse the groups: Essentials (Text, Gallery, Images, Form), Showcase (Portfolio, Testimonials), Sell (Product, Categories, Appointments), Smart Blocks and Layout (Hero Section, Blank Section).
  3. Click a section to add it to the bottom of the page, or drag it to the spot you want.
  4. Many sections show a grid of layouts first. Click the layout you like. Click Back to see all sections again.

Add a section between two others

  1. Hover between two sections until ADD SECTION appears, then click it.
  2. In the Add a Section window, pick a layout, or click Add Blank to start empty.

Change a section's look

  1. Click the section to select it.
  2. Click Block Settings (the gear) in its toolbar.
  3. Change Background Color, choose Full Bleed or Inset for Background Width, and set Height to S, M or L.
  4. Click Upload Image under Background Image to use a photo, and use Overlay to keep text readable on top of it.

Move, copy or delete a section

Drag a section up or down the page, or right-click it and choose Move up or Move down. With a section selected, Ctrl+Up and Ctrl+Down also work.

Press Ctrl+D to duplicate the selected section. To delete one, right-click it and click Delete.

On a Categories section, right-click and use Change category layout to try its other designs.

Smart sections

Smart Products, Smart Categories, Smart Gallery and One Page Smart fill themselves from your product catalog. Select one and use the Customize tab to set its Source, Layout and Style.

Because they update on their own, new products show up without editing the page.

Tips

Keep your homepage short. A banner, your categories, your best products and a contact section are enough for most stores.

The button inside a section is called ADD BLOCK, but it adds elements such as text and images to that section, not new sections.

Use the website editorGet to know the Mawg3 website editor: the top bar, the Insert and Pages panels, saving, undo, keyboard shortcuts and asking Barq AI to edit your text.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.Add an image gallery to your siteAdd an image gallery to your Mawg3 site: pick a gallery layout, upload and replace photos, and build a carousel slideshow with a caption for each image.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.