Text and image are the two essential elements of a website. The choice and the position of the images have a huge impact on the impression your website makes on internet users. Therefore, the Image block is the best component to attract your website visitors.
It’s easy to add an image to the SiteW editor: you just need to drag and drop an Image block on the page and then select the image file in the SiteW file selector.
The following video shows the different available options to fit the image to the size of the Image block:
When you click on the Image block, several actions can be launched:
Full screen on click: the image is displayed in full-screen size above the page (cf. the video above)
Images on full screen: instead of displaying the image in full-screen size, this button enables you to choose one or several images that will be displayed as a full-screen gallery by clicking on them
Choose a link: it enables you to add a link to the image. You can choose between the different types of links that are available in our editor (website page, external URL, downloadable file…).
Two effects are available during image mouseover:
Mouseover image: another image replaces the current one
The video below shows an example of these mouseover effects:
The Design tab of the Image block offers filters you can add to your images (blur, contrast, greyscale…) and different shapes (curve, circle, star…):
You have many possibilities with the Image block. Finally, the most difficult thing will probably be to choose carefully the images that best illustrate your website. To go further, you can also use the Illustration block or the Gallery block.
Last update: October 14, 2021