Install and Configure NBDesigner on WooCommerce

Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. This guide shows how to install and configure NBDesigner on WooCommerce, step by step, with screenshots from the live nbdesigner.cmsmart.net demo, currently running the 2.18.0-dev build that follows the 2.17.0 release covered here, so your own wp-admin menu matches exactly.

What does it cost your team when the product designer is never tuned?

In the stores we audit, the same five problems show up whenever setup was skipped or rushed:

• Low-DPI or RGB files that bounce back from the press because Default output resolution was left at a screen-friendly value instead of a print one.
• Missing bleed and safe zone, so the trimmed print cuts into text or artwork the customer approved.
• Staff re-exporting artwork order by order because Output › Auto export design to PDF was never turned on.
• Quotes that don't match the price matrix a customer actually selected, because Printing Options were copied from a demo instead of configured per product.
• Rejected uploads when a customer's file type isn't in the allowed list, which reads as a broken store rather than a setting.

None of that needs a market statistic to prove — it shows up as a formula your own team already lives with: reprint minutes per order × orders per week × your staff's hourly cost. Multiply those three numbers with your own figures and you'll see why a careful setup pass pays for itself in the first week.

What does a well-tuned design-to-print workflow look like?

That gap between "installed" and "actually running itself" is almost always a settings gap, not a feature gap — which is why this guide walks the settings in the order that matters. If you'd rather have this configured for you, talk to an ecommerce expert about your setup.

How does Cmsmart Product Designer turn a plugin into that workflow?

• Storefront entry point — the product-page button and the "Upload a full design / Design here online" chooser buyers see first.
• Design canvas — the Modern editor layout, measurement units and default DPI set in General settings.
• Upload rules — allowed/disallowed file types, size limits and minimum DPI for customer-supplied artwork.
• Output engine — watermarking, bleed display, CMYK/ICC export and automatic print-ready PDF rendering.
• Pricing engine — Printing Options: the price-matrix rules attached to each product or category.
• Per-product production specs — bleed, resolution and color profile set on the individual product, which can override the store-wide default.

WooCommerce itself is a safe platform to build this on: it now runs 7.9% of all websites and 47.6% of e-commerce sites W3Techs tracks (W3Techs, 2026), so a correctly configured product designer plugin sits on infrastructure your developers and future hires will already know. If you'd rather hand the whole install and preset configuration to a specialist, see our store and print-shop preset installation service.

What's the business value of doing this correctly the first time?

Investing the time is easier to justify against where the category is heading: the global custom printing market was valued at USD 38.1 billion in 2024 and is projected to reach USD 68.5 billion by 2030, a 10.3% CAGR (Grand View Research, 2024), and 36% of consumers already treat personalized products as the default, with 48% willing to wait longer to get them (Kornit Digital, 2025). A store that can't turn that demand into clean print files loses the advantage personalization was supposed to create.

How do you install and configure NBDesigner on WooCommerce?

1. Confirm prerequisites. WooCommerce must be active and up to date; PHP 8.0+ with the Imagick extension is required for JPG/CMYK export, which Settings > Output will flag if it's missing.
2. Install and activate the plugin. Upload the Cmsmart Product Designer (NBDesigner) package under Plugins, then activate it; the Plugins row shows the active version and a direct link to Settings.
3. Activate your license. Open Cmsmart > License and enter the key from your Cmsmart account; the plugin caches that status locally, so re-sync after any upgrade, renewal or domain change instead of assuming it updated on its own.
4. Set General settings. Choose the Modern editor layout, your default output DPI (300 for print, not the 150 screen default), measurement units and preview sizes.
5. Configure Upload design settings. Set allowed and disallowed file types, minimum/maximum file size and a minimum DPI for customer-supplied artwork, so bad uploads are rejected before checkout, not after.
6. Configure Output settings. Turn on watermarking for proofs, set the bleed line position, confirm CMYK/ICC export, and turn on automatic export so a print-ready PDF renders as soon as an order reaches your chosen status.
7. Build your Printing Options price matrix. Create or edit the option sets (size, material, sides, quantity breaks) and apply them to the right products or categories so every quote on the storefront is accurate.
8. Enable the Online Designer per product. In Product manager, turn the designer on for each SKU you want customers to customize; this is also where you see how many of your products already have it enabled.
9. Set each product's production specs. Bleed, print resolution and color profile can be set per product, overriding the store default for anything that prints on different stock.
10. Turn on Cmsmart Cloud AI tools if you want them. Preflight quality checks, background removal and upscaling are optional add-ons configured under Cmsmart Cloud > AI Tools, billed from a token wallet separate from your license tier.
11. Place one full test order. Design a product end to end, check out, then confirm the order's print-ready PDF in Cmsmart > Orders matches your bleed, DPI and color settings before you launch to customers.

