Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Covers selling custom product labels online: the buyer's design flow on the live demo, 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 your production queue gets a print-ready file instead of a design project.
  • How it works: Cmsmart Product Designer (NBDesigner) turns a WooCommerce product into a label editor with upload, an in-browser designer, proofing and a print-ready PDF that matches the order.
  • What it takes: a label product with production specs (bleed, DPI, color profile) configured in wp-admin, and - for a price matrix, gang sheets or ERP sync - a scoped Cmsmart build on top.

What does web-to-label printing cost your business today?

Cmsmart Product Designer (NBDesigner) replaces email-and-spreadsheet label quoting with an online storefront where the buyer opens the designer, builds their label and checks out, so staff stop re-keying the same job, chasing proofs by hand, and rebuilding print files one at a time.

Print shops and label converters selling by request hit the same problems:

  • Manual quoting. Every size, material and 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.
  • Low-resolution art at the worst moment. Labels are viewed up close, so a logo that looked fine on screen turns blurry at print size.
  • Reprints from file mismatches. A file that does not match the order's exact size, bleed or color profile is a common cause of a reprint.

Estimate the hidden cost with your own numbers: quotes per week × minutes per quote × staff hourly cost is the quoting tax; reprints per month × cost per reprint is the file-mismatch tax on top.

Web-to-label product page on Cmsmart Product Designer (NBDesigner) with price and a Start and upload design button
A label product on the Cmsmart Product Designer (NBDesigner) demo: price, product photo and the design entry point in one view.

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

Cmsmart Product Designer (NBDesigner) pays off fastest when you already print or convert labels and want buyers to configure and pay online instead of emailing a request; it is less of a fit if you have no press and no plan to manage a minimum order quantity.

Example scenario. Imagine a buyer opening your label product at 10pm, dropping a logo onto the canvas, running Preflight Check, and paying - with a print-ready, bleed-correct PDF already waiting in your queue by morning. No one on your side touched the file before it arrived ready to print.

Be honest about which side you are on:

Running your own label production vs. outsourcing the print run
FactorOwn press or converterOutsourced print partner
Margin controlYou set the price; margin is yours above material and laborPartner's wholesale price sets your floor
Minimum order quantityYou decide, down to a single sheetUsually fixed by the partner's run size
TurnaroundAs fast as your own queue allowsAdded shipping and batching time
Where Cmsmart fitsStorefront, designer and print-ready file land on your production queueSame storefront; the file is handed to the partner instead of your press

The storefront and designer work the same either way. Talk to an ecommerce expert if unsure.

What are the print specs for product labels?

Cmsmart Product Designer (NBDesigner) lets you set bleed, DPI and color profile per label product in wp-admin, and label printers publish their own tolerances for bleed, safe margin and resolution that your setup should match before you take a single order.

Roll-label specs vary by printer, but the pattern holds:

Typical roll-label print specs (confirm against your own printer or converter)
SpecTypical valueWhy it mattersSource (accessed)
BleedAt least 1/8" (0.125") past the outlineAvoids a white sliver at the cut edge if the die shiftsOnlineLabels, 2026-10-19
Safe margin1/8" (0.125") in from the outlineKeeps text and logos clear of a shifting dieOnlineLabels, 2026-10-19
ResolutionAt least 300 DPI at print sizeLabels are viewed up close; anything lower looks softOnlineLabels, 2026-10-19
Color modeCMYKWhat the printing industry works in; RGB needs converting firstLabelPrint24, 2026-10-19
File formatPDF, AI, EPS, or high-res PNG/JPGVector keeps cut lines and small text crispOnlineLabels, 2026-10-19
Shape and sizeRound, rectangle, oval or a custom die shapeDrives the design area and price matrix columnsSet per product in Cmsmart

What to configure in Cmsmart Product Designer: design area size (finished label, not bleed size), bleed area in mm, minimum upload DPI, and output color profile - on the design settings and Upload/Output tabs, covered step by step below.

Cmsmart insight: the most common label-setup mistake is leaving minimum upload DPI at the plugin default instead of raising it for small labels. Pixels that print sharp on a postcard look soft stretched over a 2-inch label - set the DPI floor for the size you sell.

