About this plugin
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.
js).
* The product image can be used as the canvas background.
2): Product personalization text with a live editable canvas text layer.
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.
, t-shirts, mugs, phone cases, posters).
Clip Mask (New in v1.0.1)
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
js for the canvas editor functionality.
js is licensed under the MIT License. js license file is included in the plugin package.
Usage
- Go to WooCommerce → Product Design Upload Settings ( wp-admin/admin.php?page=wcpdu-settings ) and enable the option to allow customers to upload designs.
- Go to Products → Edit product.
- Enable the design upload option for that product.
- (Optional) Enable personalization text and set label, placeholder, or character limit.
- (Optional) Upload a Clipping Mask Image to restrict the editable area.
- On the product page, click the “Customize” button.
- Upload an image, add personalization text, move/scale layers within the allowed area, then click “Apply”.
- Add to cart. The merged PNG is saved and attached to the cart item and order item meta.