For a deeper look at the pricing step, see our guide on configuring print pricing options on NBDesigner, and for the very first install pass, our plugin installation walkthrough.

Where do store owners go beyond the plugin with custom development?

• ERP/MIS and print-shop management sync. The Printing Options price matrix and order data cover WooCommerce itself; syncing orders to an external ERP or MIS system is custom integration work Cmsmart builds for your stack.
• Non-standard pricing logic. If your pricing depends on rules the Printing Options editor can't express — tiered contracts, customer-group pricing, dynamic material costs — Cmsmart builds a custom pricing engine on top of the plugin's data model.
• Migration from Fancy Product Designer or a different platform. Moving existing products, templates and order history into NBDesigner without losing print specs is a project Cmsmart has repeated across many stores.
• Real-time 3D or vehicle-wrap visualizers. The core designer already offers a basic per-product 3D preview toggle on desktop, but it isn't shown on mobile and it isn't a real-time, rotate-and-zoom configurator. A live 3D wrap visualizer or a mobile 3D preview is custom development built alongside the plugin.
• A DTF gang-sheet builder or other niche production tool. Specialized layout tools for a specific production process aren't in the core plugin; Cmsmart builds them as custom add-ons when a print shop's workflow needs one.

The delivery path is the same for all of these: discovery, solution design, build sprints, QA against your real catalog, launch, then ongoing support — see how that runs on our ecommerce project delivery page.

Get a custom setup & configuration quote

Why work with Cmsmart instead of going it alone?

Cmsmart has run more than 6,300+ client projects and delivered 4,600+ of them across 80+ countries, supporting 1,800+ live stores, with a 4.2-star rating from 404 Trustpilot reviews. One buyer summed up the setup experience directly: "The plugin used is really top, time saving and complete features. Ultra easy installation and configuration. And even when I needed specific development in relation to my theme, [the] customer service was very competent and fast." — Adrien Darmon, Trustpilot. See more on our client platform page or explore the Cmsmart Product Designer (NBDesigner) plugin page and the web-to-print solutions hub for related setups.

Frequently asked questions

How long does it take to install and configure NBDesigner?

Installing and activating the plugin takes minutes. A confident first pass through General, Upload design, Output and Printing Options usually takes two to three hours; add more time per product if each one needs its own production specs.

Can Cmsmart configure the plugin for us instead of our team doing it?

Yes. Our team can handle the install, licensing, settings and per-product configuration as a setup project, or just review a configuration you've already started, using the quote request above with your product list.

What DPI and color profile should we use for print-ready files?

300 DPI and a CMYK color profile with an ICC profile are the standard for most offset and digital print production, set in Output settings and confirmed per product in Production specs. 150 DPI or an RGB profile is fine for on-screen previews only, never for the file that goes to press.

Can NBDesigner connect to our ERP or MIS system?

Not out of the box — the plugin manages orders, designs and pricing inside WooCommerce. Syncing that data to an external ERP or MIS is custom integration work Cmsmart builds for stores that need it; see the custom development section above.

How do we safely deactivate or uninstall the plugin if we change our minds?

Go to Plugins, click Deactivate on Cmsmart/NBDesigner, then Delete once you've confirmed you no longer need it. Deactivating alone keeps your settings and product configuration in place in case you reactivate later; only use Delete once you're sure, since it removes the plugin's own settings.