See also: Cmsmart pricing and Cmsmart products.
← How to import the HRM module into Vtiger CRM? · How to install T-shirt website with online design package which included database? →
More in Ecommerce platforms
Cmsmart Ecommerce provides custom ecommerce and WooCommerce development services for web-to-print, product personalization, plugin support and API integration.
Cmsmart Product Designer Plugin Engineer
Builds and supports the Cmsmart Product Designer (NBDesigner) for WooCommerce.
Meet the team →
Top
Cmsmart Product Designer (NBDesigner) lets WooCommerce stores turn a standard product into one buyers can design online, by adding production specs, an online designer toggle, and a price matrix on the product page. Staff set each product up once in wp-admin, then every order arrives as a print-ready file instead of a manual quote.
In short
Cmsmart Product Designer lets you set up products for online design directly inside WooCommerce: production specs, a price matrix and an online canvas attached to the product page, so a buyer can personalize an item and your team receives a print-ready file instead of a design request to quote by hand.
Why Does Setting Up Products for Online Design Cost You So Much Staff Time?
Cmsmart configures price, print specs and the online designer once per product, so a shop that used to rebuild a quote in a spreadsheet for every custom order instead lets WooCommerce handle pricing automatically and routes every order straight to a print-ready file.
Most online print shops and personalization brands still run the quoting side of the business by hand, even after they already have a designer tool on the product page. The signs show up the same way everywhere:
None of this needs more staff to fix. It needs the pricing and print rules to live on the product itself, not in someone's inbox. If your team spends even ten minutes turning a custom request into a quote and you get twenty of those a week, that is over three hours of staff time every week spent before a single order is placed — time a correctly configured product and price matrix gives back immediately.
What Would a Self-Service Design Catalog Look Like for Your Store?
Cmsmart turns each product page into a self-service design counter: the buyer picks a template or starts from a blank canvas, watches the price update live as they choose options, and checks out, while your team opens a morning queue of print-ready files instead of a pile of quote requests.
Example scenario. A stationery shop lists twenty invitation and card designs, each with its own paper stock, quantity breaks and turnaround time. A buyer opens a product at night, picks a ready-made template, swaps in their own names and date, watches the price change as they add a finish option, and checks out. Nobody on the shop's team touches the order until the next morning, when it shows up in Orders with its design, its price-matrix line items and a print-ready PDF already attached.
Demand for this kind of personalization keeps growing: the U.S. personalized-gifts market alone is on track to grow by $3.85 billion between 2022 and 2027, an 8.65% CAGR (Technavio, 2023). Shops that can light up a new design-enabled product in minutes capture more of that growth than shops still quoting by email.
How Does Cmsmart Turn a WooCommerce Product Into a Design-Ready Product?
Cmsmart adds three layers to a normal WooCommerce product: production specs for the print file, an online designer canvas the buyer uses, and a price matrix that reacts to the options they pick — configured once in wp-admin and reused for every order that product receives.
More than 4 million stores now run on WooCommerce, and roughly 31% of the top one million ecommerce sites use it as their platform (WooCommerce), so a product-setup workflow that saves ten minutes per product scales across a market that size. Manager Products is where that setup starts: one screen listing every design-enabled product, how many templates each one carries, and its base price and status.
Opening a product from that list takes you to its Designer config, where Production specs — material, bleed area, print resolution and color profile — sit next to the normal WooCommerce product fields WooCommerce documents for name, price and category. A single checkbox, Enable the Online Designer for this product, plus a 1-sided or 2-sided preset, turns the canvas on.
Cmsmart insight: check Production specs every time you duplicate a product to create a new one. Cloning carries the bleed, DPI and color-profile values along with it, and the most common reprint cause we see in setup reviews isn't a bad design — it's a spec that was right on the original product and wrong on the copy.
Once a product can be designed online, Printing Options is where you attach its price matrix: quantity-break pricing, the fields the buyer sees on the product page, and the print-ready file's output settings all come from the same option set. Cmsmart's cloud renderer then produces a print-ready PDF that matches the order — including a custom width and height the buyer chose, not just the product template's default size, a fix that shipped in 2.17 so Process and Create PDF never disagree on the file a merchant downloads.
What Business Value Does This Product Catalog Deliver?
Cmsmart's product setup turns pricing and print rules into a one-time configuration, so the business value shows up as fewer manual quotes, fewer reprints from spec mistakes, and new product lines that go live in minutes instead of a developer ticket.
Rough-cut ROI worksheet. Minutes you currently spend turning a custom request into a quote, multiplied by custom requests per month, multiplied by your team's loaded hourly rate, gives you the monthly cost of the status quo. Compare that to the one-time setup time per product — production specs, price matrix, template — to see how many months it takes a single product to pay for its own setup.
How Do You Set Up Products for Online Design in WooCommerce?
Setting up a product takes four screens in Cmsmart: Manager Products, the product's Designer config, Printing Options and a quick check on the storefront — usually 15 to 30 minutes the first time and faster once you copy an existing option set.
The screenshots in this guide are from a live NBDesigner 2.17 install. Work through the fields in this order and the online designer, the price and the print-ready PDF stay in sync.
Cmsmart insight: the Priority field on each printing option set decides which one wins when a product could otherwise match more than one — set it deliberately instead of leaving every option set at the same priority, or the wrong price matrix can apply after you add a new, more specific option set.
What this looks like once it is configured:
Going Further: What Can Cmsmart Build on Top of Your Product Catalog?
Once the catalog is set up, Cmsmart builds the parts that go beyond a single product's price matrix: bulk catalog imports, custom pricing engines, ERP-linked B2B catalogs and production rules a standard option set was never designed for — all delivered as custom development, not a plugin toggle.
Projects like these follow the same delivery path regardless of size: a discovery call, a written solution design, build sprints with milestones you can see in your own client dashboard, QA, launch and support after go-live. See how we run ecommerce projects end to end, or start with our web-to-print solutions overview.
Plan My Product Catalog BuildWhy Work With Cmsmart to Set This Up?
Cmsmart has configured web-to-print product catalogs since 2012 as part of Netbase JSC, with 6,300+ client projects and 1,800+ live stores running today — the same team that builds your product setup also builds whatever custom development comes after it.
Cmsmart, a division of Netbase JSC, has been building WooCommerce and web-to-print software since 2012, with 6,300+ client projects across 80+ countries. The Cmsmart Product Designer holds a 4.2 rating from 404 reviews on Trustpilot.
"The product designer is exactly what we needed. Lots of features and very well designed. The pricing is great. The support was great," wrote Franklin (US), a verified Trustpilot reviewer, about the same plugin this guide configures.
Related reading: how to design a product with Cmsmart Product Designer covers the buyer-side design flow in more depth, and setting upload rules for customer files is the next screen worth configuring once your price matrix is live.
Talk to the Product Designer TeamFrequently Asked Questions About Setting Up Products for Online Design
Do I need coding skills to configure a design-enabled product?
No. Manager Products, a product's Designer config and Printing Options are all wp-admin screens: production specs, the designer toggle and the price matrix are form fields, not code. Custom pricing logic or catalog imports beyond that are the kind of work Cmsmart builds as a project.
Can one price matrix cover several products?
Yes. Apply the same Printing Options set to a whole category instead of a single product, and use the priority field when more than one option set could otherwise match the same item.
What happens if I change the bleed or DPI after orders start coming in?
Existing print-ready files don't regenerate on their own. Use Regenerate print-ready PDF on an order that needs the new spec, since the updated Production specs apply to new designs going forward rather than rewriting files already on file.
Can customers still upload their own finished file instead of using the online designer?
Yes — the design chooser on the product page offers "Upload a full design" alongside "Design here online," and both routes end in the same print-ready file on the order.
How long does a custom catalog build — bulk import, a pricing engine, ERP sync — usually take?
It depends on scope: a scoping call turns into a written proposal with milestones before any work starts. Treat the setup time in this guide for a single product as the manual baseline Cmsmart's custom development work is built to replace at scale.
What does the Manager Products screen show about a store's design-enabled products?
Manager Products lists every design-enabled product in one screen, showing how many templates each one carries along with its category, base price and status. It is the starting screen for reviewing which products already have the online designer turned on before opening an individual product's Designer config.
Why should production specs be checked after duplicating a product?
Cloning a product carries its bleed, DPI and color-profile values along with it, so the copy can quietly end up with the wrong Production specs for its own print job. Checking Production specs on the new product every time you duplicate one helps avoid the most common reprint cause seen in setup reviews.
Does the print-ready PDF match a buyer's custom size choice?
Yes. Cmsmart's cloud renderer produces a print-ready PDF that matches the order, including a custom width and height the buyer chose on the product page rather than defaulting to the product template's standard size. This keeps Process and Create PDF in agreement on the file a merchant downloads for production.
Further reading