Hostinger Website Builder - All About Photos

Step-by-Step Tutorial: Adding, Editing, Uploading, Creating, and Manipulating Photos in Hostinger Website Builder

In this tutorial, we'll guide you on how to effectively manage photos using the Hostinger Website Builder. Photos play a crucial role in enhancing the visual appeal of your website, and knowing how to manipulate them can significantly improve user engagement.

Step 1: Accessing the Photo Tool

To begin, log in to your Hostinger account and navigate to the Website Builder. Once you are on the dashboard, click on the website you wish to edit. In the left-hand menu, locate and click on the "Photos" or "Media" section to access the photo management tools.

Step 2: Uploading Photos

To upload images to your website, follow these steps:
1. Click on the "Upload" button, typically located at the top of the media section.
2. Select the images from your computer that you wish to upload. You can select multiple photos at once.
3. Once selected, click on "Open" to start the upload process.
4. The images will appear in your media library once the upload is complete.

Step 3: Adding Photos to Your Website

After uploading, you can add photos to your pages:
1. Navigate to the page where you want to add the photo.
2. Click on the "Add Element" button (usually represented by a plus sign).
3. Drag and drop the "Image" element to the desired location on your page.
4. In the settings panel, choose the photo you uploaded by clicking on the image placeholder and selecting your image from the media library.

Step 4: Editing Photos

To edit a photo:
1. Click on the image you have added to your page.
2. In the toolbar that appears, select the "Edit" option.
3. You can adjust settings like size, alignment, and add effects or filters if available.
4. Save your changes to see the edits reflected on your website.

Step 5: Creating Photo Galleries

To create a gallery that showcases multiple photos:
1. Go to the page where you want the gallery.
2. Click on the "Add Element" button.
3. Choose the "Gallery" option from the list.
4. Follow the prompts to select multiple photos from your media library and arrange them as desired.
5. Customize settings such as layout and padding in the gallery options.

Step 6: Manipulating Photos

You can further manipulate photos by:
1. Replacing images - Click on the image you want to change and select "Replace" in the settings, then choose a new image from your library.
2. Deleting images - To remove a photo, click on the image and select the "Delete" option.
3. Change linking options - Link images to other pages or external URLs by selecting the image, then modifying the link settings in the properties panel.

Step 7: Previewing and Publishing

After all adjustments have been made:
1. Click on the "Preview" button at the top right of the builder to see how your photos will appear on the live site.
2. If satisfied with the changes, click "Publish" to make them live.

Conclusion

Managing photos in Hostinger Website Builder is a straightforward process that can enhance your site's visual appeal. With these steps, you can add, edit, upload, create galleries, and manipulate photos to effectively showcase your content.