Image Widget
Last updated
Was this helpful?
Last updated
Was this helpful?
Use the image widget to insert an image into your site. You can customize images to act as buttons and navigate to other pages or sites, download files, or activate popups. Images are a great way to decorate sites, show off products or storefronts, and create an additional way to communicate with visitors.
The following image file types are supported:
png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp
Note
Each site can contain up to 15,000 images. Additional images result in an error message.
Image files should not contain spaces or special characters.
Note
When uploading photos to use in your site, make sure to get permission to use photos coming from photographers, businesses, and other third parties.
Using the image widget does not change the background picture. Instead, it adds a picture onto a row or column. To learn how to add a background image, see .
To add the image widget:
In the left panel, click Widgets.
Click and drag the widget into your site.
To learn more about adding widgets to your site, see .
To access the content editor, right-click the widget, and click Edit Content.
To select an image, click the + Image. To select a different image, click Replace.
Choose between the existing stock photos in the gallery or click +Upload to add your own image. For more image choice options, click Full View. For more information, see . You have the following options:
Edit. Change image properties by using the .
Link Image. Images can be linked to other pages and URLs, popups, anchors, email addresses and downloadable files. When a visitor clicks on the image, they will be taken to the link.
Alt text. Enables search engines to recognize image content. Use this text to describe the image.
Tooltip. Text shown when a visitor hovers over an image.
Caption. Type a caption for the image.
To access the design editor, right-click the widget, and click Edit Design.
For more information about editing widgets, using the photo editor, and premium images, see the following:
To learn about optimal image sizes, see .
For information about design options that are not specific to this widget (for example, layout, style, or spacing), see .
You can also make content and design changes to your image widgets using the . Changing global elements changes all image widgets to have a consistent design. Any changes to specific individual image widgets will be saved.