Upload Photo feature
We can allow your customer to upload their own photo to replace a layer in your design.
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.
You will find various settings here. Please continue reading to learn more about them.
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.
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.
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!
You can enable the "Live preview" switch to show uploaded photo on gallery:
Read more instruction here: How to use Remove Background feature
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!
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.
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.
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
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
Thank you!