Applies to Cmsmart Product Designer (NBDesigner) 2.18.0 · Updated October 2026. Screens below are live captures from the current demo store; this guide replaces the 2018 version, which described an older admin layout.

In short

  • A product designer should not open the same canvas for every item: a sticker, a business card and a two-sided t-shirt each need their own bleed, resolution and print options.
  • Cmsmart Product Designer (NBDesigner) configures the designer per product from Product manager: production specs (bleed, print resolution, color profile), sides, and a Printing Options price matrix scoped to specific products instead of the whole catalog.
  • It takes a WooCommerce product, the plugin active at 2.18.0, and about 10 minutes per product the first time; cloning an already-configured product is the fast path after that.

What does it cost when every product shares one designer configuration?

A single generic canvas is the most common setup mistake in web-to-print stores: Cmsmart Product Designer configures bleed, print resolution, sides and pricing per product, so a sticker and a t-shirt never inherit settings that fit neither one.

Most of the manual cost in a product-designer store traces back to this one problem:

  • Wrong print area for the product shape. A business-card template carrying a t-shirt's design area produces files your press team has to fix by hand before they can run.
  • Wrong resolution for the output. A low-DPI canvas looks fine on screen and prints soft; a photo-print DPI setting is overkill and slow to render for a simple sticker.
  • Pricing that doesn't match the product. Quantity-break pricing built for apparel doesn't apply cleanly to business cards, so staff override prices by hand.
  • Staff time re-explaining the same thing. Every mismatched canvas becomes an email thread: "can you resend at higher resolution," "this isn't the right side layout."

The web-to-print software category exists because this is a widespread, recurring cost: the global market is valued at roughly USD 1.43 billion in 2025, projected to reach USD 3.13 billion by 2034, as more stores move from one generic canvas to configured, self-serve design tools.

What does per-product design configuration look like for buyers?

Imagine every product opening a design experience built for it: Cmsmart Product Designer shows buyers the chooser, canvas and price fields configured for that specific product, so an invitation buyer sees a simple upload-or-design choice while a business-card buyer sees the exact dimensions and orientation their product needs.

Example scenario. A buyer opens an invitation product. That product is configured for templates with no extra print options, so the page offers only "Upload a full design" or "Design here online." A few products over, a buyer opens a business card configured with a Printing Options set: the page shows a custom-dimension field with width and height limits in inches, plus an orientation selector — fields the invitation product never shows, because they were scoped to the business card alone.

WooCommerce Invitation product page with the Start and upload design button, powered by Cmsmart Product Designer
No print-options form on this product: just the design chooser this product was configured to show.
Business card product page with a custom dimension field in inches and an orientation selector, set per product
A different product, a different configuration: custom width/height limits and orientation, scoped to this business card through Printing Options.

That consistency matters commercially, not just operationally: in Deloitte Digital's 2026 personalization research, 52% of consumers say they are more likely to buy from brands that personalize their experience, and they report spending 30% more with those brands.

How does Cmsmart's platform treat every product differently?

Cmsmart's solution is a per-product configuration layer on top of one shared designer engine: Product manager turns the canvas on or off and sets production specs per product, while Printing Options scopes pricing and print fields to specific products instead of the whole catalog.

The building blocks, and what's built-in today versus custom development:

  • Storefront product page — a WooCommerce product with the design button shown only when that product's designer is enabled. In the plugin today.
  • Product manager — the admin list of every designer-enabled product, with base price, status and a direct edit link into each product's configuration. In the plugin today.
  • Per-product production specs — material, bleed area, print resolution and color profile, plus the Online Designer toggle and a 1-sided/2-sided preset, scoped to one product. In the plugin today.
  • Printing Options price matrix — fields (sides, custom dimension, DPI, area design shape, orientation, quantity breaks) that an option set applies to specific Products rather than every product. In the plugin today.
  • Cmsmart Cloud rendering and AI preflight — the canvas, pricing and output a product is configured for all flow into the same cloud renderer and an optional AI preflight check before production. In the plugin today.
  • Catalog-wide rollout and governance — pushing the right production specs to hundreds of SKUs from a PLM/ERP, or enforcing brand design rules across whole categories automatically. Custom development — see below.
