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, 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
Any image uploaded to the system is publicly available. No personal and/or confidential information should be uploaded. To remove the image completely, delete the image from the picker.
Note
-
Each site can contain up to 15,000 media files, including images, audio, and files. Additional files result in an error message. The size limit per file is 50MB.
-
File names can not contain spaces or special characters.
The Media Panel allows you to add an image and an image widget to the canvas at the same time. Or, you can replace existing images. To learn more about the Media Panel, see Media Panel.
To add an image widget from the Media Panel:
-
(Optional) Use the filters to help locate the desired image. Or, click Upload Media to add a new image.
-
Click and drag the desired image onto the canvas. Note that images cannot be placed in widgets connected to dynamic pages.
-
Once an image widget has been added to a site, click the + Image to select an image.
-
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. The following options are available, once an image is selected:
-
Replace. Select a different image.
-
-
The following options are available in the content editor:
-
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. Write text to describe the image.
-
Click All Alt Text to view and manage alt text for all site images.
-
-
Tooltip. Text shown when a visitor hovers over an image.
-
Caption. Type a caption for the image.
-
Alternate image on-hover.
-
This feature is still in testing and is being gradually rolled out to accounts.
To generate an image with AI, click the AI sparkle icon in the image widget's floating menu. Enter a prompt then select the image shape (square, horizontal, or vertical). Click the orange submit arrow when you are ready to generate an image.
Click Use This to select the desired image. Or, if necessary, you can restart with a new prompt, regenerate with the same prompt, or edit the selected image.
A file with the same name may have recently been deleted. File names can remain cached for a while. The file would need to be renamed.
To rename a file, open the Media Manager, select the file and click Rename. If using a library or picker, toggle on the Manage option for the library or picker.
This is likely due to an existing file with the same name or a recently deleted one. File names can remain cached for a while, so renaming the file may be the best option if you encounter this issue.
To rename a file, open the Media Manager, select the file and click Rename. If using a library or picker, toggle on the Manage option for the library or picker.
To optimize image sizes for your site:
-
Only upload images as large as they are intended to be used (for example, if the image is going to appear as 300px by 300px on the site, do not upload it as a 4000px by 4000px image).
-
The maximum image size displayed on your site cannot exceed 3,145,728 pixels.
-
Be aware of aspect ratios, as 16:9 images look great on desktop but appear too small on mobile. In this case:
-
Use the Hide on Device feature to create specific versions of the image for each device.
-
Resize the image dimensions (aspect ratio) to fit - size changes are device independent.
-
There could be a few reasons that would cause a file to fail.
A recommended first step in troubleshooting is testing to see if you're able to upload other images.
If you are able to, this typically indicates the error is related to the file itself or the file size is too large (files can be a maximum of 200MB).
Tip
There are several potential causes that could prevent files from being uploaded, with a common one being that the file is locked. In such cases, the previous owner of the file needs to unlock it and may need to provide a new version.
If you aren't able to, it could be related to:
-
The maximum file limit has been reached (up to 15,000 images, audio clips, and files can be uploaded per site).
-
The browser or device you're using. In this case, clearing cache, trying a different browser or device, or restarting your device might fix it.