Articles on: Artworks
This article is also available in:

Upload Photo feature

We can allow your customer to upload their own photo to replace a layer in your design.

How to enable Upload Photo feature

To enable this feature, go to Artwork Editor → select a layer that will be replaced by customer's photo → choose "Upload photo" in Personalization Options:.

Then there will be an option on storefront for customers to upload their photo:

The size and position of the uploaded photo depends on the original layer.

Final design in order will be the photo that customer uploaded.

Explanation of each feature

You will find various settings here. Please continue reading to learn more about them.

Direct Upload, No Editor

The Customer's Photo will be uploaded directly, without any effects, cropping, or reposition.
The size of this photo will be the same as the one you are using for the Photo Upload layer.

The photo Customer use will be as-is, with no additional edit at all.

The customer’s photo can be distorted if it does not match the ratio of the original layer.

Photo Cropper

Usually, the uploaded photo will be scaled up or down to fit the size of the original layer. You can enable the photo cropper to give your customers more control of the uploaded photo.

Enable photo cropper: a popup will show up when customer uploads a photo, allowing to resize, crop and zoom the photo.
The crop ratio depends on the ratio of the original layer.

Crop into a custom shape: the photo which customers upload will be crop into a custom shape. You need to prepare a PNG image, it'll change the cropper to the shape of the visible part of the image.

On photo cropper, an overlay will show up on the transparent or bright part of the shape image. It doesn't cover the dark or black part, so it'll leave the black shape be highlighted.
The brighter a part is, the darker the overlay is. The overlay will be darkest on transparent part, and will be completely hidden on the darkest color (#000000).

Therefore, we recommend using a solid black (#000000) for the shape image.

The overlay only shows on the cropper for preview purpose. It doesn't affect how the photo will be cropped, it'll still be cropped based on the visible part of the shape image.

Photo Reposition

The photo will be uploaded directly without cropping. And customers can adjust their photo’s position in the artwork and preview it in the mockup.

This new feature will allow Customers to drag and drop, rotate, resize, and set exactly how they want to photo to be displayed.

With this feature, the Customers can freely configure their uploaded photo to their liking, with no restriction!

Enable Live Preview

You can enable the "Live preview" switch to show uploaded photo on gallery:

Remove background of uploaded photo

Read more instruction here: How to use Remove Background feature

Set minimum size

Sometimes, the Customers might accidentally use a blurry picture, which can result in a bad printing. With this feature, you can set a minimum required size for their photo to ensure a good quality printing!

We also hope you notice a significantly better upload time for this feature!

Other Options


Title is the personalization option's label that will display on live store.
If you leave it blank, the personalization option will take the layer's name as its name automatically.

Add instruction for customer

Sometimes you need to show instructions for customers about image size, image ratio...
You can add text to this field to show a small instruction below the upload option.

This field supports HTML format. You can use a Word to HTML tool to convert your formatted text to HTML and paste to this field.

Updated on: 11/03/2024

Was this article helpful?

Share your feedback


Thank you!