Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Covers selling custom product labels online: the buyer's design flow, the order-to-print workflow in wp-admin, and the custom development Cmsmart builds for label and packaging businesses that need more than the core plugin.

In short

  • Outcome: a label buyer designs and pays online in minutes instead of emailing artwork back and forth, and you get a print-ready file waiting in your production queue.
  • How it works: Cmsmart Product Designer (NBDesigner) turns a WooCommerce product into a label editor with templates, upload, approval and a print-ready PDF that matches the order.
  • What it takes: a label product configured with production specs (bleed, DPI, color profile), Printing Options for size/material pricing, and - for gang sheets, ERP sync or a fully custom storefront - a scoped Cmsmart build.

A shopper who wants 200 jar labels by Friday will not wait for your team to open a spreadsheet and email back a quote. Web-to-print for product labels - design it, see the price, pay - turns that multi-day email thread into a five-minute checkout, and it is one of the few print categories any WooCommerce store can add without a full custom build.

What does web-to-print for product labels cost your business today?

Cmsmart Product Designer (NBDesigner) replaces email-and-spreadsheet label quoting with an online storefront where the buyer configures size, material and quantity and sees the price instantly, so staff stop re-keying the same job three times before it is even approved.

Print shops and label converters that still sell custom labels by request run into the same five problems:

  • Manual quoting. Every size/material/quantity combination is priced by hand, so a quote takes hours, not seconds.
  • Proof delays. Artwork goes back and forth by email; nobody owns the "has this been approved" status.
  • Reprints from file mismatches. A print file that does not match the order's exact size, bleed or color profile is a common cause of a reprint.
  • Abandoned carts. Buyers who cannot see a price or a live preview before committing simply leave.
  • Staff time on repeat work. The same request for a few hundred labels at a given size repeats every week.

Estimate the hidden cost with your own numbers rather than a guessed industry percentage: quotes per week x minutes per quote x staff hourly cost is the quoting tax alone; reprints per month x cost per reprint is the file-mismatch tax on top of that.

Manual label quoting vs. a Cmsmart web-to-label storefront
StepManual / emailCmsmart Product Designer (NBDesigner)
Pricing a size/material/quantity comboStaff look it up or calculate it manuallyPrinting Options price matrix prices it live on the product page
Proofing artworkEmail attachments, no shared statusCustomer Design box: accept, decline and notify from one order screen
Preparing the print fileA designer rebuilds the file to the order's exact size and bleedPrint-ready PDF rendered to the order's size, with bleed, by Cmsmart Cloud
Re-ordering the same labelDig up the old file and hope nothing changedThe design and its print file are stored against the order

What would a self-serve label storefront look like for your business?

Picture a buyer who opens your label product at 10pm, drops in their logo, watches the price and the exact label size update live, pays, and your morning queue already has a print-ready PDF waiting - that is what Cmsmart Product Designer (NBDesigner) does for a web-to-label store today.

Example scenario. A buyer lands on a "Label" product, clicks Start and upload design, chooses Design here online, drops in a round label template, swaps the wording and a product photo, and watches the price and canvas update instantly. They add it to the cart, see the design thumbnail at checkout, and pay. Nobody on your side touched the file until it showed up, print-ready, in your order queue.

That is the shift worth building for: the buyer gets instant feedback, your team gets a production-ready file instead of a design project. Buyers can also upload a finished design instead of using the online editor - both paths end at the same print-ready file. Talk to an ecommerce expert about which flow fits your label range.

Web-to-print for product labels: WooCommerce product page with Start and upload design button, built on Cmsmart Product Designer (NBDesigner)
A label product on Cmsmart Product Designer (NBDesigner) 2.17: price, product photo and the design entry point in one view.

How does Cmsmart's web-to-label platform work end to end?

Cmsmart Product Designer (NBDesigner) covers the storefront, the in-browser editor, pricing and the print-ready output; Cmsmart builds the pieces a label business needs beyond that - gang-sheet layout, ERP sync, custom pricing rules - as scoped custom development on top of the same order data.

Six building blocks make up a web-to-label setup. The first four ship in the plugin; the last two are typically custom development:

  • Storefront product - a WooCommerce product with the Online Designer enabled and production specs set (material, bleed, DPI, color profile). In the plugin.
  • In-browser designer - templates, text, image upload and a Preflight Check before the buyer proceeds. In the plugin.
  • Pricing - Printing Options build a price matrix by size, material and quantity, with quantity-based discounts. In the plugin.
  • Proofing and output - the Customer Design approval box, plus a print-ready PDF rendered by Cmsmart Cloud and matched to the order's exact size. In the plugin.
  • Gang-sheet / nesting layout for label sheets that mix multiple SKUs on one print run. Custom development.
  • ERP/MIS or label-converter integration so an order reaches your production system without re-keying. Custom development.