How does Cmsmart's label storefront work end to end?

Cmsmart Product Designer (NBDesigner) covers the storefront, the in-browser editor, upload, proofing and the print-ready output; Cmsmart builds the pieces a label business needs beyond that - a price matrix by size and quantity, gang-sheet layout, ERP sync - as scoped custom development on the same order data.

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

  • Storefront product - a WooCommerce product with the Online Designer enabled and specs set. In the plugin.
  • In-browser designer - text, photo or logo upload, and a Preflight Check before the buyer proceeds. In the plugin.
  • Proofing and output - the Customer Design approval box, plus a print-ready PDF matched to the order's size. In the plugin.
  • Multiple output formats - SVG, high-res PNG and CMYK JPG with ICC alongside the PDF. In the plugin.
  • Price matrix by size, material and quantity - this demo's label sells at one flat price; Printing Options adds a matrix the way it already does for business cards and stickers. Custom development.
  • Gang-sheet layout and ERP/MIS integration - combining labels on one sheet, or pushing orders into production without re-keying. Custom development.
Cmsmart Printing Options admin screen listing existing price matrix option sets for business cards, t-shirts and stickers
Printing Options in wp-admin: option sets already exist for other products on this demo. A label product gets a size/quantity price matrix added here the same way.

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 to reply.

Business value and the KPI to track
BenefitHow it shows up in your businessKPI to track
Faster checkoutBuyers design and pay without waiting for a replyQuote-to-order time
Fewer reprintsPrint-ready PDF matches order size and bleed automaticallyReprint rate per 100 orders
Less staff timeNo manual file rebuilding before a label can printStaff minutes per order
Cleaner proofsAccept or decline artwork from one screen, not an inboxProof turnaround time

Rough ROI worksheet (use your own numbers): Q label quotes a week at M minutes each and a fully loaded staff cost of C per hour costs roughly Q × M × (C / 60) a week. Add R reprints a month at P each, and mismatches cost roughly R × P more.

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 (Future Market Insights, 2026). Print-on-demand more broadly is forecast to grow from $11.0 billion in 2025 to $89.4 billion by 2035, a 23.3% CAGR (Future Market Insights, 2026) - short-run, self-serve print is where the volume is heading.

How do you set up and test a label product in Cmsmart Product Designer?

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

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

  1. Enable the Online Designer and set the design area to its finished size, with bleed matching your printer's spec (1/8" is the common roll-label tolerance above).
  2. Configure Upload design settings - file types, maximum size and a minimum DPI so low-quality uploads are rejected before production.
  3. Configure Output settings - watermark, bleed line placement, and the link to Cmsmart Cloud > AI Tools for AI preflight.
  4. Add label templates once your design team has built 2-3 per shape. This demo product has none yet, so the walkthrough below starts from a blank label.
  5. Walk the buyer flow yourself: open the product page and click Start and upload design.
  6. Choose a path - upload a finished file, or design online.
  7. Design in the browser - add text, upload a photo or logo, and run Preflight Check.
  8. Process the design so it saves as "Your artwork", add to cart and reach checkout with the design preview.
  9. Open the order in wp-admin and review the Customer Design box: accept or decline and notify the buyer.
  10. Generate the print-ready PDF from Create PDF, or let automatic export render it; download it plus SVG, PNG and CMYK JPG.
