Hostinger AI Builder: How to add images in manual mode

Add images to your Hostinger AI Builder manual mode website using the image element.

Add an image

Open the builder and expand the Add elements panel on the left.
Select the image element, and drag and drop it to the preferred section of your site:
Click on the element to see more options (edit, generate, change, crop & position, duplicate, hide/show, delete, resize, etc.):

To add your own image, click on Edit image → Replace image, and select a file from your media library, browse free images, or upload your own.

Customize your image

Click on Edit image to see more options:

Image

Replace image
Add alt text to make your website more accessible and improve its SEO ranking

Style

Reset image proportions: bring the original image proportions back
Select the preferred corner radius units
Corner radius: round the corners of your image or make it completely round
Hover effect: You can add a zoom-in effect to image elements that activates when a visitor hovers over the image. This adds movement and liveliness to your website.

Action

Choose what happens when a website visitor clicks on an image: the image can be shown in full-screen or open a link

Shape

Set a preferred shape for the image element

Animation

Set a preferred animation for the image element

NOTES

The maximum image file size is 15 MB; learn more
You can use any image format or size
Images are automatically optimized behind the scenes for the best website performance
Image cropping is not supported for free (Unsplash) images and images in .SVG and .GIF formats
Learn how to add link preview images