Help Centre

Support > Designing and Building Your Website > Adding Your Content

How do I create an image gallery?

An image gallery is a great of showing off high quality images on your site. You could use it to show your shop products, photographs you've taken, and many other things relevant to your business.

To create an image gallery for your website, please follow the steps below:


For Content Pages

1. Log into your Create account
2. Click Content on the top menu
3. Click Edit This Page (the pencil icon) next to the page you would like to edit
4. Click the Add Block button in the bottom left-hand corner
5. Drag and drop the Image Gallery content block onto the desired area on the page.

You’ll notice that before dragging the content block onto the page, you are able to select between a variety of different image sizes by hovering over the block and selecting ‘Show Variants’.

Image Settings

If you hover your mouse over the image and click Image Settings you will be presented with the above box.

To add an image, you can click Select next to Image Selection to either upload an image from your computer or choose from an image you have already uploaded to the Images area of your Create account.

Once you’ve added an image, you can add some text into the Alt Text box to describe the image. Because Google and other search engines can’t see images, they rely on alt text to tell them about image, so make sure you write a short descriptive sentence for each image you upload.

Lastly, the Open in Lightbox setting means that when a user clicks on an image in your gallery, this will expand the image to full-screen. You can choose to have the function turned on and off by toggling the switch.

 

For Pagebuilder Pages

  1. Log in to your Create account.
  2. Click "Content" from the Top Menu.
  3. Click "Galleries & Slideshows" from the left-hand menu.
  4. Look for the box titled: "Create New Gallery".
  5. Enter a title for your gallery in the "Title" field.
  6. Choose the size you wish the thumbnails of your gallery to be. 
  7. Then choose the number of columns you would like your gallery to span on your page.
  8. Click "Save & Continue" 

Note: Please be careful not to make your gallery too wide for the page on which it will be displayed.

Galleries will reflow responsive depending on the template you're using, and the size of screen it is being viewed on. This means you may want to experiment with the look and size of your gallery.

Once you have created the image gallery, a page will load through which you can add images to it. These will need to be images you have previously uploaded to your "Image" area.

For more information on adding and uploading images, please see our guide "How do I insert an image onto one of my pages?"

To add images to your gallery:

  1. In the "Add Image" box, choose the image you want from the "(please choose image)" drop-down menu.
  2. Next you can select the portion of the image your thumbnail encompasses by selecting 'Crop from...' in the drop-down menu. For example, if the part of the image you want to appear in the thumbnail is on the left hand side of the image, you should select 'Crop from left'.
  3. Click "Add Image" to add this image to your gallery.

Repeat steps 1-3 until you have added all desired images to your gallery.

Once you have finished adding images to your gallery, you will be able to add it to your desired page.

To add your gallery to a page, please follow the steps below:

  1. Click "Content" from the Top Menu.
  2. Click "Edit" next to the page you wish to add the gallery to.
  3. Click the "Insert/Edit Image" icon from the Edit Page toolbar.
  4. On the "Choose Image" drop-down menu, you will be able to find your gallery near the bottom of the list, titled "GALLERY: [YOUR GALLERY TITLE]"
  5. Click "Insert".
Slideshows can be placed on to any page of your website in exactly the same way as galleries. just look for "SLIDESHOW: [YOUR GALLERY TITLE]" from the "Insert/Edit Image" drop-down menu.

Gallery-Example-Final.jpg
An example of a Create Gallery.

For more information on creating and using slideshows, please see our guide "How do I create an image slideshow?".