Cmsmart Product manager screen listing WooCommerce products with the online designer enabled, templates and status per product
Product manager: 34 WooCommerce products with the online designer turned on, each with its own status, templates and a direct edit link.

Cmsmart insight: in our delivery work, the most common reprint cause we see is not a buyer mistake — it's a shared canvas setting (one bleed or DPI value) applied across products that actually need different specs. Fixing that is usually a 10-minute per-product change, not a code change.

One shared design canvasCmsmart per-product configuration
Print area & bleedSame for every product; staff fix mismatches by handSet per product in production specs (bleed area, print resolution, color profile)
Design modes shown to buyersEvery product offers the same upload/online/template optionsEnabled per product in Product manager and the Online Designer toggle
Pricing & print optionsOne price matrix, manually overridden for products it doesn't fitPrinting Options scoped to specific products, not just categories
Rolling out a new product lineRe-explain exceptions to staff each timeClone a configured product as the starting point for similar SKUs

What's the business value of configuring the designer per product?

Per-product configuration turns Cmsmart Product Designer into fewer manual proofs and fewer reprints: each product requests files at the resolution and bleed its press process actually needs, so corrections happen at setup time instead of after a customer has already ordered.

BenefitHow it shows up in your businessKPI to track
Fewer manual proof correctionsStaff stop fixing bleed/DPI/side mismatches by hand before sending to printManual corrections per 100 orders
Lower reprint rateFiles already match the product's production specs when the order is placedReprints as % of orders, by product
Faster new-product rolloutCloning a configured product beats rebuilding canvas settings from scratchMinutes from "add product" to "designer live"
Pricing that matches the productQuantity breaks and print fields apply only where they make senseManual price overrides per month

Quick ROI worksheet (use your own numbers):
(manual proof corrections avoided per month) × (minutes per correction) × (your loaded hourly staff cost) ÷ 60
+ (reprints avoided per month) × (your cost per reprint)
= monthly value of configuring the designer per product correctly.

How do you configure product designer per product in WooCommerce?

To configure Cmsmart Product Designer per product, you enable the product in Product manager, set its production specs and sides, scope a Printing Options price matrix to it, then preview as a buyer — each step verified on the 2.18.0 demo store below.

  1. Open Product manager (Cmsmart admin menu). This lists every product with the online designer enabled, its base price, status and template count, with a direct edit link into each product's configuration.

  2. Open the product and set Production specs. On the product's General tab, set Material, Bleed area (mm) and Production time — these are specific to this product, not global.

  3. Set Print resolution and Color profile for this product's output. Pick 300 DPI for print or a lower setting for web-only mockups, and CMYK for print production versus RGB for on-screen previews. A sticker and a photo print rarely need the same values.

  4. Turn on the Online Designer and pick a sides preset. Check Enable the Online Designer for this product, choose 1-sided or 2-sided, then open Designer config from the same screen for full side, area and template setup.

  5. Create or edit a Printing Options set (Cmsmart > Printing Options). Choose the design and print fields this product needs — sides, custom dimension, DPI, area design shape, orientation, quantity breaks.

  6. Scope that option set to this product. Set Apply for to Products (not Categories) and search for this product by name, instead of leaving the set store-wide.

  7. Set quantity-break pricing for this product's typical order size, if relevant — a percentage or fixed discount per break, scoped to the same option set.

  8. Preview as a buyer. Open the live product page, confirm the design chooser, canvas and price fields match what you configured, and check the price updates as options change.

Screen used to configure product designer per product: Sticker production specs, bleed area, print resolution, color profile and the Online Designer toggle
Per-product configuration (Sticker): production specs (material, bleed, DPI, color profile) and the Online Designer / sides preset for this one product.
Printing Options list showing which option sets are applied to specific products such as Business Card, T-shirt and Sticker
Printing Options: each option set shows which specific Products it's applied to, not a whole category.
Printing option editor with design fields, quantity-break pricing and the Apply for Products selector
The option editor: pick the fields this product needs (custom dimension, DPI, orientation), set quantity-break pricing, then scope it to Products.
Video thumbnail: managing product attributes for online designs in WooCommerce
Video: How to manage product attributes for online designs in WooCommerce (Cmsmart on YouTube).

