Image Editor

The Image Editor allows you to make quick edits to your site images. Transform (crop or rotate), add text, and more to the images in your site. The Image Editor can be accessed on the canvas from any location an image can be added (for example, a row or column background), image widgets, or widgets that can include an image (for example, the Tabs widget).

To open the Image Editor:

  1. Open the location or widget's settings.

  2. Navigate to the image's thumbnail (in the location or widget's settings).

  3. Click Edit.

Example from the Photo Gallery widget:

edit-image-button.png

Edit Images

After opening the Image Editor, there are several options available, from cropping an image, adding a frame, making adjustments, and more. Edits can also be undone or canceled completely (if the Cancel button is selected before the Save and Close is).

image-editor.png

Number

Label name or Element

Description

1

View zoom (not labeled)

Zoom and out of the image within the editor (this doesn't edit the image).

2

Bottom tool bar (not labeled)

Edit menu where all the available edit options can be found.

3

Undo and Redo

Undo and redo buttons (when using the Transform option, these are replaced with a Reset to Default button).

4

Cancel

The cancel button will undo all edits and close the image editor.

5

Save and Close

Once you are happy with the image you have created, click Save and Close and the image is saved in your library as well as on the page. Saved edits are not applied to the original image, a new version is created. The file name of the new version will be the same with an autogenerated alphanumeric number at the end, such as file-name-213f3kv.jpg

Considerations and FAQs

  • When you edit an image with the Image Editor, it is saved under Site Images in the Image Picker and Media Manager (images do not replace previous images when making edits, they create new versions). The file name of edited photos will be the same with an autogenerated alphanumeric number at the end, such as file-name-213f3kv.jpg

  • The Image Editor is only available from a location on the canvas and not from the Image Picker or Media Manager.

  • Images are able to be cropped, though not able to be resized.

FAQs
How can I resize an image?

The Image Editor is not able to resize image files, though images can be cropped.

Can I upload my own stickers?

Yes! After selecting the sticker option, there is a button to Upload Sticker.

Can I change the opacity of an image?

At this time no type of image file can have its opacity edited, though a filter or overlay can be added that could give a similar affect.

I'm changing the zoom option at the top, but it is not saving.

The zoom options at the top are for viewing only and don't edit the image.