Artwork Approval Plugin for WooCommerce: NBDesigner 2.17

Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 and later, verified current through 2.18.0 · Updated October 2026. Every screenshot below is from a live NBDesigner 2.18.0 store on nbdesigner.cmsmart.net, captured this month.

In short

  • Outcome: every approved design ships as the exact print-ready PDF the customer saw and signed off, so you stop paying for reprints caused by mismatched files, stale renders or a design that changed after approval.
  • How it works: NBDesigner 2.17 locks a design the moment its order item is approved, renders the print-ready PDF from the order's own page geometry, and starts a fresh render on every reorder.
  • What it takes: the fixes apply once you update to 2.17; a documented approval policy, routed B2B sign-off and MIS/ERP handoff are where Cmsmart's custom development comes in.

What does a mismatched or disputed print file cost your print shop?

Cmsmart Product Designer stops a shop from discovering a sizing or approval problem on the press instead of on screen. NBDesigner 2.17 renders the print-ready PDF from the exact page geometry an order used and refuses to let a design change once approved, so the file that reaches production is the file the customer signed off.

Any print shop owner recognizes the same expensive moments:

  • Custom-size orders print at the wrong size. Before 2.17, a buyer's own width and height was ignored by the automatic render, which used the product template's size instead — the print-ready file matched the mockup, not the order.
  • A design keeps changing after it's approved. Without a server-side lock, anyone with the edit link can resave over an approved design, and the shop prints whatever was saved last.
  • Reorders ship with someone else's print file. Copying the previous order's PDF forward without a fresh render means a changed design can go to production under an old file.
  • Mobile designs drift off-canvas. Rotating a tablet used to leave artwork at its old pixel size while the stage rebuilt at the new one, so a landscape-to-portrait rotation could visibly stretch or shrink a saved design.
  • Staff re-key and re-check orders by eye because nothing shows whether a given order's print file is ready, rendering or failed.

None of this shows up as a line item on an invoice. It shows up as a reprint, a refund, a one-star review, or a manager who stops trusting the "Ready" badge and opens every PDF by hand. Online shoppers already abandon close to 70% of carts industry-wide (Baymard Institute, 2025) — a design tool that breaks when a buyer rotates their phone gives them one more reason not to come back.

What would an order-accurate design pipeline look like for your store?

Cmsmart Product Designer turns "approved" into a hard guarantee: the moment a design is approved, NBDesigner 2.17 locks it on the server and queues a print-ready PDF built from the order's own dimensions, so your production team opens a file they can trust without re-checking it against the order.

Example scenario. A buyer places a custom-size banner order at 11pm from their phone, rotating the tablet mid-design to check the layout — the artwork stays put instead of stretching. They approve the proof the next morning, and the design locks on the spot: no one, including a teammate with the edit link, can resave over it by accident. By the time the shop opens, the order screen already shows Print-ready PDF: Ready, rendered at the banner's real dimensions, with Regenerate on hand if needed. No one had to open the file to check it matched; the system already enforced that it did.

NBDesigner 2.17 online designer open on a product page with a ready-made invitation template on the canvas
The modern online designer, opened straight from the product page — the same canvas whose viewport-scaling bug 2.17 fixed.
Demo of the modern WooCommerce product customization and web-to-print UI in NBDesigner
Video: Modern WooCommerce product customization and web-to-print UI (Cmsmart on YouTube)

How does Cmsmart lock artwork and generate print-ready files automatically?

Cmsmart Product Designer combines the online designer, an approval lock, Cmsmart Cloud rendering and a per-order file index, keeping what a customer approved and what a press runs in lockstep. Everything here ships in the plugin; multi-step routing and ERP handoff are custom development.

The pipeline a Cmsmart store runs today:

  • Online designer (in the plugin). The buyer designs on the storefront — text, cliparts, photo uploads — and the stage now validates its stored viewport before rescaling artwork, so a design built on desktop still fits when reopened on a phone.
  • Approved-artwork lock (in the plugin, 2.17). Saving over an approved design is refused on the server with a clear message, from any link or open tab. A genuine revision still works — it restarts review and queues a fresh print file instead of silently overwriting a signed-off proof.
  • Cmsmart Cloud rendering (in the plugin). The cloud renderer, the server renderer, the live preview and the admin's Create PDF button now all read the same page geometry — including a custom width and height — so there is one print-ready PDF that matches the order.
  • Print-ready status and file index (in the plugin). The order screen shows Ready, Rendering, Failed or Not rendered, with a Regenerate button and downloads for SVG, high-res PNG, CMYK JPG with an ICC profile, and PDF.
  • Routed approval, MIS/ERP handoff, gang-sheet batching (custom development). The plugin's approval step is one approve/decline action; routed sign-off or an automatic MIS handoff for the approved PDF is a project Cmsmart builds on top.
