WooCommerce Live Preview

Stores that sell customizable items often face the same problem: shoppers upload an image and cannot tell how it will look on the finished product. WooCommerce Live Preview addresses this by showing the uploaded image directly on the product page. Customers see their design in place and can adjust it before adding the item to the cart. This suits apparel, accessories and printed merchandise, where placement and appearance matter.

The plugin extends WooCommerce Product Options, so it fits into product customization setups you already have. Image options can be defined separately for each printable area, and the preview also covers text and paragraph options. Customers can nudge a selected object with the arrow keys for fine or coarse adjustments. The preview appearance can be styled to match your branding, and the previews work on phones and tablets as well as desktops.

Features

• Real-time image preview: Customers see their uploaded image on the product as soon as they add it, which lets them judge a personalized design before they place an order.
• Works with Product Options: The plugin is an add-on for WooCommerce Product Options, so it builds on the product customization setup you already use in your store.
• Independent printable areas: Image options can be defined on their own for each printable area, which helps when a product has several places where a design can go.
• Text and paragraph previews: Text and paragraph options appear in the preview too, so customers can see written personalization alongside their uploaded images.
• Arrow key adjustments: Shoppers can move the selected object with the arrow keys, making both fine and coarse position changes without dragging by hand.
• Redesigned preview modal: The Live Preview modal dialog has been redesigned, giving customers a dedicated view where they can check and adjust their design.
• Customizable preview styling: Store owners can tailor how the preview looks so it matches their branding and the way their products are presented.
• Mobile-friendly previews: Previews are responsive, so customers get the same interactive experience on smartphones and tablets as on desktops, and compatibility covers themes such as WoodMart.

Best for

• Stores selling personalized apparel and accessories
• Shops offering printed merchandise with image uploads
• WooCommerce sites already using Product Options