Title: Tb Product Designer for WooCommerce Author: Vishit Shah Published: March 31, 2026 Last modified: March 31, 2026 --- Search plugins ![](https://ps.w.org/tb-product-designer-for-woocommerce/assets/banner-772x250.png? rev=3496178) ![](https://ps.w.org/tb-product-designer-for-woocommerce/assets/icon-128x128.png? rev=3496178) # Tb Product Designer for WooCommerce By [Vishit Shah](https://profiles.wordpress.org/vishitshah/) [Download](https://downloads.wordpress.org/plugin/tb-product-designer-for-woocommerce.1.0.0.zip) * [Details](https://wordpress.org/plugins/tb-product-designer-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/tb-product-designer-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/tb-product-designer-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/tb-product-designer-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/tb-product-designer-for-woocommerce/) ## Description Tb Product Designer for WooCommerce allows customers to personalize simple WooCommerce products by: * Adding custom text * Uploading logos or images * Changing font family * Adjusting font size * Selecting text color * Viewing real-time preview on canvas * Saving merged design image on add to cart The generated custom image is: * Stored in uploads directory * Attached to cart items * Displayed in cart & checkout * Saved in order meta * Shown on Thank You page * Included in order emails * Visible in admin order panel * Compatible with WooCommerce Blocks Perfect for: * Print shops * T-shirt stores * Mug customization * Promotional products * Personalized gifts ### Features ✔ Fabric.js powered canvas editor ✔ Secure AJAX image saving ✔ WooCommerce cart integration ✔ Order meta storage ✔ Email & admin display support ✔ WooCommerce Block Cart support ✔ Translation ready ✔ OOP-based architecture ✔ WordPress coding standards compliant ### How It Works 1. Customer customizes product using canvas. 2. Design is saved via secure AJAX call. 3. Image is stored in `/uploads/custom-products/`. 4. Image URL is attached to cart item. 5. Image is displayed throughout checkout and order lifecycle. ### Credits Developed by Vishit Shah https://vishitshah.com Uses: Fabric.js (https://fabricjs.com/) Licensed under MIT License ### Source Code for Minified/Compiled Assets This plugin includes one third-party minified JavaScript file: * `public/js/fabric.min.js` Human-readable source code for that library 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 Build/reference notes: * The bundled `public/js/fabric.min.js` corresponds to Fabric.js version `5.3.0`. * Plugin-specific JavaScript in this plugin is provided as readable source files and is not distributed as minified bundles. ## Installation 1. Upload the plugin folder to `/wp-content/plugins/` 2. Activate the plugin through the WordPress Plugins screen 3. Ensure WooCommerce is installed and activated 4. Edit a product 5. Enable **“Enable Product Customization”** checkbox 6. Save product 7. Visit the product page to see the designer ## FAQ ### Does this work with variable products? Currently only simple products are supported. ### Where are custom images stored? Images are stored in: /wp-content/uploads/custom-products/ ### Is this compatible with WooCommerce Blocks? Yes, block cart and store API are supported. ### Is it secure? Yes. Nonce verification and sanitization are implemented for AJAX requests. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Tb Product Designer for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ Vishit Shah ](https://profiles.wordpress.org/vishitshah/) [Translate “Tb Product Designer for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/tb-product-designer-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/tb-product-designer-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/tb-product-designer-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/tb-product-designer-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/tb-product-designer-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release * Canvas customization support * AJAX image saving * Cart & order integration * WooCommerce Blocks compatibility ## Meta * Version **1.0.0** * Last updated **6 months ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.9** * PHP version ** 7.2 or higher ** * Tags * [canvas](https://wordpress.org/plugins/tags/canvas/)[custom product](https://wordpress.org/plugins/tags/custom-product/) [product customization](https://wordpress.org/plugins/tags/product-customization/) [product designer](https://wordpress.org/plugins/tags/product-designer/)[woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/tb-product-designer-for-woocommerce/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/tb-product-designer-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/tb-product-designer-for-woocommerce/reviews/) ## Contributors * [ Vishit Shah ](https://profiles.wordpress.org/vishitshah/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/tb-product-designer-for-woocommerce/)