Photo gallery

Photo gallery

One of the most common widgets in addition to the text, photo and button is the photo gallery. This offers good opportunities to display the website very dynamically. That is why we will explain all the options on this page.


To do this, you must first open the website builder.These are the two steps.



Add photo gallery

1. Go to "Widgets" in the left side menu

2. Search by 'Photo gallery

3. Click on it with the left mouse button




4. Drag Photo gallery to the place where you want it.



4. The pop-up is automatically shown to select the images. You can also open it (again) by clicking on it.


Edit images in photo gallery

1. Click on the photo gallery so that the pop-up appears.

2. Then click on the image you want to change. Several options appear:

  • Replace, edit, and delete image (works the same asAdd or customize photo)

  • Edit link: If you want to add a link to this photo (this is only visible if the switch in the photo above is enabled).

3. You can then also add / change the title, description and a button here.





Design of the photo gallery

There are many design possibilities for the photo gallery available. To do this, click "Design" at the top of the open pop-up. You can then select various layouts for desktop.




If you scroll further down, you can set the number of columns and visible rows.
Something below that you can determine the style per item, such as font, colors, background, animation, shadow, edges and spaces.
So you can use the photo gallery for various purposes. For example, showing a portfolio or beautiful (image) buttons to other pages.


Please note:Some settings need to be done separately for desktop, tablet and mobile. So first create the photo gallery as desired on desktop and then select the Tablet and Mobile mode at the top of the website builder. Then click on the photo gallery again to improve the design in this mode.




Photo gallery page wide

Do you want to remove the white space on the sides and display the gallery page wide?




1. Then click on the blue label "Driving" on the left, so that the pop-up appears.

2. Click on "Edit Design" in this.

3. Then turn on "Driving over margin."


The photo gallery (and all widgets in this row) are now displayed page-wide.




    • Related Articles

    • Linking Instagram to photo gallery

      By linking Instagram to a photo gallery on your website, the photos are automatically updated with the latest posts on your instagram channel. To do this, you must first open the website builder.These are the two steps. Step-by-step plan: 1. Go to ...

    • Adding videos to products on the webshop

      Adding videos to products Upload your videos via the product page using the same window you use to upload photos. (max 10 MB per video) 1. Click on Assortment in the menu 2. Click the Edit button behind the desired product 3. Upload the videos ...

    • Tips to make products or pages more findable

      1. Improve information on the website page.View this explanation article 2. SEO meta description check / add (for products we already do this automatically with product name, description and product photo):View this roadmap 3. Add products to Google ...

    • Move row or column

      A widget (such as photo, text, button) can be moved/drag by clicking on it and holding down. However, a complete row cannot be towed, but can be put up and down. To do this, you must first open the website builder.These are the two steps. 1. Click ...

    • Add WhatsApp link to the website

      To do this, you must first open the website builder.These are the two steps. Do you want people to be able to contact us via WhatsApp via the website? Then make a linkof a piece of text, button or photo and choose the option 'Website URL'. Then paste ...