Add a gallery to any Hostinger page - Hostinger Website Builder Tutorial

Опубликовано: 25 Июнь 2026
на канале: SquareForge | Website Builders
2,599
29

Do you need to sharpen your website builder skills by getting involved with a community of creatives? Great news! We are launching our new Pixelhaze Community on Skool.

You can join our waitlist here to find out more: https://community.pixelhaze.academy/i... HOSTINGER OFFERS & 1-2-1 SUPPORT:
You can book a 1-2-1 with Elwyn, access a bucket load of tutorials and guides, and get 10% off Hostinger Website Builder via our dedicated section at Pixelhaze Academy:
https://pxl.to/hostinger

IMPORTANT: This independent channel is dedicated to bringing you the best Hostinger Website Builder tutorials and is not directly associated with Hostinger. You can access a bucket load of tutorials and guides on our dedicated Hostinger Website Builder section at Pixelhaze Academy: https://www.pixelhaze.academy/hosting...

Need a low-cost website builder that delivers impressive results?
Check out this link: https://www.hostinger.com/pixelhaze10

Let's dive into adding an image gallery to a webpage using the Hostinger website builder:

Step One: Begin by launching the Hostinger website builder.

Step Two: In the website editor, find and expand the 'Add element' panel on the left side.

Step Three: From the panel, drag and drop the Gallery element to the place on your web page where you want the gallery.

Step Four: Once you have placed the gallery, click on the element to explore more options. 📍 You can manage the images, access settings, duplicate, hide, delete, or resize the gallery element.

📍 Step Five: Click on 'Manage gallery' for further customizations. Here, you can add more images, sort the images by dragging and dropping them, or delete any unnecessary images by clicking the trash bin icon that appears when you hover over an image.

📍 Step Six: In the gallery settings, you have the option to select the layout of the gallery, either grid or masonry. You can also set the number of images per row, change the gap between photos, and decide what happens when a website visitor clicks on an image. By default, a clicked gallery image is shown in a full-screen preview, but this can be altered according to your preference​.

And that's it! You've now added and customized an image gallery on your Hostinger website.​

WE CAN BUILD IT FOR YOU:
If you are struggling to find the time, our team at Pixelhaze Studio can build your Hostinger website for you from only £16.99 per month, with NO UPFRONT FEES. We can also turn it around for you in under 2 weeks:
https://www.pixelhaze.studio/genesis-...

START YOUR WEB DESIGN CAREER WITH HOSTINGER:
Looking to kick-start your web design career with Hostinger Website Builder? Our Project Genesis model is a tried and tested process to get you selling and building Hostinger websites within a couple of weeks. Oh, and week 1 is completely FREE:
Https://pixelhaze.academy/project-gen...

Affiliate notice: We are affiliate partners with Hostinger and may receive compensation for purchases made through the links on this page.