Customer experience
See how shoppers personalize a product, upload photos, preview their design, and add it to the cart.
- How a shopper personalizes a productWalk through what your customer sees from the moment they open the customizer to the moment they add their finished design to the cart.
- The personalization fields your customers useA reference for every field type a shopper can fill in: text, text area, color, font, dropdown, number, date, checkbox, and radio choices.
- How the live preview works for shoppersThe preview updates as the customer edits. Learn how the design view, the product mockup view, multi-side products, and multiple designs appear.
- How customers upload a photoSee the shopper's photo upload step: pick or drop a file, crop it, and interpret upload limits and resolution feedback.
- AI photo effects in the customizerWhen you add AI effects to a photo field, shoppers see processing, can compare before and after, and can cancel. Here is what that looks like.
- How customers choose colors and fontsShoppers can pick from your color swatches and font tiles, or recolor parts of clip art. See how the color and font controls behave.
- How customers choose variants, options, and add-onsShoppers pick a material or variant, choose product options, and add extras. See the pickers, how prices show, and how required choices gate checkout.
- Saving, restoring, and starting overUnderstand browser draft saving, restoration, reset, and the limits of moving a shopper's design between devices.
- Mobile and touch customizingOn phones the customizer stacks the preview over the controls, uses comfortable touch targets, opens the camera for photos, and supports touch cropping.