Description
Precise Expressions Product Customizer adds an on-page customizer to WooCommerce products.
Customers click “Personalize your product” to open a modal where they can upload images, add text, and adjust their design (move/rotate/resize) within your permitted area.
The final preview is saved with the cart item and carried into the order for easy fulfilment.
Key Features:
* Modal customizer: Upload PNG/JPG and add text; move/rotate/resize with a live preview.
* Permitted area: Define the customization area per product with a draggable/resizable bounding box.
* Variable product aware: The customizer button only enables when a valid, in-stock option is selected.
* Cart + checkout preview: Customers see their customized preview through checkout.
* Order fulfilment friendly: Admin order view includes downloadable design links and a list of fonts used.
* Media Library friendly: Artwork is stored under uploads/precise-expressions-product-customizer (outside the Media Library) to reduce bloat.
Optional Google Fonts: Disabled by default, toggleable in settings.
🔥 Upgrade to Precise Expressions Product Customizer Pro
Need more control for personalised, engraved, printed, marked or made-to-order products?
Precise Expressions Product Customizer Pro adds advanced custom-product and production-review tools for WooCommerce stores selling personalised, engraved, printed, marked or made-to-order products.
Pro features include:
- Multi-area customisation for front, back, top, bottom, left and right.
- Default and area-specific production dimensions.
- Product-specific font controls and image upload policies.
- Laser workflow modes for engraving, raster, score/light mark, cut review, acrylic cut review, preview-only and quote-required products.
- Area-specific Production SVG downloads in millimetres.
- Preview PNG downloads, original upload retention and object measurements.
- Production Setup Summary for admin review.
- Quote, proof, artwork approval and revision workflow.
- Optional Australia Post and USPS shipping calculators.
Customer previews capture design intent only. Store admins should still review artwork, fonts, sizing, material suitability and production setup before fulfilment.
Upgrade to Precise Expressions Product Customizer Pro
How it works:
1. Enable the customizer on any product via the “Product Customizer” tab in the product data panel.
2. (Optional) Upload a transparent mockup image (e.g., a phone case or t-shirt frame) to overlay on top of the customer’s design.
3. The customer designs their item, clicks “Done”, and adds to cart.
4. You receive the combined preview image and individual assets in the order details.
External Services
This plugin includes an optional feature to load fonts from Google Fonts to provide typography options in the customizer.
* Service: Google Fonts (https://fonts.google.com)
* Data Shared: When enabled, visitors’ browsers request font files from Google’s servers, which typically includes IP address and user agent.
* Control: This feature is disabled by default. It can be enabled in WooCommerce > Product Customizer > Settings.
Bundled Resources
This plugin bundles the following third-party library:
- Fabric.js
- Source: https://fabricjs.com/
- License: MIT (see
assets/vendor/fabric/LICENSE.txtincluded in the plugin)
Screenshots
Frontend Editor: The customer experience for designing a product. 
Product Settings: Configuring the customizer on a product. 
Order View: Viewing the customized design in the admin area. 
Store Front: Viewing store front integration 
Single Product Page: The customer experience for launching the customizer from the single product page
Installation
- Upload the plugin files to the
/wp-content/plugins/precise-expressions-product-customizerdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Ensure WooCommerce is installed and active.
- Go to any Product > Edit > Product Customizer tab to enable the feature.
FAQ
-
Will this product customizer work with my theme?
-
Yes! We designed this product customizer to seamlessly integrate with both classic WooCommerce themes and modern block-based setups.
-
How do I customize the bounding box area?
-
You can easily define the exact printable area where shoppers can customize their items by dragging and resizing the visual bounding box directly inside the product data panel.
-
Can I let customers customize multiple sides of an item?
-
The free version supports a single customisation view. The Pro version supports multiple product areas, such as front, back, top, bottom, left and right, with optional area-specific production dimensions.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Precise Expressions Product Customizer” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Precise Expressions Product Customizer” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.26
- Fix: Save generated artwork only inside uploads/precise-expressions-product-customizer.
- Fix: Sanitize nonce input before verification in product settings.
- Tweak: Remove non-essential header/readme URLs that failed automated availability checks.
1.0.25
- Fix: Improved Block Theme compatibility (shop + product pages).
- Fix: Ensure customized preview image persists in cart and checkout.
- Update: Added draggable/resizable permitted-area bounding box.
- Update: Store generated artwork under uploads/precise-expressions-product-customizer (outside the Media Library) with retention setting.
1.0.24
- Fix: Orders screen UI cleanups and improved preview display.
- Update: Local Fabric.js support and optional Google Fonts toggle.
1.0.23
- Update: Added “Product Card Layout” CSS as an opt-in setting.
- Update: Added external service disclosure for Google Fonts.
- Fix: Improved error handling and dependency checks.
1.0.22
- Initial release.