
QeWebby Product Personalizer for WooCommerce adds a product customization workflow to WooCommerce product pages.
Store owners can enable the customizer on individual products, define one or more printable areas, upload base images for each area, and manage reusable art assets from the WordPress admin.
Customers can open the customizer on the product page, upload their own image, add text, add numbers, choose fonts, place art, and save a preview with their order.
Features
- Enable product customization per WooCommerce product
- Create multiple visual customization areas such as Front, Back, or Sleeve
- Draw, drag, and resize printable regions in the product editor
- Upload base images for each printable area
- Upload customer artwork from the frontend
- Add custom text with font, size, color, alignment, spacing, rotation, and text-shape controls
- Add custom numbers with dedicated font selection
- Manage reusable art assets from the admin Art Library
- Organize art assets with custom categories
- Supports WooCommerce product variations
- Saves customization summary and preview in cart, checkout, and order item meta
The plugin is built for WooCommerce stores that need a simple product designer flow directly on the product page.
More Plugins by the Author
If you find this plugin useful, you may also like these free plugins by the same author:
- 360 Product Viewer for WooCommerce — 360 Product Viewer for WooCommerce
- InstaView for WooCommerce — Instants View Products
- Qe Reward Points for WooCommerce — Reward points For Customers
- Qe Ultimate Blocks — Simple Testimonial and Team block.
Credits
Uses:
Fabric.js (https://fabricjs.com/)
Licensed under MIT License
Toastr (https://github.com/CodeSeven/toastr)
Licensed under MIT License
Source Code for Minified/Compiled Assets
This plugin includes third-party minified JavaScript and CSS files:
assets/js/fabric.min.jsadmin/js/toastr.min.jsadmin/css/toastr.min.css
Human-readable source code for those libraries is publicly available at:
- Fabric.js repository: https://github.com/fabricjs/fabric.js
- Fabric.js v5.3.0 source tree: https://github.com/fabricjs/fabric.js/tree/v5.3.0
- Fabric.js v5.3.0 distributed files (including non-minified builds): https://github.com/fabricjs/fabric.js/tree/v5.3.0/dist
- Toastr repository: https://github.com/CodeSeven/toastr
- Toastr v2.1.4 source tree: https://github.com/CodeSeven/toastr/tree/2.1.4
Build/reference notes:
- The bundled
assets/js/fabric.min.jscorresponds to Fabric.js version5.3.0. - The bundled
admin/js/toastr.min.jsandadmin/css/toastr.min.csscorrespond to Toastr version2.1.4. - Plugin-specific JavaScript and CSS in this plugin is provided as readable source files and is not distributed as minified bundles.
Screenshots

Product customizer button and frontend design modal

Product editor with printable area configuration

Admin Art Library and category management

Cart and order item customization preview1. WooCommerce Product Customizer Settings

WooCommerce Product Customizer Area Settings