For the price matrix itself in more depth, see our guide to building a price matrix table with printing options; for per-product settings beyond the designer canvas, see individual product settings in NBDesigner. The online designer product page has the full feature list if you're comparing before you buy.

How can Cmsmart build beyond per-product configuration?

Once per-product configuration is in place, Cmsmart builds the layer most stores ask for next: syncing specs from a PLM/ERP, enforcing design governance across hundreds of SKUs, or connecting production specs to 3D/AR previews — as custom development on top of the plugin.

Per-product configuration solves the single-product problem. It doesn't solve catalog-scale governance on its own. Extensions we build on top:

  • Bulk/ERP-driven configuration. Business reason: a catalog of hundreds of SKUs can't be configured one product at a time by hand. Cmsmart builds an import/sync pipeline that pushes production specs (bleed, DPI, color profile) from your PLM or ERP into Product manager automatically when a new SKU is added.
  • Category-level design governance. Business reason: a franchise or multi-brand store needs consistent bleed, safe-zone and font rules across every product in a category, enforced automatically rather than configured product by product. Cmsmart builds rule templates and an admin approval step layered on top of per-product configuration.
  • 3D/AR preview tied to a product's specs. Business reason: car wraps, packaging mockups and apparel benefit from a 3D or AR preview that reads the same production specs as the print file, so what the buyer sees matches what prints. Cmsmart builds this as a custom front-end layer that consumes the product's existing configuration.
  • Custom pricing rules beyond the price matrix. Business reason: rush fees tied to current press-queue load, or cost-plus pricing synced from ERP cost data, go beyond quantity-break pricing. Cmsmart builds these as a pricing-engine extension that still respects each product's scoped Printing Options.

Delivery follows the same path for all of these: discovery → solution design → sprints → QA → launch → support, the same model behind our ecommerce project case studies. If your catalog needs more than per-product configuration out of the box, see the product designer customization service for the full scope of what we build.

Plan my per-product designer rollout

Why work with Cmsmart on your product designer rollout?

Cmsmart has configured product-specific designers for store owners since 2012 as a Netbase JSC division, with real client reviews describing exactly this per-product fit — not a generic, one-canvas plugin.

Cmsmart has been building web-to-print and ecommerce customization as a Netbase JSC division since 2012, with 6,300+ client projects and 1,800+ live stores running today, rated 4.2 on Trustpilot (404 reviews). Product designer rollouts are one part of the wider web-to-print storefronts Cmsmart builds for print shops and POD brands.

Store owners who run multi-product catalogs on Cmsmart Product Designer describe exactly this per-product fit:

"The designer works exceptionally well across all devices and allows us to create the exact customisations required to perfectly fit our products and our business model." — Web Developer, Trustpilot review, Sept 2026

"We sell a wide variety of products from mugs, custom tees, name badges, canvas print and more. NBDesigner has lots of variable options, including colour and image swatches and pricing tables and much much more." — Ray Barlow, Trustpilot review

WooCommerce is also the platform most of this catalog work happens on: it powers 47.6% of e-commerce websites tracked by W3Techs as of October 2026, which is why Cmsmart builds directly on top of it rather than a separate storefront.

Frequently asked questions

Do I have to configure every product individually?

Yes, the designer, production specs and price matrix are set per product (or per category for Printing Options), but cloning an already-configured product as your starting point is much faster than building each one from scratch.

Can two products share the same Printing Options set?

Yes. A Printing Options set can be applied to several specific products, or switched to apply by Category instead, from the same Apply-for setting in the option editor.

What happens if I don't set a bleed area or print resolution for a product?

The product falls back to the designer's default production settings, which may not match that product's actual print process — the shared-canvas mismatch described above.

Can Cmsmart connect per-product configuration to our ERP or PIM?

Not out of the box. That's a custom-development integration Cmsmart builds on request so new SKUs arrive in Product manager with the right specs pre-filled.

Does per-product configuration affect the print-ready PDF a buyer's order generates?

Yes — the bleed, DPI and color profile set on the product carry through to the order's print-ready PDF, so the output matches what was configured, not a generic default.