WordPress.org

Yorùbá

Wa WordPress jáde
WordPress.org

Plugin Directory

NextXen Designer – Product Customizer for WooCommerce

NextXen Designer – Product Customizer for WooCommerce

Láti ọwọ́ nextxentech
Ṣe ìgbàsílẹ̀

Àpèjúwe

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.

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 — ships with a complete .pot file; 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

  • Print-ready PDF export — download a high-resolution, print-ready PDF of any orderÌtumọ̀ Yorùbá: ’s design from the order page
  • Auto-email print files — automatically email print file download links to the store admin when an order is placed
  • Configurable PDF settings — choose paper size (A4, A3, Letter, Legal) and bleed margin

Customer Experience

  • 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/v1 for headless or third-party integrations
  • White label — replace all “NextXen Designer” branding in the WordPress admin with a neutral “Product Designer” label

Upgrade to Pro

Built for Reliability

  • All output is properly escaped; all database queries use $wpdb->prepare()
  • Nonces on every AJAX request and form submission
  • Capability checks on all admin-only endpoints
  • File uploads handled entirely by WordPressÌtumọ̀ Yorùbá: ’s own media_handle_upload()
  • No external CDN dependencies — Fabric.js is bundled inside the plugin
  • Design data snapshots are immutable — order records are never affected if a customer later edits or deletes their design

External Services

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 (https://wp.freemius.com):

  • WordPress admin email address, site URL, and WordPress/PHP versions (for license and account management)
  • Plugin activation and deactivation events
  • Anonymous aggregate usage data (only when the user explicitly opts in)

No data is sent to Freemius without the userÌtumọ̀ Yorùbá: ’s explicit consent. You can review and manage connected sites from your Freemius account dashboard.

Àwọn àwòrán ìbòjú

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.
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.
Designer canvas (Back Side) — 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.
Designer canvas (Back Side) — 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 confirmation page — the customerÌtumọ̀ Yorùbá: ’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 one-click PNG and PDF export buttons.
Order Designs admin page — browse all design snapshots captured at checkout, linked to their WooCommerce orders, with one-click PNG and PDF export buttons.

Ìgbéwọlẹ̀

Minimum Requirements

  • WordPress 6.3 or higher
  • WooCommerce 8.0 or higher
  • PHP 8.0 or higher

Automatic Installation

  1. Log in to your WordPress admin panel.
  2. Go to Plugins Add New.
  3. Search for NextXen Designer.
  4. Click Install Now, then Activate.

Manual Installation

  1. Download the plugin zip from WordPress.org.
  2. Go to Plugins Add New Upload Plugin.
  3. Upload the zip and click Install Now, then Activate.

After Activation

  1. Go to NX Designer Settings and configure global defaults (canvas size, button text, max upload size, etc.).
  2. Open any WooCommerce product for editing.
  3. In the Product data panel, click the Product Designer tab.
  4. Check Enable product designer, upload a mockup image, and save the product.
  5. Visit the product on your storefront — a Customize Product button will appear next to Add to Cart.

FAQ

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Ìtumọ̀ Yorùbá: ’s side.

Is it compatible with WooCommerce Blocks (cart and checkout blocks)?

The plugin currently uses the classic shortcode-based cart and checkout. Blocks checkout is not yet supported (declared as incompatible). It works with the Classic Cart / Classic Checkout blocks.

Can I offer the canvas on multiple sides of a product (front, back, sleeve)?

Yes — this is a Pro feature. You can define as many named surfaces as you need, each with its own mockup image and canvas dimensions.

Where are the designs stored?

Designs are stored in your WordPress database (wp_nxd_designs). A permanent, immutable snapshot is saved to wp_nxd_order_designs the 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_nxd_order_designs table, 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. A complete .pot file is included in the languages/ folder. You can create .po / .mo locale files with Poedit or Loco Translate. The text domain is nextxen-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 wc_get_order() throughout — never get_post().

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 creates two custom database tables (wp_nxd_designs and wp_nxd_order_designs) and one options entry (nxd_options). If you uninstall the plugin, uninstall.php removes all tables and options automatically.

How do I get support?

Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

Àwọn Olùkópa & Olùgbéejáde

“NextXen Designer – Product Customizer for WooCommerce” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

A ti túmọ̀ “NextXen Designer – Product Customizer for WooCommerce” sí èdè agbègbè 1 kan. Ọpẹ́lọpẹ́ fún àwọn atúmọ̀ èdè fún àwọn ìkópa wọn.

Túmọ̀ “NextXen Designer – Product Customizer for WooCommerce” sí èdè rẹ.

Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.

Àkọsílẹ̀ àwọn àyípadà

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 .pot file included.

Àkójọpọ̀ Meta

Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

Your review

See all reviews

Àwọn Olùkópa

Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

Wo àpéjọ ìrànlọ́wọ́