How do I add a photo gallery to my website?

Creating Your Photo Gallery

To add a new photo gallery go to the Embed Codes menu on the left hand side of the page. Select the submenu item "Photo Galleries" 

Then click the green "+ Add New Gallery" button.

A new page to add the details of your new gallery will appear.

Then click the green "+ Add New Gallery" button.
A new page to add the details of your new gallery will appear.

This will bring you to this page; You give the Gallery a name and description of your choice. I.e - Ski Trip - 2017.

Once you click save, you will be taken to the upload page for that Gallery.
Here you can see a button that says ‘upload images’ If you click this it will open up your file browser so you can search for the files on your computer. . 

Once you’ve selected your images simply click open and you will see them start to appear next to the + button.You can add as many or as little images here as you like.

Now, to add this photo gallery to a page or news article, you’ll need to go back to the list of Photo Galleries.

Locate your new Photo Gallery on this list. It will show you the name of the gallery, number of photos it contains and embed code as well as an edit button and a delete button.

The embed code looks like  {gallery:Ski Trip - 2017}

To add this to your news article you simply and copy the embed code, brackets included, into your content box.

As you can see it is simply pasted in amongst the text. No need for confusing coding!

The same applies for adding your gallery to a page, blog, event, anywhere you see this content box!

Your photo gallery is complete!

If you have over 10 photos in your gallery, it may make your page a bit long. Another way to view your gallery is by changing it to a slideshow. This is really simple.

All you have to do is add ‘-slideshow’ into the embed code like this;

{gallery-slideshow:Ski Trip 2015}

Now you will see it appears as a slideshow on your page instead which changes photo automatically every few seconds.

If you wanted to go an extra step and change the height, you can do so by adding height:X

to the end of your Gallery name. X being the number of pixels height you want.


{gallery-slideshow:Ski Trip 2015|height:400}

Please note the separator between the embed code and the height is a pipe character. This is normally found by pressing shift and the button above enter.

Still need help? Contact Us Contact Us