Image Editor

How to Launch Image Editor

Please Note: Your plan may include the Image Editor functionality. Not all product plans have access to this feature.

Please Note: The Image Editor functionality is available for all features that involve adding images (Gallery, Panel, Video Thumbnail, Blog Images, Banner, Slider, Block Background, etc.).

  • To launch the Image Editor, click the Photo feature:

  • The popup that opens will have two tabs: Image Library and Projects.
  • Switch to the Projects tab:

Select a Photo

To select a photo:

  • Click the Upload Image button to open the uploading dialog:

  • You can drag & drop the image.
  • Or, click Select a Photo to locate an image on your computer:

  • Select the desired file, and click Open:

  • The photo will be uploaded right away:

Edit Image

  • To edit the photo in the Image Editor, click the Image area:

  • In the tooltip that appears, click on the Replace icon:

  • Hover over the picture, and click the Edit button:

  • Switch between three suggested tabs to edit your image: Adjust, Filters, and Crop.

Adjust Settings

Choose between several options in the Adjust Settings tab:

  • Light:

  • Color:

  • Miscellaneous:

  • Blur:

Filters Settings

In the Filters Settings tab, you can select from a variety of filters and change the Intensity of the effect:

Crop Settings

In the Crop Settings tab, select from the pre-made sizes or create a Custom Size for your photo.

To create a Custom Size:

  • Select the Custom Size item:

  • Set the custom dimensions for the photo: Aspect RatioWidth, and Height.

  • You can enable the Lock the Aspect Ratio option by checking the box below.
  • Click the Submit button to save changes.

Create Merch

You can use your photo to design Merch with it:

  • Hover over the image:

  • Click the Merch button:

  • Select the type of Merchandise from the dropdown:

  • Select an item:

  • Click Buy Merch to proceed:

The created merch will be opened in a separate tab and ready for purchase:

Delete Photo

To delete a Photo:

  • Hover over the Photo:

  • Click Delete:

  • Or, select a photo and click the Delete button on the top:

  • –°onfirm by clicking Yes:

Tags

You can add a Tag to your image:

  • Hover over the Photo:

  • Click the Tags button:

  • In the popup, create your tag:

  • Click Enter to define the tag:

  • Click Submit to save the tag for a photo:

Search Images by Tag

To search for the image by tag:

  • Click the search bar:

  • Type a query to search by tag:

  • Click on the Untagged Images button to view untagged images:

  • Click the Show All Images button:

You can upload a photo to your project by inserting its link:

  • Click the Upload Photos button:

  • Click the Use Image Link:

  • Paste the link in the search field below:

  • Click Save:

The photo will be automatically displayed in the Site Editor:

Use Stock Photos

You can choose a photo from a Free Stock Photos collection:

  • Select the Stock Photos button:

  • Choose the desired image from the list or use the search bar:

  • Click the Use Image button:

Please Note: You can edit the photo before adding it to your website. Click the Edit button to proceed.

Create New Project

  • To switch to projects, select the Projects tab:

  • Click the Create New Project button:

  • Choose an artboard size:

Customizing Project

Base Layer

Base Layer Color.

  • To add color, click the Base Layer Color button:

  • Select the desired color or insert the color HEX and click Apply:

Base Layer Image. 

  • To add an image, click the Base Layer Image button:

  • Choose from the list of previously uploaded images:

  • To Delete an image, click the Delete Image button:

  • Stock photo. To add a stock photo, switch to the Stock photo tab:

  • Select the desired photo:

  • Click the Adjust Image button to adjust your photo:

In this section, you can apply customization options: TuneLightColorMiscellaneous, and Blur.

  • To use a filter, click the Filters button:

  • Here, you can select from a variety of filters and change the Intensity of the effect:

Resize

To modify a Resize section, click the Resize item on the left:

Here, you select from the pre-made sizes or create a Custom Size for your photo.

To create a Custom Size:

  • Select the Custom Size item:

  • Set the custom dimensions for the photo: Aspect RatioWidth, and Height.

  • Click the Submit button:

Photo Library

To modify a Photo Library section, click the Photo item on the left:

To upload a photo:

  • Click the Upload Image button:

  • In the area that appears, drag and drop a photo or click on the Select a Photo button:

To use stock photos:

  • Click the Stock Photos button:

  • Select the desired image from the list, or use the search bar:

  • Click the Crop Photo button to crop the photo:

  • Set the custom dimensions for the picture by using the Aspect Ratio:

Text

To be able to modify the Text Section, select the Text item on the left:

Text Style. Customize text style by:

  • Text Color:

  • Text Alignments:

  • Letter spacing, line height, text box width, padding:

  • Text formatting (bold, italic, underline):

Font. Customize text by font and font size:

Text Effects. Customize text effects by:

  • Background color:

  • Border (border color, thickness, and radius):

  • Blur:

  • Opacity:

Edit Text. Customize the text that will appear on the image:

Download Image

Click the Download button to download the image on your computer/device:

Please Note: The final image will be downloaded in the .png format.

Save and Use Image

Click the Save and Use button to save the changes and use the image on the website:

Manage Layers

Add Layer

  • To add a layer, click the Add Layer dropdown:

  • Select Text or Photo in the dropdown list:

Delete Layer

If you want to delete a layer, select it and click on the trash icon at the bottom.