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 masking in the editor.

Turn Live Preview on or off for Image Upload

Enable live preview when the uploaded image should appear on the product image.

What this shows

  1. Add an Image Upload option.
  2. Enable Live Preview when the uploaded file should appear on the product image.
  3. Place the upload preview layer in the correct product area.

Move the uploaded image layer

Drag the uploaded image layer to place it in the correct area of the product design.

What this shows

  1. Select the uploaded image layer.
  2. Drag it into the correct position.
  3. Check placement on desktop and mobile.

Resize the uploaded image layer

Resize the uploaded image layer so it fits the print, engraving, or preview area.

What this shows

  1. Select the uploaded image layer.
  2. Resize it to fit the printable or preview area.
  3. Keep enough margin for real production tolerances.

Rotate the uploaded image layer

Rotate the uploaded image layer when the product design needs angled placement.

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

Add a fixed surcharge to Image Upload

Use a fixed surcharge when every uploaded image should add the same price.

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)

Choose between button upload and box upload depending on how prominent the upload action should be.

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.

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.