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.

Marc Lacroix

mklacroix

Product Configurator for WooCommerce allows you to use transparent image layers to build real-time visual previews of custom products.
Give your customers an interactive experience and eliminate the need for hundreds of product variations and images. Export image layers from Photoshop, 3D renders, or other sources, and let the user assemble their product dynamically—no need for technical skills or bulky setups.
Whether you’re customizing jewelry, watches, clothing, furniture, or electronics, this plugin lets you offer flexible configuration options while keeping your store lightweight and manageable.
Easily add a product configurator to WordPress, with the plugin Product Configurator for Woo!
🎮 <a href="http://demos.mklacroix.com/" rel="nofollow ugc">Check out the live demos</a> 
🛠️ <a href="http://demos.mklacroix.com/wp-signup.php" rel="nofollow ugc">Set up a sandbox with admin access</a>
Have feedback, ideas, or found a bug? Report issues on <a href="https://github.com/marcusig/woocommerce-product-customizer/issues" rel="nofollow ugc">GitHub</a> or use the <a href="https://wordpress.org/support/plugin/product-configurator-for-woocommerce/" rel="ugc">support forum</a>.
<h3>Features</h3>
<ul>
<li>🖼️ Layered Image Rendering – Compose product previews using transparent PNG layers—no need to create images for every combination.</li>
<li>🔄 Multiple Views – Show multiple angles or perspectives (e.g., front, side, back) of the product.</li>
<li>📋 Multi-Step Configurator – Split complex product builds into multiple steps to streamline user experience.</li>
<li>💰 Price per Option (via add-on) – Assign additional pricing to individual options (great for premium upgrades).</li>
<li>📝 Form Fields (via add-on) – Let users enter text, numbers, or upload files—ideal for personalized orders.</li>
<li>🧮 Custom Pricing Formulas (via add-on) – Calculate advanced prices dynamically based on user input and selected options.</li>
<li>🔀 Conditional Logic (via add-on) – Show/hide options dynamically depending on user selections—perfect for complex logic flows.</li>
<li>📦 Inventory & Stock Management (via add-on) – Track inventory per option inside the configurator, or by linking to actual WooCommerce products.</li>
<li>🔗 Linked Products (via add-on) – Link any configurator choice to a real product in your WooCommerce shop:
<ul>
<li>Add real components to the cart</li>
<li>Track SKUs and inventory</li>
<li>Support ERP/warehouse integration</li>
<li>Build composite/bundled products</li>
<li>Use or override linked product pricing</li>
</ul>
</li>
<li>🔤 Live Text Overlay (via add-on) – Let customers preview custom text with your fonts and colors—ideal for engraving, embroidery, and personalization.</li>
<li>🧑‍💻 Developer Friendly – Includes hooks, filters, and a clean, commented codebase. Limited docs for now, but open support is available.</li>
<li>🐕‍🦺 Accessible – Full keyboard use, screen-reader friendly labels and live announcements, validation errors shown in-page with links to each field—no blocking JavaScript alerts.</li>
</ul>
<h3>Shortcodes</h3>
<ul>
<li>
Configurator Button: 
 [mkl_configurator_button product_id=1 classes=”button primary”] 
Optional content: 
 [mkl_configurator_button product_id=1]Button text[/mkl_configurator_button]
</li>
<li>
Inline Configurator: 
 [mkl_configurator product_id=1 classes=”your-css-class”]
</li>
</ul>
<h3>Themes</h3>
<ul>
<li>Includes several built-in high quality themes (see Screenshots)</li>
<li>Easily create your own theme for full control </li>
<li>Supports WordPress Customizer (Appearance > Customize) to change visual styles</li>
</ul>
<h3>Premium Add-ons</h3>
The core plugin is fully functional. Extend it with these premium modules:
<ul>
<li><a href="https://wc-product-configurator.com/product/extra-price/" rel="nofollow ugc">Extra Price</a> – Add custom pricing to options </li>
<li><a href="https://wc-product-configurator.com/product/save-your-design/" rel="nofollow ugc">Save Your Design</a> – Let users save and return to their designs </li>
<li><a href="https://wc-product-configurator.com/product/multiple-choice/" rel="nofollow ugc">Multiple Choice</a> – Enable multi-select per layer </li>
<li><a href="https://wc-product-configurator.com/product/stock-management-and-linked-product/" rel="nofollow ugc">Linked Products & Stock Management</a> – Link options to WooCommerce products, track inventory, sync with ERP </li>
<li><a href="https://wc-product-configurator.com/product/conditional-logic/" rel="nofollow ugc">Conditional Logic</a> – Dynamically show, hide, or auto-select items based on conditions </li>
<li><a href="https://wc-product-configurator.com/product/form-fields/" rel="nofollow ugc">Form Fields</a> – Add forms to collect extra input, and perform price calculations </li>
<li><a href="https://wc-product-configurator.com/product/text-overlay/" rel="nofollow ugc">Text Overlay</a> – Let users preview personalized text in real time</li>
</ul>
💬 For custom development or tailored integrations, <a href="https://wc-product-configurator.com/contact/" rel="nofollow ugc">contact me here</a>.

Product Configurator for WooCommerce

Allow your customers to create configurable products with a live preview of the result. Works using a layer-based system.

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