
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

Designer canvas (Front Side) — customers place text, images, and clipart directly on a live product mockup with the full toolbar: Text, Image, Shapes, Clipart, Templates, and QR Code tools (QR Code requires Pro).

Designer canvas (Back Side, Pro) — multi-surface support lets customers design each side independently; shown here with a QR code and text element on the back of a t-shirt.

Order confirmation page — the customer's design thumbnail is automatically displayed in the WooCommerce order received / thank you page.

Order Designs admin page — browse all design snapshots captured at checkout, linked to their WooCommerce orders, with artwork export access (PNG in Free; PDF requires Pro).