Title: DanhThong Print Design Upload Author: Thong Dang Published: ❄️1️⃣ 31, 2026 Last modified: 🌸5️⃣ 20, 2026 --- Search plugins ![](https://ps.w.org/danhthong-print-design-upload/assets/banner-772x250.png?rev =3450876) ![](https://ps.w.org/danhthong-print-design-upload/assets/icon-256x256.png?rev=3450876) # DanhThong Print Design Upload By [Thong Dang](https://profiles.wordpress.org/danhthong/) [Download](https://downloads.wordpress.org/plugin/danhthong-print-design-upload.1.1.2.zip) * [Details](https://emoji.wordpress.org/plugins/danhthong-print-design-upload/#description) * [Reviews](https://emoji.wordpress.org/plugins/danhthong-print-design-upload/#reviews) * [Installation](https://emoji.wordpress.org/plugins/danhthong-print-design-upload/#installation) * [Development](https://emoji.wordpress.org/plugins/danhthong-print-design-upload/#developers) [Support](https://wordpress.org/support/plugin/danhthong-print-design-upload/) ## Description DanhThong Print Design Upload adds a simple product customizer to WooCommerce products. Features: * Enable/disable design upload per product. * Customer uploads an image on the product page. * The uploaded image is added as a movable/resizable layer on a canvas (Fabric.js). * The product image can be used as the canvas background.*** NEW (v1.1.2): Product personalization text with a live editable canvas text layer.***** NEW (v1.0.1): Clip mask support to restrict the editable design area.** * Visual overlay frame to clearly indicate the allowed design region. * The final merged design is exported as PNG and stored with the cart item. * Design files can be displayed in the admin order screen (per order item). * Lightweight lightbox support for viewing uploaded images. This plugin is designed for stores that sell personalized products (e.g., t-shirts, mugs, phone cases, posters). ### Clip Mask (New in v1.0.1) Starting from version **1.0.1**, you can optionally upload a **clipping mask image** per product to limit where customers can place and preview their designs. * Recommended format: **PNG** * Transparent area = allowed design region * Opaque area = hidden / restricted region * The canvas preview and exported PNG respect the defined clipping boundaries This helps ensure designs stay within printable areas and improves print accuracy. ### Personalization Text (New in v1.1.2) Let customers add **custom text on the product** using a personalization field in the customizer modal. Text appears as a live **canvas text layer** that customers can move, resize, rotate, and edit directly on the canvas. * Enable personalization per product in the product editor. * Optional label, placeholder, required flag, and character limit. * Text color toolbar when the text layer is selected. * Personalization text is saved to the cart and order, and shown in WooCommerce emails and admin orders. * The exported design PNG includes the personalization text layer. #### Third-party libraries This plugin bundles Fabric.js for the canvas editor functionality. Fabric.js is licensed under the MIT License. The Fabric.js license file is included in the plugin package. ### Usage 1. Go to WooCommerce Product Design Upload Settings (`wp-admin/admin.php?page=wcpdu- settings`) and enable the option to allow customers to upload designs. 2. Go to Products Edit product. 3. Enable the design upload option for that product. 4. (Optional) Enable **personalization text** and set label, placeholder, or character limit. 5. (Optional) Upload a **Clipping Mask Image** to restrict the editable area. 6. On the product page, click the “Customize” button. 7. Upload an image, add personalization text, move/scale layers within the allowed area, then click “Apply”. 8. Add to cart. The merged PNG is saved and attached to the cart item and order item meta. ## Screenshots [⌊Customize button on the product page.⌉⌊Customize button on the product page.⌉[ Customize button on the product page. [⌊Customizer modal with canvas and uploaded image layer.⌉⌊Customizer modal with canvas and uploaded image layer.⌉[ Customizer modal with canvas and uploaded image layer. [⌊Design area restricted using a clip mask (v1.0.1).⌉⌊Design area restricted using a clip mask (v1.0.1).⌉[ Design area restricted using a clip mask (v1.0.1). [⌊Admin order screen showing uploaded design files per line item.⌉⌊Admin order screen showing uploaded design files per line item.⌉[ Admin order screen showing uploaded design files per line item. ## Installation 1. Upload the plugin folder to `/wp-content/plugins/danhthong-print-design-upload/`, or install the ZIP via Plugins Add New Upload Plugin. 2. Activate the plugin through the “Plugins” screen in WordPress. 3. Make sure WooCommerce is installed and active. 4. Edit a product and enable the customizer (see “Usage”). ## FAQ ### Does this plugin require WooCommerce? Yes. WooCommerce must be installed and active. ### What is a clip mask? A clip mask is a PNG image that defines where customers are allowed to design. Transparent areas allow design, while opaque areas hide content outside the printable region. ### Does the clip mask affect the exported image? Yes. The exported PNG is clipped to the defined mask, ensuring only the allowed area is included. ### Where are uploaded/generated files stored? Files are stored under the WordPress uploads directory. The plugin uses a dedicated subfolder for design assets. ### Does this work with WooCommerce zoom/lightbox? Yes. The plugin updates the product gallery image and attempts to refresh zoom overlays( including `.zoomImg` used by some themes/plugins). ### Can customers add custom text to products? Yes. When personalization is enabled for a product, customers can enter custom text in the customizer. The text appears as an editable layer on the canvas and is saved with the order. ### Can I allow multiple uploaded layers? Currently the customizer is intended for a single uploaded image layer. You can extend it to allow multiple layers if needed. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “DanhThong Print Design Upload” is open source software. The following people have contributed to this plugin. Contributors * [ Thong Dang ](https://profiles.wordpress.org/danhthong/) [Translate “DanhThong Print Design Upload” into your language.](https://translate.wordpress.org/projects/wp-plugins/danhthong-print-design-upload) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/danhthong-print-design-upload/), check out the [SVN repository](https://plugins.svn.wordpress.org/danhthong-print-design-upload/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/danhthong-print-design-upload/) by [RSS](https://plugins.trac.wordpress.org/log/danhthong-print-design-upload/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.2 * New: Personalization text field on the product customizer. * New: Live canvas text layer (move, resize, rotate, inline edit). * New: Text color toolbar appears when a text layer is selected. * New: Personalization text is saved to the cart and order, and shown in WooCommerce emails and admin orders. * Improved: Exported design PNG now includes the personalization text layer. #### 1.0.1 * Added clip mask support to restrict editable design areas. * Added product-level clipping mask upload field. * Improved canvas rendering with visual overlay frame. * Ensured exported images respect clipping boundaries. #### 1.0.0 * Initial release. ## Meta * Version **1.1.2** * Last updated **5 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.10** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/danhthong-print-design-upload/) * Tags * [ecommerce](https://emoji.wordpress.org/plugins/tags/ecommerce/)[product customizer](https://emoji.wordpress.org/plugins/tags/product-customizer/) [Product Personalization](https://emoji.wordpress.org/plugins/tags/product-personalization/) * [Advanced View](https://emoji.wordpress.org/plugins/danhthong-print-design-upload/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/danhthong-print-design-upload/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/danhthong-print-design-upload/reviews/) ## Contributors * [ Thong Dang ](https://profiles.wordpress.org/danhthong/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/danhthong-print-design-upload/)