Cmsmart insight: the mistake we see most often on label setups is leaving Print resolution at a web default like 72 DPI. Labels are small and viewed up close, so a low source DPI is the fastest way to turn a clean proof into a blurry print - set the minimum resolution deliberately for each label size.

NBDesigner product configuration for a small-format print product showing bleed area, print resolution and color profile fields
Production specs on the product configuration screen: bleed, print resolution and color profile - set these per label size.

What's the business value of selling labels online instead of by email?

Cmsmart Product Designer (NBDesigner) turns label quoting and proofing into a self-serve flow, so the business value shows up as fewer quoting emails, fewer reprints from file mismatches, and a checkout that does not stall waiting on a human.

Business value and the KPI to track
BenefitHow it shows up in your businessKPI to track
Instant pricingBuyers see size/material/quantity pricing without waiting for a replyQuote-to-order time
Fewer reprintsPrint-ready PDF matches the order's size and bleed automaticallyReprint rate per 100 orders
Less staff time per orderNo manual pricing, no rebuilding the print file by handStaff minutes per order
Repeat ordersThe approved design and its print file stay attached to the order for reordersReorder rate

Rough ROI worksheet (use your own numbers): if your team handles Q label quotes a week at M minutes each and a fully-loaded staff cost of C per hour, manual quoting costs roughly Q x M x (C / 60) a week before a label is printed. Add R reprints a month at a stock-plus-press cost of P each, and file-mismatch reprints cost roughly R x P a month on top. A self-serve storefront does not erase these costs, but it moves pricing out of the email thread and file-matching out of a human's hands.

The global digital label printing market was valued at roughly $12.3 billion in 2025 and is projected to reach $20.6 billion by 2035, a 5.3% CAGR, as volume shifts to short-run, on-demand jobs (Future Market Insights, 2026). Print-on-demand more broadly - the model a self-serve label storefront fits into - is forecast to grow from about $11.0 billion in 2025 to $89.4 billion by 2035, a 23.3% CAGR (Future Market Insights, 2026). Both point the same direction: short-run, self-serve print is where the volume is heading.

How do you set up product labels in Cmsmart Product Designer (NBDesigner)?

To set up and configure a web-to-label product in Cmsmart Product Designer (NBDesigner), you install the plugin on a WooCommerce product, set production specs and pricing, then run the buyer flow yourself end to end before launch - here is the full sequence with real screens from the 2.17.0 demo store.

This is the order we recommend configuring and testing it in:

  1. Enable the Online Designer on your label product and set production specs: material, bleed area (mm), print resolution (DPI) and color profile (RGB for screen preview, CMYK for the print file).
  2. Configure Upload design settings - allowed file types, max upload size and a minimum resolution DPI so low-quality customer uploads are rejected before they reach production.
  3. Configure Output settings - watermark policy for proofs, whether the bleed line shows above or below the artwork, and the link to Cmsmart Cloud > AI Tools where preflight is turned on.
  4. Build the price matrix in Printing Options - size, material and quantity fields, with quantity-break discounts if you sell labels in bulk.
  5. Add label templates in the designer so buyers are not starting from a blank canvas.
  6. Walk the buyer flow yourself: open the product page and click Start and upload design.
  7. Choose a path at the "How would you like to design your Label" step - upload a finished file, or design online.
  8. Design in the browser - add text, swap colors, upload an image - and run the built-in Preflight Check before processing.
  9. Process the design so it saves as "Your artwork" next to Add to cart, then add it to the cart and reach checkout with the design preview in the order review.
  10. Open the order in wp-admin (Cmsmart > Orders) and review the Customer Design box: accept or decline the artwork and notify the buyer.
  11. Generate the print-ready PDF from the order's Create PDF tab, or let automatic export render it on Process; download it, plus SVG, high-resolution PNG and CMYK JPG with an ICC profile, from Download design.
Cmsmart Product Designer chooser asking how the buyer wants to design their label: upload a full design or design here online
Step 7: the buyer picks upload-a-file or design-online - both paths reach the same print-ready output.
NBDesigner online designer on the label product, open on a diamond gym-badge logo template with the Preflight Check button in the header
Step 8: the in-browser designer, badge template open, Preflight Check beside Process.
Online canvas designer demo video for Cmsmart web-to-print
Video: Online canvas designer demo (Cmsmart on YouTube)
WooCommerce checkout page showing a custom label design thumbnail in the order summary before payment
Step 9: checkout carries the design preview through to the order review (stopped here before payment).
Cmsmart order detail screen in wp-admin with production timeline and a Download print PDF quick action
Step 10: the order detail screen - timeline, line item and a one-click Download print PDF action.
Customer Design approval box in WooCommerce order edit screen with Accept, Go and notify-mail controls
Step 10: the Customer Design box - accept or decline artwork and send the notification from one place.
Print-ready PDF status in NBDesigner order screen showing Ready, rendered by the cloud renderer
Step 11: print-ready PDF status - rendered by Cmsmart Cloud and matched to the order's size.
NBDesigner Upload design settings: allowed file types, max upload size and minimum resolution DPI
Step 2: Upload design settings - cap file types, size and set a minimum DPI for customer uploads.
NBDesigner Output settings: watermark, bleed line placement and a link to Cmsmart Cloud AI preflight tools
Step 3: Output settings - watermark policy, bleed line placement, and where AI preflight is configured.
Printing Options quantity-break pricing table for a percentage discount by order quantity
Step 4: a quantity-break discount row in Printing Options - useful once labels sell by the hundred.

