How do I add and customize images?
Blocks with images can be found in most drawers, but are primarily located in Photos & Videos.
Once you drag your block into place, double-click the placeholder image to launch the image editor. Click Select A Different Image to choose from:
- Stock Images: Enter a keyword to find stock images that are most suitable for your website.
- My Images: Select from images you have already uploaded, or click Upload File to upload more images. You can also filter to image files you previously uploaded for use on print products, such as business cards, flyers and signage.
Once you have selected the image you want to use, you'll be taken back to the image editor where you can crop the image to the portion you want to display on your website. Use the controls under the image cropper to rotate your image clockwise or counter-clockwise.
Click Add Image SEO to optimize your image for search engines.
- Use the Alt Text Attribute to describe the images for search engines like Google. It is recommended that you keep your description under ten words.
- Use the Title Attribute to add a tool-tip when your site's visitors hover on the image.
Click Save Changes when you are done.
NOTE: The Builder supports .jpg, .png, and .gif (static and animated) files. The recommended size limit per file is 10mb. Animated gifs will not animate if used as a background.
For some image blocks, you can re-size images on the editing stage. To see if an image can be re-sized, hover on the image. If an orange handle appears in the lower-right, click and hold to re-size.
Create Image Link
To hyperlink your image, hover on the image and click the link icon that appears at the top.
You can choose from internal links (pages within your website), link to an external website address, email address or create a "lightbox" that will offer a fullscreen version of your image when visitors click it.
You can change your image at any time by hovering on the image and clicking the edit icon that appears at the top.