Artwork approval plugin for WooCommerce: Customer Design box showing a door hanger design approved with Accept and GO
The Customer Design box on the order screen: accept or decline artwork, then notify the customer — the approval that NBDesigner 2.17 now locks on the server.
NBDesigner order screen showing Print-ready PDF status as Ready, rendered by the cloud renderer
Print-ready PDF status on the order's design detail screen: Ready, with the render time, the renderer used, and a Regenerate button.

Cmsmart insight: in our delivery work, most print-file disputes trace back to a design that changed after approval, not to a bad export or wrong color profile. Check whether your current designer tool can still be resaved after approval before you assume your print files are safe.

Buyer uploading a photo into the NBDesigner online designer from a connected photo source
A buyer's own photo dropped straight onto the canvas — one of the designer inputs that now scales correctly after a tablet rotation or window resize.
Workflow stepManual / plugin out of the boxCmsmart workflow
Checking a file matches the orderSomeone opens the order, the design and the print file side by side before every runThe print-ready PDF is rendered from the order's own page geometry, with a Ready/Rendering/Failed status on the order screen
Stopping a design changing after approvalRelies on staff remembering not to resave over a signed-off designSaving over an approved design is refused on the server with a clear message (NBDesigner 2.17)
ReordersThe previous order's PDF and approval certificate can get copied forward unchangedA reorder starts a fresh render and leaves the old output behind
Designing on a phone or tabletA design nudged by a rotation or a mobile keyboard has to be checked by eyeStage and artwork scale from the same applied viewport, so resizing no longer rescales the design
Multi-step B2B sign-offOne approve/decline action per designCmsmart builds routed approval chains (designer → account manager → production) as custom development

What's the measurable business value of locked approvals and automatic print files?

Cmsmart Product Designer turns file-mismatch reprints into a number you can track and drive down: every design has one approval event, one locked state and one print-ready PDF tied to the order, so "did this file match what was approved?" stops being a judgment call.

BenefitHow it shows up in your businessKPI to track
Fewer reprints from file mismatchPress runs get the file rendered from the order's real dimensions, not a template-sized mockupReprints ÷ orders shipped, by product
Faster order-to-production timeStaff stop manually comparing design to file before releasing a jobAverage time from awaiting review to in production
Safer reordersA reorder always renders its own file instead of inheriting an older oneDisputes per 100 reorders
Consistent mobile checkoutBuyers who design on a phone or rotate a tablet see the same proportions as desktopDesign-step drop-off on mobile vs. desktop

Reprint-cost worksheet — plug in your own numbers:

Reprints avoided/month = orders/month × your file-mismatch reprint rate × average cost per reprint (materials + press time + shipping).

Review time saved = minutes spent eyeballing a design against its file, per order × orders/month, converted to hours at your loaded labor cost.

How do you set up an artwork approval plugin for WooCommerce in NBDesigner 2.17?

Cmsmart Product Designer ships the approval lock and automatic print-ready rendering as part of the 2.17 update — there's no separate toggle to find, only the output and export settings below to confirm.

Work through these steps to go from a fresh update to every approved order having a trustworthy print-ready PDF (test on staging first if you customize the Customer Design box or order emails):

  1. Update Cmsmart Product Designer (NBDesigner) to 2.17.0 or later — 2.18.0 is the current release — from Plugins in wp-admin.
  2. Open WooCommerce → Settings → Cmsmart → General and confirm Render print PDFs in the cloud is on (the default; a store can render on its own server instead).
  3. Open the Output tab and check the PDF, ICC profile and CMYK settings match your press.
  4. If your own code reads print files from the plugin's legacy pdfs/ folder, turn on Also save print-ready PDFs in the pdfs folder so that integration keeps working.
  5. Place a test order on a product with a custom width/height option and open its design detail screen.
  6. Use the Customer Design box on the WooCommerce order screen to Accept the artwork — this locks the design on the server.
  7. Try resaving the same design and confirm you get an approved-and-locked refusal message instead of a silent overwrite.
  8. On the order's Create PDF tab, confirm the print-ready PDF shows Ready, rendered by the renderer you expect, with a working Regenerate button.
  9. Check Download design for the formats your production team needs — SVG, high-resolution PNG, CMYK JPG with an ICC profile, or PDF.
  10. On WooCommerce's High-Performance Order Storage, confirm the Customer Design box and print-ready status both appear on the wc-orders screen — see WooCommerce's HPOS documentation if you haven't enabled it.
