Allow customers to customize WooCommerce products with text and images using an interactive canvas designer.

Anna Schneider

Woo USP

Enhance your WooCommerce single product pages by adding unlimited Unique Selling Propositions (USPs) and customizing them for individual products.

iONE360

iONE360  configurator

We help your customers make better decisions by bridging the imagination gap.

NextBrill

NextBrill UploadMate: File upload for WooCommerce

Simple and effective file upload solution for WooCommerce products.

WPMajestic

Live Font Preview for WooCommerce

Allow customers to preview and select fonts for custom engravings and text on WooCommerce products with a real-time live preview.

Amr Abdelkarem

Advanced Addons for WooCommerce

Add advanced addons to WooCommerce products with nested groups, dynamic types, and flexible pricing.

Hemant Jangir

krcustomizer

KR Customizer

KR Customizer is a powerful and flexible WooCommerce product customization plugin offering real-time 2D and 3D customization features.

ezycreate

Ezycreate

Connect your WooCommerce store with Ezycreate's print-on-demand platform and let customers customize products.

Jay Suthar

Personalize My Order

Collect product customization data after order placement via a secure tokenized URL. Supports custom fields, local file uploads, partial saves, and pe …

Vishit Shah

<p>Tb Product Designer for WooCommerce allows customers to personalize simple WooCommerce products by:</p>
<ul>
<li>Adding custom text</li>
<li>Uploading logos or images</li>
<li>Changing font family</li>
<li>Adjusting font size</li>
<li>Selecting text color</li>
<li>Viewing real-time preview on canvas</li>
<li>Saving merged design image on add to cart</li>
</ul>
<p>The generated custom image is:</p>
<ul>
<li>Stored in uploads directory</li>
<li>Attached to cart items</li>
<li>Displayed in cart & checkout</li>
<li>Saved in order meta</li>
<li>Shown on Thank You page</li>
<li>Included in order emails</li>
<li>Visible in admin order panel</li>
<li>Compatible with WooCommerce Blocks</li>
</ul>
<p>Perfect for:</p>
<ul>
<li>Print shops</li>
<li>T-shirt stores</li>
<li>Mug customization</li>
<li>Promotional products</li>
<li>Personalized gifts</li>
</ul>
<h3>Features</h3>
<p>✔ Fabric.js powered canvas editor<br />
✔ Secure AJAX image saving<br />
✔ WooCommerce cart integration<br />
✔ Order meta storage<br />
✔ Email & admin display support<br />
✔ WooCommerce Block Cart support<br />
✔ Translation ready<br />
✔ OOP-based architecture<br />
✔ WordPress coding standards compliant</p>
<h3>How It Works</h3>
<ol>
<li>Customer customizes product using canvas.</li>
<li>Design is saved via secure AJAX call.</li>
<li>Image is stored in <code>/uploads/custom-products/</code>.</li>
<li>Image URL is attached to cart item.</li>
<li>Image is displayed throughout checkout and order lifecycle.</li>
</ol>
<h3>Credits</h3>
<p>Developed by Vishit Shah<br />
https://vishitshah.com</p>
<p>Uses:<br />
Fabric.js (https://fabricjs.com/)<br />
Licensed under MIT License</p>
<h3>Source Code for Minified/Compiled Assets</h3>
<p>This plugin includes one third-party minified JavaScript file:</p>
<ul>
<li><code>public/js/fabric.min.js</code></li>
</ul>
<p>Human-readable source code for that library is publicly available at:</p>
<ul>
<li>Fabric.js repository: https://github.com/fabricjs/fabric.js</li>
<li>Fabric.js v5.3.0 source tree: https://github.com/fabricjs/fabric.js/tree/v5.3.0</li>
<li>Fabric.js v5.3.0 distributed files (including non-minified builds): https://github.com/fabricjs/fabric.js/tree/v5.3.0/dist</li>
</ul>
<p>Build/reference notes:</p>
<ul>
<li>The bundled <code>public/js/fabric.min.js</code> corresponds to Fabric.js version <code>5.3.0</code>.</li>
<li>Plugin-specific JavaScript in this plugin is provided as readable source files and is not distributed as minified bundles.</li>
</ul>


Alternatives to Tb Product Designer for WooCommerce

Top alternatives