Image Upload
Let customers upload their own images.
Image Upload lets shoppers attach their own artwork, logo, photo, or design file to a custom product order, with optional Live Preview on the product image.
Overview
Image Upload lets customers upload their own images for printing, engraving, or other customization. Files are stored securely and attached to the order.
Live Preview
Image Upload supports Live Preview. When enabled, the uploaded image appears on the product image in real time. Configure the preview layer position, size, and rotation in the editor.
Turn Live Preview on or off for Image Upload
What this shows
- Add an Image Upload option.
- Enable Live Preview when the uploaded file should appear on the product image.
- Place the upload preview layer in the correct product area.
Move the uploaded image layer
What this shows
- Select the uploaded image layer.
- Drag it into the correct position.
- Check placement on desktop and mobile.
Resize the uploaded image layer
What this shows
- Select the uploaded image layer.
- Resize it to fit the printable or preview area.
- Keep enough margin for real production tolerances.
Rotate the uploaded image layer
General Settings
- Label — The field label (e.g. "Upload your logo")
- Required — Whether an image must be uploaded
Option Values
Image Upload does not have predefined option values — the customer uploads their own file. The storefront accepts PNG, JPG, JPEG, and WebP images up to 8 MB.
- Price Add-on — Flat fee for this upload option
The price add-on applies once per upload option when the customer uses that upload field. Quantity-based upload pricing is not available yet, but may change when quantity selector support is added.
Add a fixed surcharge to Image Upload
Appearance
- Upload Layout — Button upload or box upload
- Size — Large, medium, or small upload control
- Corner Radius — Square or rounded upload control
Choose the Image Upload layout (button vs box)
Conditional Logic
Use Conditional Logic to show or hide this option based on another selection. For example, show the image upload only when a "Custom print" option is selected.
See Image & Asset Requirements for the difference between customer upload limits and merchant-created Image Swatch assets.
FAQ
When should I use Image Upload?
Use Image Upload when shoppers need to provide their own logo, artwork, photo, or design file for a customized product.
Can uploaded images appear in Live Preview?
Yes. When Live Preview is enabled, the uploaded image can appear on the product image in real time.
Which image formats does Image Upload accept?
The storefront accepts PNG, JPG, JPEG, and WebP images up to 8 MB.
Can I collect an uploaded image without showing it in Live Preview?
Yes. Turn off Live Preview for the Image Upload option. The customer can still upload a file, and the file will appear in the Shopify admin order information and the Podifai Orders tab.
Can customers crop or mask uploaded images into a specific shape?
Not yet. Image crop and shape mask controls are on our roadmap. Today, uploaded image layers can be positioned and resized based on the current editor settings, but customer-controlled cropping or fixed shape masking is not available yet.
How does pricing work for Image Upload?
You can set a fixed price add-on for an Image Upload option. The add-on applies once per upload field when the customer uses that field.