Vishit Shah

Tb Product Designer for WooCommerce allows customers to personalize simple WooCommerce products by:
<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>
The generated custom image is:
<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>
Perfect for:
<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>
✔ 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
<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>
Developed by Vishit Shah 
https://vishitshah.com
Uses: 
Fabric.js (https://fabricjs.com/) 
Licensed under MIT License
<h3>Source Code for Minified/Compiled Assets</h3>
This plugin includes one third-party minified JavaScript file:
<ul>
<li><code>public/js/fabric.min.js</code></li>
</ul>
Human-readable source code for that library is publicly available at:
<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>
Build/reference notes:
<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>

Tb Product Designer for WooCommerce

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

WPMajestic

Live Font Preview for WooCommerce allows you to offer real-time text previews with a variety of fonts for your customizable products. This empowers customers to see exactly what their personalized items will look like, increasing confidence and conversion rates.
Perfect for stores selling engraved jewelry, custom apparel, embroidery, or personalized gifts, this plugin adds a sleek font selection dropdown and text input field directly to your product pages.
Key Features:
<ul>
<li>Real-Time Preview: Customers see exactly how their text looks in their chosen font instantly</li>
<li>Google Fonts Integration: Securely loads high-quality fonts for accurate rendering</li>
<li>Flexible Display Logic: Enable globally, per category, or for specific products only</li>
<li>High-Performance Order Storage (HPOS) Compatible</li>
<li>Cart & Order Integration: Selected fonts and text are clearly displayed in the cart, checkout, and order emails</li>
<li>Customizable Labels: Easily change field labels and placeholders to match your store’s language</li>
<li>Compatible with WooCommerce Blocks checkout</li>
<li>Compatible with classic WooCommerce checkout</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Navigate to <code>WooCommerce → Live Font Preview</code> in your WordPress admin.</li>
<li>Enable the feature globally or select specific categories/products.</li>
<li>Choose which Google Fonts you want to offer to your customers.</li>
<li>Save your settings.</li>
<li>Visit a product page to see the live font selector in action.</li>
</ol>

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.

Tb Product Designer for WooCommerce vs Live Font Preview for WooCommerce