How to Add an Image Gallery in Hostinger Website Builder

Adding an image gallery to your website is a fantastic way to showcase your photos and enhance your site’s visual appeal. In this guide, I’ll show you how to add an image gallery in Hostinger Website Builder step-by-step.

Step 1: Enter the Hostinger Website Builder

First, log in to your Hostinger account and navigate to the website builder.

Step 2: Add a Blank Section

Before adding the gallery, create a blank section where you want the gallery to appear. This gives you a clean slate to work with.

Step 3: Add the Gallery Element

To add your image gallery, go to the “Add Element” section and select “Gallery.” Drag and drop the gallery element into the blank section. Position it where you want it on your page and adjust its size to fit your design.

Step 4: Manage Your Gallery

Click on “Manage Gallery” to start adding or removing images. Here, you can upload new images, delete existing ones, and reorder them to your preference.

Step 5: Edit the Gallery

To customize your gallery, click on “Edit Gallery.” You can change the layout, adjust the number of items per row, and modify the gap between photos. This allows you to tailor the gallery to match your website’s style.

Step 6: Set Image Click Actions

Decide what happens when a visitor clicks on an image. You can choose to open images in full screen or have no action on click. This can be set in the “Animation” tab, where you can also adjust gallery animations for added visual effects.

Step 7: Duplicate or Delete the Gallery

If you need multiple galleries with the same settings, use the duplicate function. You can also delete the gallery if needed. Don’t forget to update your website to save changes.

Bonus: Free Online Courses

Before you go, I have something special for you. I’ve created two free online video courses. The first one covers Hostinger hosting and WordPress management, and the second one teaches you how to use Hostinger Website Builder to create basic websites or online shops. You can access both for free by clicking the link in the description.

If you found this tutorial helpful, please give it a thumbs up and subscribe to my channel. If you have any questions, leave a comment below. Happy building!

Similar Posts