Start with 3 months of Mawg3 for Free

عربي

Add an image gallery to your site

An image gallery shows off your products, shop or work in a clean grid. On Mawg3 you add one from the Insert panel and pick a layout, then upload your photos. For a slideshow that customers can swipe through, add a Carousel element instead. Both take a few minutes.

Updated 5 October 2026

Add an image gallery section

  1. Open the editor and click the + tab to show Insert.
  2. Under Essentials, click Gallery. The Gallery Layouts grid opens.
  3. Pick a layout: Three Column, Two Column, Full Width, Image + Text, Gallery Grid, Feature Cards, Image + Caption or Blank.
  4. Click the layout to add it at the bottom of the page, or drag it to the spot you want.

Add your photos

  1. Click the + on each empty image and choose a photo from your device.
  2. To change a photo, select it and click Replace Image.
  3. Drag images to move them and pull the handles to resize.
  4. Need more images? Click + ADD BLOCK on the section and add another Image.

Build a carousel slideshow

  1. Select a section and click + ADD BLOCK.
  2. Under Essentials, click Carousel.
  3. Click Edit (the pencil) to open the Carousel panel.
  4. Click + to upload an image. Click the x on a thumbnail to remove one.
  5. Use the arrows to pick an image, then type a caption in DESCRIPTION. Click Edit Image to replace it.

Other ways to show images

The Images section in Essentials has similar layouts, such as Image Grid and Image + Caption. Portfolio, under Showcase, suits work samples like designs or events.

To show products with prices, use a Product or Smart Products section instead. They link straight to each product page.

Tips for a good gallery

Use photos with the same shape and lighting so the grid looks even.

Compress photos before you upload them. Big files slow your page down on mobile data.

Check the gallery in Mobile view. Wide layouts may need resizing on phones.

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 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.Product images and descriptionsUpload product images, pick the main photo, add a photo for each color and write clear product descriptions in Mawg3, with help from Barq AI.