NBDesigner Create PDF tab showing print-ready PDF status, paper size, product size and bleed settings
Create PDF on the order's design detail screen — the default settings produce the print-ready PDF; changing paper size, margins or bleed creates a separate custom layout instead.
NBDesigner download design panel with SVG, high-resolution PNG, CMYK JPG and PDF options
Download design: SVG, high-resolution PNG, CMYK JPG with an ICC profile, and PDF — the formats a production team actually needs.
Cmsmart Orders dashboard listing every web-to-print order with its production status
Cmsmart → Orders: every design order with its production status, so a team can see what's awaiting review before a file ever reaches the press.

What can Cmsmart build on top of NBDesigner 2.17 for your shop?

Cmsmart builds production safeguards beyond a single approve/decline step: routed B2B sign-off, AI preflight run automatically before a job enters the queue, and a direct handoff of the approved print-ready PDF into your MIS or ERP — turning the 2.17 lock into a fully custom production workflow.

The approval lock and automatic rendering in 2.17 are the foundation. On top of that foundation, Cmsmart builds:

  • Routed, multi-step approval. A wholesale or school-uniform account often needs a proof approved by an account manager before production. Cmsmart builds that routing as custom development, reusing the same lock so nothing slips through once the final sign-off lands.
  • AI preflight before production, automatically. NBDesigner's AI Preflight already flags low-resolution art on demand; Cmsmart can wire it to run the moment a design is approved, catching a flagged file before it is marked print-ready. See how AI tools are licensed and enabled today.
  • MIS/ERP handoff for the approved file. Once a print-ready PDF is certified, Cmsmart builds the connector that pushes it — and its order metadata — straight into your production system instead of a manual download/re-upload.
  • Batch and gang-sheet rendering. For shops running many small approved jobs on one press sheet, Cmsmart builds a batching layer so a day's approved orders nest onto sheets automatically.
  • Reorder flows tailored to your catalog. NBDesigner already lets a buyer reorder a saved design with a fresh print file queued automatically — see how that works today; Cmsmart extends it with account-level design libraries for your catalog.

Every one of these follows Cmsmart's standard delivery approach — discovery, solution design, sprints, QA, launch and support — on the ecommerce project delivery page.

Get a custom approval-workflow quote

Why work with Cmsmart on your product designer rollout?

Cmsmart has run web-to-print projects as a Netbase JSC division since 2012, with 6,300+ client projects and 1,800+ live stores running today — the same team shipping NBDesigner's core fixes also scopes and builds the custom workflows described above.

Cmsmart has run web-to-print projects since 2012 across 80+ countries, with a 4.2/5 rating on Trustpilot (404 reviews). A UK web developer who's used the plugin for three years put it this way:

"We have had the NB Designer plugin installed for three years and have experienced absolutely no problems during that time. It is wonderful to see their commitment to continuous development, with new features being added frequently to keep the software current and highly capable." — Web Developer, Trustpilot

See how Cmsmart's automatic print-ready PDF generation works, via the web-to-print solutions hub, the NBDesigner plugin page, or the product designer customization service.

Frequently asked questions about artwork approval and print-ready PDFs in NBDesigner 2.17

What happens if a customer wants to change a design after I've approved it?

Approving a design locks it on the server, so no one — including a teammate with the edit link — can resave over it by accident. A genuine revision still works: editing the design flags the order as changed, returns it to pending review, and queues a fresh print-ready PDF.

Does the print-ready PDF update automatically when a customer reorders?

Yes. As of 2.17, a reorder no longer copies the previous order's PDF and certificate forward — it leaves the old output behind and queues a fresh render for the new design.

Does this work with WooCommerce's High-Performance Order Storage (HPOS)?

Yes — as of 2.17 the Customer Design approval box loads correctly on the HPOS wc-orders admin screen, not only the legacy post-based order screen.

What if my B2B or wholesale accounts need more than one approval step?

The plugin ships one approve/decline action per design. Routed, multi-step sign-off (designer → account manager → production) for wholesale accounts is custom development Cmsmart builds on top of the same lock.