nextxentech

NextXen Designer gives your WooCommerce store a fully interactive product customization canvas powered by Fabric.js. Customers add text, upload photos, place shapes, and browse clipart directly on a product mockup — then add their personalized design straight to the cart.
No external services. No monthly SaaS fees. Everything runs on your own server.
<h4>Free Features</h4>
Canvas & Tools
<ul>
<li>Canvas designer — Fabric.js-powered design canvas with a live product mockup background</li>
<li>Text tool — add text with font family, size, color, bold, italic, and alignment controls</li>
<li>Image upload — customers upload their own JPG, PNG, GIF, or WebP images (configurable max size)</li>
<li>Shapes — 10 shape types: rectangle, square, circle, ellipse, triangle, star, heart, pentagon, arrow, and line — each with fill, stroke, and opacity controls</li>
<li>Clipart browser — browse and insert clipart from the admin-uploaded library</li>
<li>Template browser — start from a pre-built design template</li>
<li>Canvas toolbar — undo / redo (40-step history), delete, duplicate, bring forward / send backward, and align (left, center, right)</li>
<li>Clear all — reset the canvas with a single click</li>
</ul>
Asset Libraries (Admin)
<ul>
<li>Font library — upload TTF, OTF, WOFF, or WOFF2 custom fonts; they become available to customers in the text tool</li>
<li>Clipart & SVG library — upload and manage SVG / PNG clipart; customers search and insert in one click</li>
<li>Design templates — create pre-built designs that customers can load and customise</li>
</ul>
Product & Store Integration
<ul>
<li>Per-product settings — enable the designer, set a mockup image, and configure canvas dimensions per product</li>
<li>Design required — optionally force customers to add at least one element before adding to cart</li>
<li>Cart integration — design thumbnail displayed in the cart alongside the product</li>
<li>Checkout & order confirmation — thumbnail shown in checkout and order details pages</li>
<li>Email integration — design thumbnail included in WooCommerce order confirmation emails</li>
<li>Order management — view and download (PNG) customer design snapshots directly from the WooCommerce order screen</li>
<li>Order design archive — browse all captured design snapshots with order links in NX Designer → Order Designs</li>
<li>HPOS compatible — fully supports WooCommerce High-Performance Order Storage (custom order tables)</li>
<li>Google Fonts — configure a list of Google Fonts available to customers in the text tool</li>
<li>Translation ready — ships with a complete <code>.pot</code> file; text domain <code>nextxen-designer</code></li>
</ul>
<h4>Pro Features</h4>
Upgrade to NextXen Designer Pro for the full production workflow:
Design Canvas
<ul>
<li>Multiple design surfaces — Front, Back, Sleeve, or any custom surface per product, each with its own mockup image and canvas size</li>
<li>Advanced typography — letter spacing, line height, text shadow, and text outline controls</li>
<li>QR code tool — customers generate a scannable QR code from any URL and place it on the canvas</li>
</ul>
Print & Fulfillment
<ul>
<li>Print-ready PDF export — download a high-resolution, print-ready PDF of any order’s design from the order page</li>
<li>Auto-email print files — automatically email print file download links to the store admin when an order is placed</li>
<li>Configurable PDF settings — choose paper size (A4, A3, Letter, Legal) and bleed margin</li>
</ul>
Customer Experience
<ul>
<li>Saved design library — logged-in customers save named designs to My Account → My Designs and resume or re-order them any time</li>
<li>Design sharing — generate a shareable link so customers can send their design to others</li>
<li>Price modifiers — charge extra per text element, per image element, or as a base design fee</li>
</ul>
Developer & Agency
<ul>
<li>REST API — full CRUD REST API under <code>nextxen-designer/v1</code> for headless or third-party integrations</li>
<li>White label — replace all “NextXen Designer” branding in the WordPress admin with a neutral “Product Designer” label</li>
</ul>
<a href="https://nextxentech.com/plugins/nextxen-designer-product-customizer-for-woocommerce/" rel="nofollow ugc">Upgrade to Pro →</a>
<h4>Built for Reliability</h4>
<ul>
<li>All output is properly escaped; all database queries use <code>$wpdb->prepare()</code></li>
<li>Nonces on every AJAX request and form submission</li>
<li>Capability checks on all admin-only endpoints</li>
<li>File uploads handled entirely by WordPress’s own <code>media_handle_upload()</code></li>
<li>No external CDN dependencies — Fabric.js is bundled inside the plugin</li>
<li>Design data snapshots are immutable — order records are never affected if a customer later edits or deletes their design</li>
</ul>
<h4>External Services</h4>
This plugin uses Freemius to handle license management, account registration, upgrade flows, and usage analytics. When a user opts in (consent is required before any data is sent), the following information is transmitted to Freemius servers (<code>https://wp.freemius.com</code>):
<ul>
<li>WordPress admin email address, site URL, and WordPress/PHP versions (for license and account management)</li>
<li>Plugin activation and deactivation events</li>
<li>Anonymous aggregate usage data (only when the user explicitly opts in)</li>
</ul>
No data is sent to Freemius without the user’s explicit consent. You can review and manage connected sites from your Freemius account dashboard.
<ul>
<li>Freemius Terms of Service: <a href="https://freemius.com/terms/" rel="nofollow ugc">https://freemius.com/terms/</a></li>
<li>Freemius Privacy Policy: <a href="https://freemius.com/privacy/" rel="nofollow ugc">https://freemius.com/privacy/</a></li>
</ul>

NextXen Designer – Product Customizer for WooCommerce

A canvas-based product designer for WooCommerce. Let customers personalize products with text, images, and shapes before purchasing.

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.

NextXen Designer – Product Customizer for WooCommerce vs Tb Product Designer for WooCommerce