Cmsmart Product Designer chooser asking how the buyer wants to design their Label: upload a full design or design here online
Step 6: upload a file or design online - both paths reach the same print-ready output.
NBDesigner online designer opened from the Label product page, with Preflight Check and Process in the header toolbar
Step 7: the designer opens from the Label product. A sample design was left on the canvas from a previous session; your buyers start from a blank print area since this label has no template loaded yet.
WooCommerce checkout page showing the Label product and its custom design in the order review before payment
Step 8: cart and checkout carry the Label line item and design preview through to the order review (stopped before payment; the thumbnail is the leftover sample design from Step 7).
Online canvas designer demo video for Cmsmart web-to-print
Video: Online canvas designer demo (Cmsmart on YouTube)
Cmsmart order detail screen in wp-admin with production timeline and a Download print PDF quick action
Step 9: the order detail screen - timeline, line item and a one-click Download print PDF action (demo order shown is for another product; a label order uses the same screen).
Customer Design approval box in WooCommerce order edit screen with Accept, Go and notify-mail controls
Step 9: the Customer Design box - accept or decline artwork and send the notification from one place.
NBDesigner Download design tab offering SVG, high-resolution PNG, CMYK JPG with ICC profile, and PDF downloads
Step 10: Download design - every format your press or converter might ask for, from one order item (from the same shared demo order shown above, not a label order).
Print-ready PDF status on an NBDesigner order showing Ready, rendered by the cloud renderer, with product size and bleed-line settings
Step 10: Create PDF - status Ready, rendered by Cmsmart Cloud at the order's exact product size, with a bleed-line toggle (same shared demo order as above, not a label order).
NBDesigner Output settings: watermark, bleed line placement and a link to Cmsmart Cloud AI preflight tools
Step 3: Output settings - watermark, bleed line placement, and where AI preflight is configured.

More detail: the price matrix guide and the 2.17 print-ready PDF release notes.

Can AI catch a low-resolution label upload before it reaches your press?

Cmsmart Cloud's AI preflight checks a design against your required DPI and flags it before production, so a customer's blurry logo gets caught in the designer or on the order screen instead of showing up on a printed sheet of labels.

Labels are viewed close up, so a low-resolution upload is a common label print problem. Cmsmart Cloud > AI Tools turns on Preflight Quality Checker: set the required DPI (300 is the default, matching the spec above), and choose manual or automatic runs on orders. For the wider AI toolset (background removal, upscaling), see Cmsmart AI for ecommerce.

Cmsmart Cloud AI Tools screen with Preflight Quality Checker enabled, required DPI set to 300, and the manual or automatic run mode for orders
Cmsmart Cloud > AI Tools: Preflight Quality Checker enabled with a 300 DPI requirement and a manual run mode, alongside AI Background Remover and AI Image Upscale.

How far can you take it with custom development?

Cmsmart Product Designer (NBDesigner) covers a single label on a single sheet well; for a price matrix, 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 setup is running:

  • Price matrix by size, material and quantity. Cmsmart builds a matrix with quantity-break discounts, the way it already runs on business cards and stickers.
  • Gang-sheet / nesting layout. A layout engine that packs several customers' approved labels onto a sheet size you define, to cut material waste.
  • ERP or label-converter integration. Syncing WooCommerce orders to your ERP, MIS or converter software, so nothing is re-keyed.
  • B2B approval workflow. A second approval step - brand manager, then print shop - on top of the Customer Design box; see Cmsmart B2B web-to-print.
  • Label templates for your shapes. This demo has none loaded; Cmsmart's design team builds 2-3 originals per shape so buyers start from something, not a blank canvas.

Cmsmart delivers this the same way for every client: scoping, a solution design you approve, milestone sprints, QA against your real order data, launch, then 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 both the core plugin and the custom development that label and packaging businesses build on top of it.

"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. See the related case study Streamlined Online Ordering: Label Solutions, the broader Cmsmart web-to-print solution, or the plugin's own product page.

Frequently asked questions about selling custom labels online

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

No. Enabling the designer and upload rules is done from the admin screens above. A developer is useful for a price matrix, ERP integration or gang-sheet layout - scoped as custom development.

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

Yes. The design chooser offers both paths, and Upload design settings control file types, size limits and a minimum DPI so low-resolution files are rejected first.

Does the plugin include a price matrix for label sizes out of the box?

Not by default - this demo's Label sells at one flat price. Printing Options already runs on other demo products; adding it to labels is custom-scoped configuration.

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, since 2.17.0 fixed cases where the automatic render and Create PDF could disagree.

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

Not out of the box. Cmsmart builds the sync so a paid WooCommerce order reaches your ERP, MIS or converter software without re-keying.

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

Since 2.17.0, saving over an approved design is refused with a clear message. Editing after ordering queues a new print file and flags the order instead of overwriting what was approved.

Written by

Cmsmart Product Designer Plugin Engineer

Builds and supports the Cmsmart Product Designer (NBDesigner) for WooCommerce.

  • NBDesigner
  • WooCommerce
  • Product customizer
  • Release notes
More from this expert →