Description
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.
The designer runs in the customer’s browser, and design records are stored on your WordPress site. The WordPress.org edition includes the core designer and PNG artwork export. Optional Pro features require the separate Pro plugin and an eligible Freemius license or trial. See External Services below for Freemius and Google Fonts usage.
Free Features
Canvas & Tools
- Canvas designer — Fabric.js-powered design canvas with a live product mockup background
- Text tool — add text with font family, size, color, bold, italic, and alignment controls
- Image upload — customers upload their own JPG, PNG, GIF, or WebP images (configurable max size)
- Shapes — 10 shape types: rectangle, square, circle, ellipse, triangle, star, heart, pentagon, arrow, and line — each with fill, stroke, and opacity controls
- Clipart browser — browse and insert clipart from the admin-uploaded library
- Template browser — start from a pre-built design template
- Canvas toolbar — undo / redo (40-step history), delete, duplicate, bring forward / send backward, and align (left, center, right)
- Clear all — reset the canvas with a single click
Asset Libraries (Admin)
- Font library — upload TTF, OTF, WOFF, or WOFF2 custom fonts; they become available to customers in the text tool
- Clipart & SVG library — upload and manage SVG / PNG clipart; customers search and insert in one click
- Design templates — create pre-built designs that customers can load and customise
Product & Store Integration
- Per-product settings — enable the designer, set a mockup image, and configure canvas dimensions per product
- Design required — optionally force customers to add at least one element before adding to cart
- Cart integration — design thumbnail displayed in the cart alongside the product
- Checkout & order confirmation — thumbnail shown in checkout and order details pages
- Email integration — design thumbnail included in WooCommerce order confirmation emails
- Order management — view and download (PNG) customer design snapshots directly from the WooCommerce order screen
- Order design archive — browse all captured design snapshots with order links in NX Designer Order Designs
- HPOS compatible — fully supports WooCommerce High-Performance Order Storage (custom order tables)
- Google Fonts — configure a list of Google Fonts available to customers in the text tool
- Translation ready — uses the text domain
nextxen-designer
Pro Features
Upgrade to NextXen Designer Pro for the full production workflow:
Design Canvas
- Multiple design surfaces — Front, Back, Sleeve, or any custom surface per product, each with its own mockup image and canvas size
- Advanced typography — letter spacing, line height, text shadow, and text outline controls
- QR code tool — customers generate a scannable QR code from any URL and place it on the canvas
Print & Fulfillment
- High-resolution PDF export — render saved canvas artwork at 300 DPI, with one page per surface, from the order page
- Order artwork notifications — email the store admin a sign-in link to export artwork after payment
- Configurable PDF settings — choose paper size (A4, A3, Letter, Legal) and bleed margin
Customer Experience
- Product Input Fields — configurable text, multiline text, dropdown and checkbox fields; values appear in the cart, order and emails
- Saved design library — logged-in customers save named designs to My Account My Designs and resume or re-order them any time
- Design sharing — generate a shareable link so customers can send their design to others
- Price modifiers — charge extra per text element, per image element, or as a base design fee
Developer & Agency
- REST API — full CRUD REST API under
nextxen-designer/v1for headless or third-party integrations - White label — use a neutral “Product Designer” label for the plugin’s admin menu and page titles
Built for Reliability
- Ownership and product checks before attaching a customer design to the cart
- Capability checks for admin tools and signed preview URLs for Cart/Checkout Blocks
- Image type, size, and dimension validation, plus limits on guest uploads and saves
- Fabric.js bundled inside the plugin
- Saved cart artwork copied into order snapshots, so later edits to the original design do not change the order’s saved artwork data
External Services
Freemius
The plugin bundles the Freemius SDK for account connection, licensing, upgrades, updates, and optional diagnostics. The Free edition offers an opt-in connection. Connecting an account or activating a Pro license sends the site, account, and license information needed for these services to Freemius, including the site URL, account email, and software versions. Review the SDK’s connection prompt for the information requested and available choices.
- Service: https://freemius.com/
- Terms of Service: https://freemius.com/terms/
- Privacy Policy: https://freemius.com/privacy/
Google Fonts
When Google Fonts are configured, the designer requests font stylesheets from fonts.googleapis.com and font files from fonts.gstatic.com. These browser requests disclose the visitor’s IP address and request information to Google. To avoid these requests, leave the Google Fonts list empty and use local fonts instead.
- Service: https://fonts.google.com/
- Terms of Service: https://policies.google.com/terms
- Privacy Policy: https://policies.google.com/privacy
Screenshots
Installation
Minimum Requirements
- WordPress 6.3 or higher
- WooCommerce 8.0 or higher
- PHP 8.0 or higher
Automatic Installation
- Log in to your WordPress admin panel.
- Go to Plugins Add New.
- Search for NextXen Designer.
- Click Install Now, then Activate.
Manual Installation
- Download the plugin zip from WordPress.org.
- Go to Plugins Add New Upload Plugin.
- Upload the zip and click Install Now, then Activate.
After Activation
- Go to NX Designer Settings and configure global defaults (canvas size, button text, max upload size, etc.).
- Open any WooCommerce product for editing.
- In the Product data panel, click the Product Designer tab.
- Check Enable product designer, upload a mockup image, and save the product.
- Visit the product on your storefront — a Customize Product button will appear next to Add to Cart.
Upgrading or Switching Editions
- Back up your site and database before updating.
- Update an installed older edition to 2.0.2 before deleting it: older uninstallers can remove shared data.
- For Pro, download the Pro ZIP from your Freemius account, install it, and activate your eligible license. A license key alone does not add Pro code to the WordPress.org edition.
- Keep one edition active. Version 2.0.2 retains shared settings and artwork when uninstalled.
FAQ
-
Are Cart and Checkout Blocks supported?
-
Yes, on WooCommerce 9.6 or later. On older WooCommerce versions use the classic cart and checkout shortcodes. Product Input Fields use the standard product data editor and classic single-product add-to-cart form; their values also display in Cart/Checkout Blocks.
-
What does PDF export include?
-
Pro renders saved artwork at 300 DPI, with one page per surface. Choose A4, A3, Letter or Legal and 0–20 mm bleed in Settings. Mockups are excluded. Bleed extends the canvas background outside the trim box; it does not invent missing edge artwork. Uploaded image quality still depends on the original resolution. Export runs in your browser and reports image/font loading failures.
-
Where are Product Input Fields configured?
-
With the Pro ZIP installed and an eligible Freemius license or trial, edit a product and open Product Data Product Designer Product Input Fields. Add text, multiline text, dropdown or checkbox fields, optionally mark them required, and save. Fields also work when the visual designer is disabled.
-
How can I recover designs missing from older orders?
-
Open NX Designer Order Designs and use Recover missing order designs. Recovery uses existing order-item design links and available saved artwork; it cannot recreate artwork that was never saved or has already been deleted. Existing order snapshots are preserved.
-
Does this work with any WooCommerce product type?
-
The designer works with Simple and Variable products. It adds a “Customize Product” button on the single product page.
-
Will my customers need to install anything?
-
No. The entire designer runs in the browser using JavaScript. No plugins, apps, accounts, or browser extensions are needed on the customer’s side.
-
Can I offer the canvas on multiple sides of a product (front, back, sleeve)?
-
Yes — this is a Pro feature. You can define up to 12 named surfaces, each with its own mockup image and canvas dimensions.
-
Where are the designs stored?
-
Designs are stored in your WordPress database (
wp_nxde_designs). A permanent, immutable snapshot is saved towp_nxde_order_designsthe moment an order is placed — so order records are never affected if a design is later edited or deleted. -
Can customers save their design and come back to it later?
-
In the free version, designs are associated with the current browser session. In Pro, logged-in customers can save named designs to their My Account My Designs page and resume or re-order them any time.
-
How is the design attached to the WooCommerce order?
-
At checkout, the plugin snapshots the full Fabric.js canvas JSON and a JPEG thumbnail into the
wp_nxde_order_designstable, linked to the WooCommerce order and line item IDs. This snapshot is completely independent of the original design record. -
Can I translate the plugin?
-
Yes. Translation resources are included in the
languages/folder. You can create.po/.molocale files with Poedit or Loco Translate. The text domain isnextxen-designer. -
Is the plugin compatible with WooCommerce HPOS?
-
Yes. The plugin explicitly declares compatibility with WooCommerce High-Performance Order Storage (custom order tables) and uses WooCommerce order APIs.
-
Do I need to run npm or any build tools?
-
No. Fabric.js is pre-bundled in
assets/vendor/fabric.min.js. Site owners and end users never need to run any build commands. -
What data does the plugin store, and can it be deleted?
-
The plugin stores designs, order snapshots, assets, and asset categories in custom database tables, alongside plugin options and product/order metadata. Table prefixes depend on your installation. Uninstalling version 2.0.2 retains shared settings and artwork. Unreferenced guest drafts older than 30 days are cleaned up automatically; uploaded files are retained. Removing all plugin data requires a separate, deliberate database and uploads cleanup after a backup.
-
How do I get support?
-
- Free version: use the WordPress.org support forum.
- Pro version: submit a ticket at nextxentech.com/support.
Reviews
Contributors & Developers
“NextXen Designer – Product Customizer for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors
“NextXen Designer – Product Customizer for WooCommerce” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “NextXen Designer – Product Customizer for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0.4
- Update the bundled Freemius WordPress SDK to 2.13.4 for pricing, payment history, and PHP compatibility improvements.
2.0.3
- Redesign the Clipart Library with responsive cards, search, category filtering, and upload feedback.
- Fix admin asset loading for translated and white-label submenu hooks.
- Configure the 14-day Pro trial with payment details required through Freemius.
- Keep Freemius deployment gatekeeper metadata exclusive to the Pro package.
- Declare compatibility with WordPress 7.1 after integration testing.
2.0.2
- Preserve shared artwork and product settings when either edition is uninstalled.
- Fix classic add-to-cart submission, cached nonce refresh, and Cart/Checkout Block previews (WooCommerce 9.6+).
- Reject missing, foreign, deleted, and wrong-product designs at add-to-cart.
- Snapshot each cart item’s artwork and all surfaces independently; retain immutable order copies.
- Add recovery for missing snapshots on orders that already contain a design link.
- Use Freemius entitlement consistently for Pro features; preserve Pro settings while using Free.
- Pro: Fix repeated design surcharges and count text/images across surfaces and groups.
- Add Pro Product Input Fields: text, multiline text, dropdown and checkbox, with required validation.
- Generate PNG from saved canvas artwork and Pro multi-page 300-DPI PDFs with paper/bleed settings; exclude mockups.
- Remove server-side fetching of customer-supplied download URLs.
- Bound guest uploads/saves, validate artwork data, and expire unreferenced abandoned guest drafts.
- Pro: Correct shared-design links and prevent loading deleted designs.
- Make Free and Pro packaging reproducible and exclude development resources.
2.0.1
- Fix: Resolve “Security check failed” error on sites with page caching by adding automatic nonce refresh and retry logic for AJAX requests.
2.0.0
- Initial public release.
- Canvas designer powered by Fabric.js with text, image, and 10 shape tools.
- Undo / redo with 40-step history.
- Canvas toolbar: delete, duplicate, bring forward / send backward, and align tools.
- Clipart and template browsing in canvas.
- Per-product enable/disable, mockup image, and canvas dimensions.
- Design thumbnail displayed in cart, checkout, order details, and confirmation emails.
- Order design snapshot captured at checkout — immutable, linked to WooCommerce order and line item.
- Order Designs admin page with PNG download.
- Google Fonts support.
- WooCommerce HPOS compatibility declared.
- Translation-ready
.potfile included.