For the full field-by-field reference on Printing Options and the price matrix, see the WooCommerce price matrix guide; for how the print-ready PDF and approved-artwork lock work under the hood, see the 2.17 print-ready PDF release notes.

How far can you take it with custom development?

Cmsmart Product Designer (NBDesigner) covers a single label on a single sheet well; for gang sheets, ERP-linked production or a fully bespoke label storefront, Cmsmart builds the rest as custom development on the same WooCommerce and order data.

Label and packaging businesses usually ask for one of these once the core plugin setup is running:

  • Gang-sheet / nesting layout. Print shops want to combine several customers' labels on one sheet to cut material waste. Cmsmart builds a layout engine that packs approved designs onto a sheet size you define before it reaches the print-ready PDF.
  • ERP or label-converter integration. Re-keying orders into a production system wastes staff time and introduces errors. Cmsmart builds the sync between WooCommerce orders and your ERP, MIS or converter software.
  • Custom pricing rules beyond the price matrix. Some label pricing depends on variables the standard matrix cannot express (die cost amortized over quantity, rush fees, account discounts). Cmsmart builds the pricing logic as a scoped engine.
  • B2B approval workflow. Brand-managed accounts need a second approval step - brand manager, then print shop - before a job goes to press. Cmsmart builds the extra stage on top of the existing Customer Design box.
  • AI preflight tuned to your spec. Generic preflight checks miss label-specific issues like safe-zone text near a die line. Cmsmart configures Cmsmart Cloud's AI preflight rules to your production requirements.

Cmsmart delivers this the same way for every client: discovery and scoping, a solution design you approve before code is written, milestone-based sprints, QA against your real order data, launch, then ongoing support - see the Cmsmart project delivery model.

Plan my web-to-label storefront

Why work with Cmsmart on your label storefront?

Cmsmart has run WooCommerce product-designer and web-to-print projects since 2012 as a Netbase JSC division, with 6,300+ client projects and 1,800+ live stores behind the plugin and the custom development that extends it.

Cmsmart is a Netbase JSC division building ecommerce and web-to-print projects since 2012: 6,300+ client projects, 4,600+ delivered, 1,800+ stores live across 80+ countries.

"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, United Kingdom, Trustpilot review

Cmsmart holds a 4.2 out of 5 rating from 404 reviews on Trustpilot. For the pricing-engine side of a label storefront specifically, see Web-to-Print Pricing Engine Development, or the broader Cmsmart web-to-print solution for storefront, designer, pricing and order management together. You can also see the plugin itself on its Cmsmart Product Designer (NBDesigner) product page.

Frequently asked questions about selling custom labels online

Do I need a developer to set up label products in Cmsmart Product Designer?

No. Configuring a label product - production specs, Printing Options and templates - is done from the WordPress admin screens shown above. A developer becomes useful once you want custom pricing rules, ERP integration or gang-sheet layout, which Cmsmart delivers as scoped custom development.

Can buyers upload their own finished label artwork instead of designing online?

Yes. The "How would you like to design your Label" step offers both paths - upload a complete design or design it in the browser - and Upload design settings let you control allowed file types, size limits and a minimum DPI so low-resolution files are rejected before they reach production.

How does Cmsmart make sure the print file matches the exact label size the buyer paid for?

The print-ready PDF is rendered by Cmsmart Cloud using the order's own page geometry, including custom sizes. 2.17.0 fixed the cases where the automatic render and the order screen's Create PDF could disagree, so both now produce the same file.

Can we connect label orders to our ERP or print-production system?

Not out of the box - that is custom development. Cmsmart builds the integration between WooCommerce orders and your ERP, MIS or converter software so a paid order reaches production without re-keying.

What happens if a customer wants to change their label after it is approved?

Once an order item's artwork is approved, 2.17.0 locks the saved design on the server - any attempt to save over it is refused with a clear message. Editing after ordering generates a new print file and flags the order as changed, rather than silently overwriting what was approved.

How long does a custom label storefront project typically take?

It depends on scope - a price-matrix tweak or a new label size is days of work, while gang-sheet layout or ERP sync is a scoped project delivered in milestones against your actual requirements.

Written by

Cmsmart Web-to-Print Solutions Consultant

Plans online print storefronts: product setup, pricing rules, proofing and print-ready files.

  • Web-to-print
  • Print pricing
  • Print-ready files
  • Storefronts
More from this expert →