Table of contents

Using the image gallery element

1. Within the editor, click Add element on the left.

2. Select the gallery element and drag it to the desired place on your page. Or just click on the element, and it'll be automatically inserted in the active (selected) section.

3. Click the gallery element and hit Manage gallery to make more changes.

Click on the Add Images button to add more pictures. Drag and drop the images to the desired order.

You can delete pictures by clicking on the trash can icon.

To change the layout, open the Gallery settings by clicking on the settings wheel.

Here, you can adjust the layout, the number of items per row, the gap between images, and what happens when the user clicks on the image. Your changes are automatically saved.

Embed Image Gallery from

You have tried our Image Gallery element, but you need more features for it? Elfsight is one of many platforms that offer various embeddable widgets, as well as the Image Gallery widget

On, you will find a variety of image gallery templates. Choose the one you'd like to embed into your own website. Once you select a template, you can customize it however you like:

Once you're done editing your image gallery widget, click Save:

Copy the code that you see in a pop-up:

Embed the code into your website as instructed here. After that, make sure to update your website, and that's it!

Additional resources

Did this answer your question?