Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Based on live buyer and admin flows captured on the Cmsmart demo store (nbdesigner.cmsmart.net) and the 2.17.0 changelog.
In short
Outcome: run invitations, business cards, apparel, stickers and more from one WooCommerce catalog instead of buying and learning a different design plugin for every product line.
How it works: Cmsmart Product Designer turns on per product in Product Manager, and every product you enable shares one online designer, one price-matrix engine and one order queue.
What it takes: WooCommerce, the Cmsmart Product Designer plugin, and a short setup pass per product (production specs, print options, templates); new product types your store needs beyond the standard catalog are a Cmsmart custom build.
A print shop selling invitations today that wants to add business cards, mugs or apparel next quarter usually has to evaluate, buy and learn a second design plugin for each new category. Cmsmart Product Designer (NBDesigner), a multi-product online designer plugin for WooCommerce, instead runs every customizable product line through one catalog, one online designer and one order queue, so growing your range adds products, not tools.
Demand for that kind of expansion is real: the global print-on-demand and custom-product market was valued at USD 10.8 billion in 2025, Grand View Research, driven mostly by stores adding personalized categories to an existing range rather than launching single-product shops.
What does running a different customizer for every product line actually cost you?
Cmsmart replaces a stack of single-purpose customizer plugins with one product designer every product line shares, so your team stops rebuilding checkouts, templates and print pipelines each time it adds a category.
Most stores selling more than one customizable product didn't plan it that way: a sticker plugin first, then a separate app for apparel, then a one-off integration for signage. None of this is one line item, but it adds up in places owners feel weekly:
Two or three admin logins to check a single day's orders, because each tool keeps its own order list.
A price matrix rebuilt from scratch every time a new product type needs quantity breaks or add-ons.
Inconsistent print files — one tool exports a print-ready PDF with bleed and CMYK, another hands production a flattened preview to redo by hand.
Staff retraining every time a new hire has to learn a second or third editor to process an order correctly.
A buyer experience that changes per category — a fast way to lose a repeat customer who can't find the same button they used last month.
If your team spends even 30 minutes a day reconciling orders or files between two tools, that is roughly 125 hours a year spent on plumbing instead of production (30 min × ~250 working days) — multiply by staff hourly cost to see what one shared catalog is worth.
What does it look like when every product line runs through one catalog?
With Cmsmart, a buyer who personalizes an invitation, a mug and a T-shirt in the same cart sees the same "Start design" button, the same online designer and the same checkout every time — and your production team sees all three orders land in the same queue.
Example scenario: a stationery-and-gifts store that already sells invitations and business cards decides to add stickers and personalized mugs for the holiday season. Instead of a second vendor contract and a new editor to learn, the owner enables the new products in the same Product Manager and points them at the same price-matrix rules. Buyers get one consistent "design it yourself" experience across the catalog; the production lead opens one Orders screen each morning and sees every job sorted by status, not by which plugin took the order.
The same "Start and upload design" entry point appears on every product the catalog has enabled.
That consistency is a plugin boundary, not a theme choice: once a product has the Online Designer turned on in Product Manager, it inherits the same editor, templates and checkout handling as every other enabled product. See our walkthrough of the Cmsmart WooCommerce product customizer for a single product line if that is closer to your starting point — this page is about running many lines at once.
How does Cmsmart's solution — a multi-product online designer plugin for WooCommerce — cover every product type?
Cmsmart Product Designer separates "what a product looks like" from "how design and pricing work," so invitations, apparel and signage share one design engine, print pipeline and order system while each keeps its own template and price.
Four building blocks make this possible, and today's demo catalog shows all four at once:
Product Manager (catalog layer). Every product that should carry the online designer is switched on here — the demo store has 34 designer-enabled products across stationery, apparel, marketing materials and print-option items, 29 of them with ready-made templates.
Online Designer (shared design engine). One canvas editor — text, cliparts, photos, layers, templates — is reused by every enabled product; per-product settings live in that product's own Designer config, not in separate software.
Printing Options (shared pricing engine). Price-matrix rules and quantity breaks are built once per option set, then applied to as many products as need them, instead of being re-typed per category.
Orders, Files and print-ready output (shared production pipeline). Every order lands in the same Orders queue, with the same Files index, print-ready PDF status and Customer Design approval box.
Every product line that shares the online designer, price matrix and order queue, listed in one place.
Cmsmart insight: the mistake we see most often is treating every new product category as a new integration project. In practice, adding a line to an existing Cmsmart catalog is a product-configuration task — production specs, print options, a starter template — not new software to connect. Save the integration effort for what genuinely needs custom work: ERP sync, ordering rules unique to your trade, or a product type the standard editor was never built for.
What is not built into the standard catalog is anything store-specific: a bespoke configurator for an industry Cmsmart has not templated, a sync to your ERP or MIS, or a pricing rule that depends on data outside WooCommerce. Those are custom development, covered below, not a gap in the plugin. WooCommerce is a deliberate foundation here, not an afterthought: it is the largest ecommerce platform by store count, with 33.4% global market share and 4.53 million active stores as of August 2025, StoreLeads.
Video: the modern WooCommerce product customization and web-to-print UI shared across product types (Cmsmart on YouTube).
Running several customizer tools vs. one Cmsmart catalog
Task
Separate tool per product line
One Cmsmart catalog
Adding a new product type
Evaluate, buy and learn a new plugin or app
Enable the product in Product Manager and configure it
Pricing and quantity breaks
Rebuilt per tool, per product
One price-matrix rule set, reused across products
Where orders show up
Split across each tool's order list
One Orders queue and Files index
Print-ready output
Varies by tool
Shared print-ready PDF pipeline with approval lock
Buyer experience
Changes by category
Same "start design" flow on every enabled product
What is the business value of consolidating onto one product designer?
A shared Cmsmart catalog turns catalog expansion into a configuration task instead of a procurement project, which shows up in staff time, reprint rates and how fast a new product line starts taking orders.
Benefit
How it shows up in your business
KPI to track
Faster catalog expansion
A new product type goes live as a Product Manager configuration task, not a new vendor contract
Days from "decide to add a product" to "live for sale"
Less admin overhead
One Orders screen, one Files index and one approval box across every product line
Staff hours per week spent reconciling orders across tools
Fewer print mistakes
Every product's print file comes from the same print-ready pipeline instead of a different export per tool
Reprint rate per 100 orders
Consistent buyer experience
The same design flow and checkout across categories supports repeat purchases
Repeat-customer rate across product categories
Rough ROI worksheet: take the number of product lines on separate tools (N), the hours per week your team spends reconciling orders or files between them (H), and your blended staff hourly cost (C). N × H × C × 52 estimates what fragmentation costs you a year in staff time alone, before reprints or lost repeat sales. If that number is significant, our product designer customization service is the starting point for consolidating onto one catalog.
How do you set up one product to run on the Cmsmart catalog?
Setting up a product on Cmsmart Product Designer means turning on the designer, telling it how to print, and attaching a price rule and a starting template — the same checklist whether it is your first product or your twentieth.
These steps assume the plugin is installed and licensed; they are what changes each time you add a product to an existing catalog:
Open Cmsmart → Products (Product Manager) and either edit an existing product or add a new one.
Under Online Designer, tick Enable the Online Designer for this product and choose a 1-sided or 2-sided canvas preset.
Open Designer config and set the Production specs: material, bleed area, print resolution (DPI) and color profile (RGB for preview, CMYK for print).
Set a realistic Production time in business days so order statuses line up with your actual shop.
Go to Cmsmart → Printing Options and either reuse an existing price-matrix option set or create a new one, then apply it to the product.
From Manager → Templates, assign at least one starter template so buyers do not face a blank canvas.
Open the product on the storefront and run the buyer flow: choose Start and upload design, add a line of text, and confirm it saves as Your artwork next to Add to cart.
Add the item to cart and continue to checkout to confirm the design and any print-option pricing carry through (you can stop before payment).
Back in wp-admin → Cmsmart → Orders, confirm the test order's item shows its design, then open Create PDF to generate the print-ready file.
Check the Customer Design box on the WooCommerce order screen for approve/decline controls, including on stores using WooCommerce's High-Performance Order Storage (HPOS), where 2.17.0 fixed this box not loading.
Production specs for one product (Sticker): bleed, DPI and color profile, feeding the shared print-ready pipeline.Each price-matrix rule set applies to more than one product, so a new line reuses pricing logic instead of rebuilding it.
The same editor runs on business cards, stickers, apparel and every other enabled product.Once Process runs, the saved design shows as "Your artwork" and carries through to cart and checkout.A second product line, business cards, with its own custom-dimension print options but the same designer and checkout.
On the production side, every order from every product line shares one view:
One Orders queue carrying every product type, sorted by production status, not by which tool took the order.
Two 2.17.0 fixes matter once several product lines share that queue. Print-ready PDF that matches the order: automatic print renders now read the same page geometry — including a buyer's custom width and height — as the manual Create PDF button, so a custom-size card or sticker no longer risks a mismatched file. The approved-artwork lock: once approved, a design can't be saved over from any entry point, so it can't change after production has queued the print-ready file.
How far can you take this with custom development?
Cmsmart builds the product types, pricing logic and integrations the standard catalog does not cover as custom development on top of the same plugin, so your catalog is not limited to what ships by default.
Most stores eventually want something the shared catalog does not do out of the box. Cmsmart builds these as custom development on the same plugin:
Bespoke product types with Product Builder. Product Builder ships in the plugin, so you can model configurable products beyond a flat canvas yourself with component, text and image fields set up through Printing Options; for unusual products, Cmsmart builds the specific component set and bespoke flow as custom development.
Batch production tooling. For high volumes of small items — gang-sheet style batching across many designs — Cmsmart builds the layout tooling your press needs; see our case study on batch design with a gang-sheet builder.
ERP/MIS and ordering integrations. Pushing catalog, pricing or order status data to a print-shop MIS or internal ordering system is scoped against your systems.
Custom pricing rules. Pricing logic outside the standard price matrix — tiered B2B accounts, per-customer contracts, dynamic material costs — becomes a custom pricing engine extension.
B2B approval and PO workflows. Multi-step internal approval before production, beyond the built-in Customer Design approve/decline box, is a workflow Cmsmart builds around your sign-off process.
Delivery follows one path: discovery, solution design, build sprints, QA and launch — the model behind our ecommerce project delivery work.
Cmsmart has built and supported WooCommerce product-design catalogs since 2012 as a Netbase JSC division, with a Trustpilot rating of 4.2 from 404 reviews and thousands of delivered store projects behind the plugin this page describes.
How many product types can one Cmsmart Product Designer catalog run?
There is no plugin-side limit; the demo catalog used in this guide runs 34 designer-enabled products across stationery, apparel, marketing materials and print-option items from one install.
Do I need a separate plugin for apparel, stationery and signage?
No. Any WooCommerce product gets the same online designer, price-matrix engine and order queue once enabled in Product Manager with its production specs and print options set.
Can Cmsmart build a product type the standard catalog doesn't cover?
Yes, as custom development: Cmsmart designs and builds bespoke product configurations, using the plugin's Product Builder or a fully custom flow, for product types not in the standard templates.
How long does it take to add a new product line to an existing catalog?
Enabling an existing product type with its own templates and print options is typically a same-day task; a genuinely new, custom product type is scoped individually.
Does the print-ready PDF always match what the customer approved?
Since 2.17.0, the automatic print render and the manual Create PDF button read the same page geometry, including a buyer's custom size, and an approved design is locked against further edits — so the PDF matches the approved artwork.
Can this connect to our ERP or print-shop MIS?
Not out of the box. Syncing catalog, pricing or order status with an ERP or MIS is custom integration work Cmsmart scopes against your specific systems.
Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Covers the storefront design flow, the order-side approval and print-ready PDF steps, and the Printing Options and Output settings a stationery or invitation shop configures once.
In short
A WooCommerce stationery shop can sell personalized invitations, save-the-dates and greeting cards with an online design tool, a one-click approval step, and a print-ready PDF that matches what the customer actually ordered.
Buyers choose a template or upload their own, add and curve their own text and artwork, then the design rides through the cart to checkout as "Your artwork"; your team approves it on the order screen before Cmsmart Cloud renders the print file.
It takes a product configured for online design, a Printing Options set for your paper sizes, Upload and Output settings for your file types and DPI, and someone on staff to approve designs before Create PDF — no custom code required to start.
Cmsmart's wedding invitation design software lets a WooCommerce stationery shop sell personalized save-the-dates and invitation suites online, with every order moving through an approval step before it reaches the press — so customers see exactly what they ordered, and you stop reprinting jobs because of an email that got missed.
Printing a wedding invitation used to mean emailing a PDF proof back and forth, hoping nobody misses a wrong date or a misspelled name before the job goes to press. Couples now expect to design, preview and pay for custom stationery the same evening they get engaged — on a phone, at 11pm, without calling a salesperson. This guide walks through the business case for running that experience on Cmsmart, from the buyer's first click to the file your press actually prints.
What Does Manual Invitation Proofing Really Cost Your Print Shop?
Cmsmart replaces email-based proofing with an online design tool and an in-order approval step, so a stationery shop stops losing hours to back-and-forth attachments and catches a wrong date or name before it is printed, not after.
Most stationery and invitation shops still run proofs the same way they did a decade ago, and it shows up as real, recurring cost:
Proof-by-email loops. A PDF goes out, the couple replies with three changes, a new PDF goes out — each round trip is a day, sometimes more, before a quiet order.
Typos that survive to press. A wrong wedding date or a misspelled name buried in a long email thread is the single most expensive mistake in the invitation business: full reprint, rushed shipping, an upset customer.
Abandoned carts on mobile. A couple browsing invitations on a phone at night won't call your studio; if they can't preview and approve a design themselves, they move to a competitor's site that lets them.
Staff time on file wrangling. Someone still has to open every attachment, check it against the order, and re-export it in the right format for the press.
As a rough formula: hours spent chasing proofs by email each week × your hourly staff rate is the hidden labor cost of the status quo; add your reprint rate × the cost of a reprint (paper, press time, rush shipping) for jobs where a mistake slipped through. Neither number needs to be large before an online approval step pays for itself.
What Would It Look Like If Couples Could Design and Approve Invitations Tonight?
With Cmsmart, a couple opens your Invitation product, picks a template or starts from scratch, adds their names and date with the built-in text tools, and sees the finished artwork before they pay — no email, no waiting for a reply from your studio.
A stationery product set up for online design: price, description and a clear way to start.
Example scenario: a couple sits down after dinner to pick their save-the-date. They open your Invitation product, choose "Design here online," pick a floral template from the gallery, swap in their own names and date, curve the headline text around the border the way they pictured it, and add it to cart. By the time they go to bed, the order is sitting in your queue with the exact artwork they approved — not a rough sketch you have to interpret.
That kind of on-demand customization is exactly where the category is heading: the wedding stationery services market is on track to roughly double, from about $0.97 billion toward $1.99 billion by 2035, an 8.5% compound annual growth rate, as more of that spending moves to shops that let couples design online instead of mailing in a form (Business Research Insights, 2025).
How Does Cmsmart's Wedding Invitation Design Software Work?
Cmsmart's wedding invitation design software connects a WooCommerce product to an online editor, an order-side approval box, and a print-ready PDF pipeline, so a template a couple customizes online becomes the exact file your press runs, with Cmsmart Cloud handling the render.
Six building blocks carry a stationery order from browse to press, and every one of them already exists in the plugin today:
Storefront and templates. The product page offers "Upload a full design" or "Design here online," opening a template gallery built for occasions like save-the-dates and bridal showers.
Text and artwork tools. Inside the editor, a couple can add headings, body copy and curved text, pick fonts, and work with cliparts, photos and layers — the same toolset shown in the panel below.
Cart and checkout. The finished design attaches to the line item as "Custom design," with Edit design and Upload design actions that follow the item into checkout.
Approval and the artwork lock. On the order screen, your team accepts or declines the submitted design before it goes further; once artwork is approved, Cmsmart's approved-artwork lock refuses further edits to that saved design unless you explicitly allow it, so what was approved is what gets printed.
Print-ready PDF via Cmsmart Cloud. Create PDF (or Regenerate print-ready PDF) renders the file through Cmsmart Cloud with the order's real paper size, margins and bleed, so the print-ready PDF that matches the order is the same file your press receives, not a mockup.
Quality and output settings. Printing Options define the sizes and price rules per product, Output controls watermarking and PDF/ICC behaviour, and Cmsmart Cloud's AI preflight checks resolution, color mode, bleed and fonts before a job ships.
The text panel's "Add curved text" option, used here on a save-the-date template.
Cmsmart insight: most of the reprint risk in invitation orders sits in the gap between a customer saying a design looks fine and someone in production actually checking the date, the spelling and the bleed. Routing every design through one approval screen before Create PDF closes that gap without adding a second round of emails.
Print-ready status on the order screen: rendered by Cmsmart Cloud, ready to download.
Step
Manual email proofing
Cmsmart online workflow
Design
Customer emails a brief or a rough mockup
Customer designs and previews the real artwork online
Proofing
PDF attachments, multiple email rounds
One approval screen on the order, in wp-admin
Lock-in
Nothing stops a late "one more change"
Approved-artwork lock protects the signed-off design
Print file
Staff re-exports a file by hand
Create PDF / Cmsmart Cloud renders the print-ready PDF
The broader move to online design and ordering isn't unique to weddings: the web-to-print market is projected to grow from $36.13 billion in 2025 to $60.56 billion by 2035, a 5.3% compound annual rate, as more print shops put design, proofing and ordering online instead of behind a phone call (Expert Market Research, 2025). If you sell personalized products beyond stationery, the same online-design approach is covered from a broader angle in our guide to the WooCommerce product customizer.
Video: a modern online designer demo for photo-based stationery products (Cmsmart on YouTube).
What's the ROI of Selling Personalized Invitations Online?
Selling invitations through Cmsmart turns fewer proofing emails, fewer reprints and a mobile-friendly checkout into measurable KPIs — approval time, reprint rate and cart completion — that a stationery shop can track month over month.
ROI worksheet (use your own numbers): orders per month × minutes saved per order on proofing and file handling × your hourly staff rate = labor hours recovered. Separately, reprint rate × cost per reprint (paper, press time, rush shipping) is what an approval step and an artwork lock are protecting against. For scale: a typical wedding today has about 120 guests (median across more than 1,000 real 2025 weddings) (Carats & Cake, 2025), so a single invitation order can mean well over a hundred individually printed, personalized pieces riding on one approved design.
How Do You Set Up Cmsmart for an Invitation or Stationery Product?
Setting up Cmsmart for stationery means configuring one product for online design, a Printing Options set for your paper sizes, Upload and Output settings for your file types, and an approval habit on the order screen — all inside wp-admin, no developer required.
In Cmsmart's Product manager, enable online design for your invitation, save-the-date or card product and assign it a Printing Options set (sizes, orientation, bleed, quantity breaks).
Under Settings → Upload design, set the allowed file types and the maximum upload size for customers who want to upload a finished design instead of building one online.
Under Settings → Output, set your watermark and PDF behaviour, and decide whether print-ready PDFs should also export automatically on a chosen order status.
In Cmsmart Cloud → AI Tools, confirm the Preflight Quality Checker is enabled and set your Required DPI (300 is the default print target).
Publish the product; a buyer can now choose "Upload a full design" or "Design here online" from the product page.
When an order comes in, open it and use the Customer Design box to review the submitted artwork.
Accept the design to approve it — Cmsmart's approved-artwork lock then protects that saved design from further edits — or decline it with a note and let the customer resubmit.
From the order's design detail screen, run Create PDF (or Regenerate print-ready PDF) to render the print-ready file through Cmsmart Cloud.
Use Download design to pull the format your press needs: SVG, high-resolution PNG, CMYK JPG with an ICC profile, or PDF.
Approving a design on the order screen, before Create PDF runs.Four export formats for one approved design, from the order's design detail screen.
For a closer look at the Output tab specifically — watermarking, PDF passwords, bleed and sync options — see our guide to exporting a design online as a PDF.
Preflight Quality Checker: the Required DPI target your production team checks orders against.The cart keeps the design attached to the line item, with Edit design and Upload design on hand.
What Can Cmsmart Build on Top of Your Invitation Designer?
Beyond the core designer, Cmsmart builds the extensions a growing stationery business actually asks for — RSVP and guest-list tools, bulk personalized mailings, ERP sync and multi-language storefronts — as custom development scoped to your workflow.
RSVP and guest-site links. Couples increasingly pair a printed invitation with a QR code to a wedding website for RSVPs and registries; Cmsmart builds that QR-to-page linkage into your invitation template as custom development.
Bulk, personalized mail merge. For a shop addressing 100+ envelopes per order, Cmsmart builds a guest-list import that mail-merges names and addresses into print-ready files in one batch, instead of one design at a time.
ERP or MIS sync. Shops running a production MIS can have approved orders and their print-ready files pushed automatically into that system as custom development, so nothing is re-keyed by hand.
Multi-language stationery. For shops serving bilingual or international couples, Cmsmart builds localized template sets and storefront copy on top of the existing designer.
Delivery follows the same path for every custom project: discovery, solution design, build sprints, QA, launch and ongoing support — see how that plays out in our ecommerce project case studies. If your stationery line needs any of the above, or something specific to how your shop runs, talk to us about it directly.
For the underlying plugin customization work itself — new tools, new panels, deeper product configuration — see our product designer customization service.
Why Work With Cmsmart on Your Stationery Store?
Cmsmart has built WooCommerce product design and print-shop tooling since 2012, with thousands of live client projects and a published Trustpilot track record, so a stationery shop is choosing a team that has already shipped this kind of workflow many times over.
Cmsmart has been building ecommerce and web-to-print solutions as a Netbase JSC division since 2012, across 6,300+ client projects, with a 4.2 rating from 404 reviews on Trustpilot. One recent review, from a developer who has run the plugin for three years, put it this way:
"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, Trustpilot review, 2026
How long does it take to set up an invitation product in Cmsmart?
A single design-enabled product with a Printing Options set and Upload/Output settings configured is usually an afternoon's work in wp-admin; a full stationery catalogue with multiple sizes and price rules takes longer and is a good candidate for our setup support.
Can a couple design and approve an invitation from their phone?
The product page and the "how would you like to design" chooser are mobile-responsive, so a couple can start and preview a design on a phone; for detailed text and layer work, many still prefer a larger screen, but it isn't required.
What file do we actually get once an order is approved?
Once artwork is approved, Create PDF renders a print-ready PDF through Cmsmart Cloud using the order's real size, margins and bleed; the same design detail screen also offers SVG, high-resolution PNG and CMYK JPG with an ICC profile.
Does the approval step slow down small, simple orders?
No — accepting a design is one click from the Customer Design box on the order screen; it adds a checkpoint, not a queue, and it's the same screen whether the order is one card or a hundred.
Can Cmsmart connect our RSVP page or guest list to the store?
Not in the core plugin today — that kind of RSVP linking or guest-list mail merge is custom development Cmsmart builds on top of the existing designer and order flow for stationery shops that need it.
What happens if a customer needs a reprint after the artwork is approved?
Editing an approved design is blocked by the approved-artwork lock by default; your team can still open the saved design, make the correction and queue a fresh print-ready render, so there's a deliberate step rather than a silent overwrite of what was signed off.
Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Confirms the WordPress, WooCommerce and PHP versions NBDesigner needs today, plus the server settings its upload and print-ready PDF pipeline depend on.
In short
Get the server right once and you stop losing hours to blank product pages, failed logins to the online designer, or print-ready PDFs that time out mid-render.
NBDesigner's in-browser canvas and server-side rendering lean on specific PHP extensions, upload limits, and your WordPress/WooCommerce version — not just "WordPress runs fine."
It takes a five-minute PHP info check, a handful of php.ini values, and — if your host won't change them — Cmsmart can configure or migrate the hosting as part of setup.
NBDesigner system requirements are more specific than a generic WordPress checklist: Cmsmart Product Designer can look perfect in the demo and still show a blank product page, refuse to save a design, or hand you a print file with the wrong colors the moment it lands on a server that misses a few exact settings — and nearly every one of those failures traces back to PHP, WooCommerce, or an upload limit your host configured years ago and never revisited.
What does it cost you when your server misses NBDesigner's requirements?
Cmsmart Product Designer (NBDesigner) runs its own JavaScript canvas plus server-side PDF rendering, so a host that satisfies a generic WordPress checklist can still miss the PHP extensions, upload limits or WooCommerce version NBDesigner needs — blank product pages, stuck logins to the online designer, and failed print-ready exports usually trace back to exactly one of these gaps.
The pattern repeats across support tickets from print shops and POD stores alike:
Blank or partially loaded product page. The designer's modern editor needs enough PHP memory and a current browser-facing build of WordPress/WooCommerce; a tight memory_limit or an ancient PHP build cuts the page off mid-render.
"Can't log in to admin Online Designer" or the selected product shows blank. Classic symptoms of a low PHP configuration limit (execution time, memory) rather than a broken install.
JPG proof downloads fail silently. NBDesigner's own Settings screen flags this directly: JPG design downloads need the PHP Imagick extension enabled, or that one file type never generates.
Uploads get truncated or rejected. NBDesigner's own Upload design settings let you cap file size per product (Cmsmart's demo store sets this to 100 MB) — but if the host's upload_max_filesize is lower than that, the host silently wins and customers see a rejected upload.
Print-ready PDFs stall or render with missing colors. The cloud and server renderers depend on the same PHP extensions (ImageMagick/GD) and a reachable Ghostscript binary; when one is missing, the Overview screen raises a system-health alert instead of a finished PDF.
The cost rarely shows up as a single outage — it shows up as a support ticket cycle: (hours your team or your host spends diagnosing) × (your blended hourly rate) + (orders paused while the designer is down) × (your average order value). On a store doing even a few web-to-print orders a day, that formula adds up fast, and it repeats every time a host-level update quietly changes a PHP setting.
NBDesigner's own settings screen calls out the PHP extension a feature needs — JPG downloads require PHP Imagick.
What does a correctly provisioned product designer look like for your store?
When your server already matches NBDesigner's requirements, Cmsmart Product Designer opens instantly on every device, saves every design on the first try, and hands production a print-ready PDF with no manual troubleshooting — the infrastructure disappears and only the buying and designing experience is left.
Example scenario: a buyer opens your invitation product page on their phone at 10 p.m., taps the design button, builds their layout in the online editor, and adds it to cart without a stalled spinner or an unresponsive page. At checkout, the design preview travels with the line item. The next morning, your team opens the order, clicks Create PDF once, and a print-ready file with the correct bleed and color profile is sitting in the downloads list before the first coffee, instead of stuck in a queue because Ghostscript couldn't be found.
Cmsmart insight: in our setup work, the single most common reason a designer that worked fine in testing breaks in production is a shared-hosting plan that silently reset upload_max_filesize or disabled an image extension during a routine host update. Check the server values again after any hosting-side change, not just at launch.
How does Cmsmart's product designer stack meet NBDesigner system requirements?
Cmsmart Product Designer (NBDesigner) is built on five layers — WordPress/WooCommerce core, the PHP runtime and its extensions, upload handling, the print-ready output pipeline, and the license/update layer — and Cmsmart verifies all five are correctly configured as part of every setup engagement, in the plugin today or built around it as custom development.
Five building blocks, and what each one needs to run well:
WordPress + WooCommerce core — the storefront, cart and checkout NBDesigner's design data attaches to.
PHP runtime and extensions — Imagick or GD for image processing, JSON support, and enough memory/execution time for the modern editor and the server-side renderer.
Upload and storage settings — upload_max_filesize, allow_url_fopen, and fix_pathinfo, which NBDesigner's own system-check guidance calls out directly.
Output pipeline — Ghostscript/ImageMagick (or Cmsmart Cloud's managed rendering) turning a saved design into a print-ready PDF with bleed, embedded fonts and the right color profile.
License, updates and health — the Plugins screen and NBDesigner's Overview screen, which raises a system-health alert the moment ImageMagick, GD, Ghostscript or the uploads directory stop behaving (added in the 2.10.0 changelog), rather than letting a render fail silently.
The Plugins screen confirms the version you're running and lists WooCommerce as NBDesigner's one hard plugin dependency (this capture is from a newer development build; your own Plugins screen will show the 2.17.x release number).What a correctly provisioned storefront looks like: the product page and "Start and upload design" button load without delay.
Planning the upgrade path when your store still runs an older stack across multiple sites
Upload limits
Configurable per product in Settings > Upload design (Cmsmart's demo store caps it at 100 MB)
Negotiating host-level upload_max_filesize/post_max_size increases on locked-down shared hosting
PDF/image extensions
Uses PHP Imagick/GD and Ghostscript when present
Installing or compiling these on a restrictive host, or moving to a VPS that allows them
Health monitoring
Per-site Overview alert when a dependency is missing
A central dashboard across a multi-store or multi-vendor install
What's the business value of getting system requirements right the first time?
Matching your server to NBDesigner's requirements before launch turns Cmsmart Product Designer from a support liability into a reliable sales channel — fewer abandoned designs, fewer reprints from bad color output, and a support team that spends its time on customers instead of PHP configuration.
Benefit
How it shows up in your business
KPI to track
Fewer abandoned designs
The editor loads and saves on the first try instead of timing out mid-session
Design-started vs. design-completed rate
Fewer reprints
Print-ready PDFs carry the correct bleed and color profile instead of a fallback render
Reprint rate / cost per reprint
Less support time
Staff aren't opening host tickets to chase "blank page" or "upload failed" reports
Support hours per order
Faster go-live
Requirements are checked once, during setup, not discovered after launch day
Days from install to first live order
Rough-cut worksheet: (support hours per month spent on designer/PDF issues) × (blended hourly cost) + (reprint rate × cost per reprint × monthly order volume) = your current cost of an unverified server. Run the same numbers after setup to see what a correctly provisioned stack is worth to your store.
A correctly configured install means every one of these orders reaches production with a usable design file — no manual rework.
How do you set up and configure your server for NBDesigner?
Setting up Cmsmart Product Designer (NBDesigner) correctly means checking your PHP, WordPress and WooCommerce versions against the plugin's floor, confirming a short list of php.ini values, and testing one full order before you consider the store launch-ready.
Check your current WordPress, WooCommerce and PHP versions from Tools > Site Health or your host's control panel.
Compare them against NBDesigner's own floor — WordPress 5.6+, WooCommerce 8.0+, PHP 8.0+ (plugin readme) — and note that PHP's currently supported branches start at 8.2, so PHP 8.0 and 8.1 no longer receive security fixes; treat the plugin's floor as a minimum to clear, not a target.
Ask your host (or check phpinfo) to confirm fix_pathinfo = 1, allow_url_fopen = on, and that the server supports JSON — NBDesigner's own system-check notes call these out directly.
Raise upload_max_filesize and post_max_size to at least match what you configure in Settings > Upload design (Cmsmart's demo store uses 100 MB per file).
Confirm PHP Imagick (or GD) is enabled if you want customers to download JPG proofs — NBDesigner's Settings screen flags this requirement next to the option.
Confirm Ghostscript and ImageMagick are reachable on the server, or enable Cmsmart Cloud rendering instead, so print-ready PDF generation doesn't fail at the order stage.
Activate the plugin and check the Plugins screen shows no "Requires: WooCommerce" warning.
Open Settings > Output to set your watermark, bleed and embedded-font preferences before your first real order reaches production.
Run one full test order — design, add to cart, checkout, then Create PDF from the order screen — before you call the store launch-ready.
Settings > Output is where bleed, embedded fonts and AI preflight are configured once your server requirements are confirmed.
Going further: when do you need custom development instead of a settings tweak?
Most system-requirement issues are a configuration fix, but a few need more than a settings screen — Cmsmart builds the hosting, monitoring or integration work around NBDesigner as custom development when a store's infrastructure genuinely can't be reconfigured from wp-admin.
Locked-down shared hosting. When a host won't raise upload_max_filesize or enable Imagick, Cmsmart builds a managed hosting or VPS migration so the designer runs on infrastructure you control.
Multi-store or multi-vendor health monitoring. NBDesigner's Overview alert covers one site; running the designer across several stores calls for a custom dashboard that rolls those health checks up in one place.
Staged PHP upgrades. For stores with heavy customization, Cmsmart builds a staging pipeline so a PHP version bump is tested against your specific design templates and print options before it reaches production.
ERP/MIS or print-API connections. Server-to-server integrations often need PHP extensions or authentication a generic host doesn't provide out of the box — Cmsmart builds (custom development) the connector and the server configuration it needs together.
Every custom engagement follows the same delivery model: discovery, solution design, sprints, QA, launch, and ongoing support — see Cmsmart's product designer customization service or how we run a project on Ecommerce Projects.
Why work with Cmsmart on your product designer infrastructure?
Cmsmart has built and supported Cmsmart Product Designer (NBDesigner) installs since 2012 as a Netbase JSC division, with 6,300+ client projects delivered and a 4.2-star Trustpilot rating — so the requirements check above comes from setups we've actually run, not a generic checklist.
Cmsmart is a Netbase JSC division, in business since 2012, with 6,300+ client projects and 1,800+ live stores running today across 80+ countries. Reviewers who've run NBDesigner for years back this up directly:
"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... The designer works exceptionally well across all devices." — Web Developer, Trustpilot
What's the minimum WordPress, WooCommerce and PHP version for NBDesigner?
NBDesigner's published floor is WordPress 5.6+, WooCommerce 8.0+ and PHP 8.0+ (plugin readme). Because PHP 8.0 and earlier no longer receive security updates and current WordPress.org requirements (2026) and WooCommerce server requirements both recommend PHP 8.3+, treat the plugin's floor as the minimum to clear, not the version to run in production.
Why does my designer show a blank product page even though I technically meet the minimum?
This is almost always a low PHP configuration limit — memory or execution time — rather than a broken install. Raising memory_limit and checking fix_pathinfo, allow_url_fopen and JSON support (per NBDesigner's own system-check guidance) resolves most cases.
Do I need Ghostscript or ImageMagick installed?
Yes, if you want print-ready PDF rendering and JPG design downloads to work locally. NBDesigner's Settings screen flags the Imagick requirement directly next to the JPG download option, and the Overview screen raises a system-health alert when ImageMagick, GD or Ghostscript aren't reachable. Cmsmart Cloud rendering is the alternative when your host won't install them.
Can Cmsmart check or fix my server configuration for me?
Yes — this is a standard part of NBDesigner setup engagements. When a host's shared-hosting plan can't be reconfigured, Cmsmart builds the hosting migration or VPS setup as custom development; see web-to-print solutions for the broader setup service.
Does upgrading PHP break my existing designs or orders?
Not when the upgrade is tested first. Cmsmart's 2.14.1 release was verified on WordPress 7.1 with WooCommerce 11.0.1, PHP 8.3.31 and HPOS enabled, with existing orders round-tripping their design data intact — the same staged-testing approach is what we recommend before any store raises its PHP version.
How do I confirm my store is compatible with WooCommerce's High-Performance Order Storage (HPOS)?
Check the Customer Design approval box loads on the HPOS order screen (woocommerce_page_wc-orders) and that a test order's design data survives checkout — both are part of the verified test run behind the 2.14.1 release and the setup checklist above.
Applies to every Cmsmart Store (theme versions 2.0.0-2.0.2, parent theme 2.0.0-2.2.0 depending on the store, Cmsmart Stores Blocks 2.1.2-2.1.3), Cmsmart Store Installer 2.0.3 and Cmsmart Product Designer 2.18.3 or 2.18.4 · Updated October 2026. This guide shows how to install a Cmsmart store on WordPress with the current Store Setup installer and the manual upload path, captured on a live install run.
In short
Outcome: a live Cmsmart store, picked from the current lineup, running on WooCommerce with a sample catalogue from minute one.
How it works: Store Setup downloads a one-file installer that handles WordPress, theme, Cmsmart Product Designer and licence for you, or you upload the theme and plugin zips yourself.
What it takes: a WordPress host with PHP 8.3+, an empty database or cPanel token, your Cmsmart licence key, and 10 to 30 minutes.
This guide shows two ways to install a Cmsmart store on WordPress: Store Setup, a one-file installer finishing a WooCommerce store with sample data in about ten minutes, or a manual upload for full control. It is the install hub for every ready-made Cmsmart Store.
What's the cost of a stalled WooCommerce store rollout?
A stuck rollout is rarely a theme bug; it is usually a sequencing or licence mismatch, and every retry costs time meant for products. Cmsmart's Store Setup and manual paths both cut that time to minutes.
The pains that show up before a Cmsmart store goes live:
Wrong plan, wrong key. A Fullstore key will not activate Cmsmart B2B Store or Cmsmart Marketplace Store; a Premium (plugin-only) key activates no store.
Host requirements nobody checked first. A non-writable folder, or a low PHP version, fails the host check.
Wrong upload order. WordPress won't activate a child theme until its Cmsmart Stores parent theme is installed.
Stuck on old releases. Moving a 0.4.x Cmsmart Stores site to the current 2.x line is a fresh install, not an upgrade.
What does a finished Cmsmart store look like?
Once Store Setup or the manual upload finishes, a merchant has a complete WooCommerce storefront in the niche they picked, filled with Cmsmart's sample catalogue, with Cmsmart Product Designer installed and the licence key already active.
Example scenario. A merchant opens the Cmsmart dashboard, picks a store, and presses Set Up. Minutes later they have a full storefront, sample products in their niche, and a design tool on every item, so the afternoon goes to their own catalogue, not zip files.
That catalogue is sample data, not a preview: names in a content pack are generic placeholders. Merchants wanting their own branding from day one typically pair the install with Cmsmart's preset installation and demo import service.
How does Cmsmart's dashboard and theme system work?
Cmsmart's install system has three layers: a dashboard that knows your licence and builds the installer, a WordPress parent-and-child theme pair that supplies the storefront, and the separate Cmsmart Product Designer plugin that turns a product into a live customizer.
The pieces behind every Cmsmart store:
Cmsmart dashboard. Checks your licence against the store you picked, then builds the installer (Cmsmart Store Installer 2.0.3) or hands you the theme zips.
Parent theme — Cmsmart Stores. A WordPress block theme every store builds on, at 2.0.0, 2.1.0 (B2B) or 2.2.0 (Marketplace).
Child theme — your store's own. Declares its parent in the stylesheet; current releases run 2.0.0 to 2.0.2.
Cmsmart Stores Blocks (2.1.2 or 2.1.3). A companion plugin for the store's Site Editor block patterns.
WooCommerce. The cart, checkout and catalog engine every store theme is built around.
Cmsmart Product Designer. Turns a product into an on-page customizer and generates a print-ready PDF that matches the order automatically, bundled at 2.18.3 or 2.18.4.
Cmsmart insight: keep the parent theme installed even after you settle on one child store. WordPress uses it for every template the child does not override, so removing "the one you're not using" can break the live child.
Which store should I pick?
Every ready-made Cmsmart Store, grouped by business type; see the current lineup on cmsmart.net for anything added since this guide was updated.
A B2B key also activates every Fullstore store, a Marketplace key activates every store. Current plan names are on Cmsmart's pricing page.
The store catalogue in the Cmsmart dashboard: pick a store and press Set Up.
What's the business value of getting the rollout right?
Picking the right store and path the first time means spending setup hours on products and branding, not re-downloading zips, decoding a licence error, or rebuilding a store never meant to upgrade.
Install value
Benefit
How it shows up in your business
KPI to track
Faster time-to-first-product
A full storefront and catalogue exist before you touch WooCommerce's product screen
Days from signup to first live product
Fewer support round-trips
Right plan, right upload order, avoids the two most common activation errors
Install-related tickets per launch
Niche fit from day one
Picking the right store from the current lineup avoids a theme switch later
Store or theme changes per launch
Design tool ready immediately
Product Designer installs and licenses in the same flow
Share of SKUs with design enabled at launch
A simple way to size the time saved: hours per failed install, times installs per month, times your hourly cost. For an agency running several client installs a month, that adds up fast.
How do you install a Cmsmart store on WordPress?
Run Store Setup from the Cmsmart dashboard, which builds a one-file installer that handles WordPress, theme, plugin and licence steps for you, or upload the parent theme, child theme, Blocks and Product Designer yourself through WordPress's upload screens.
WooCommerce, already installed for manual (Store Setup installs it for you); see WooCommerce's requirements.
Write access to an empty folder (Store Setup) or WordPress admin access (manual).
Your Cmsmart licence key under Commerce > Your Licenses, matching the plan for your store.
Back up first. Both paths are safe on a fresh install, but if your site has content already, back it up before uploading anything; cheaper to undo than to debug live.
The installer's host check: PHP version, extensions, memory, disk space, a writable folder and HTTPS confirmed before Store Setup touches your site.
Set up with Store Setup (recommended)
In the dashboard, go to Stores > Store Setup, choose your store, and press Continue.
On Where to install, choose Download installer file (about 10 minutes) over the manual option.
On Connection, note the installer carries your key and store inside it, works for 7 days, at most 3 installs.
On Your store, set a store name and admin email; sample data stays on for a full launch catalogue.
On Review & install, check the details, then press Install my store to download the PHP file.
Upload that file to an empty folder on your host and open its link; it opens on a Start screen asking for a database (or cPanel token) and an admin email.
Press Start, then walk Check host, Database, and Your store (admin name, email, generated password).
Press Install my store; it downloads files, installs plugins and themes, and imports the demo content.
On Done, you land on "Your store is ready," logged in, installer deleted, licence key active.
For Cmsmart Marketplace Store, demo sellers keep populating in the background briefly once the plan is active.
Store Setup step 1: pick the store that matches your business from the current lineup, the Cmsmart Gift Store is selected here.Step 2: choose Download installer file for the automated path, or Theme files (manual) to upload everything yourself.Step 5: review the store, address, licence key and sample-data setting, then press Install my store.On your host: the one-file installer's Start screen lists what you need before you press Start.The Your store step creates your WordPress admin account; your licence key is applied automatically at the end.Done: the installer deletes itself, your licence key is active, and the store is ready to view or edit.Back in the dashboard, the same install shows as live, with a link to load the real demo pictures once you are on a paid plan.
Install the theme files manually
In the dashboard, open Theme files & changelog and download the parent theme zip and your store's child theme zip.
In wp-admin: Appearance > Themes > Add New Theme > Upload Theme, choose the parent zip, click Install Now, but do not activate it yet.
Once it shows "Theme installed successfully," upload the child theme zip the same way; WordPress installs it once the parent is present.
Open Themes, click Activate on the child theme, and confirm it shows active next to the parent.
Under Plugins > Add New Plugin > Upload Plugin, install and activate Cmsmart Stores Blocks, then Cmsmart Product Designer the same way.
Open Tools > Cmsmart Stores demo content, choose your content pack zip, tick Import full sample data, press Import, then use Load demo images.
In WooCommerce > Settings > Site visibility, switch from "Coming soon" to Live.
Manual install, step 1: upload the Cmsmart Stores parent theme zip first, before any child theme.Once the parent is installed, the child theme activates and both appear on the Themes screen.The result of the manual path on desktop: a live storefront built from the uploaded theme files and sample catalogue.The same storefront on a phone: every Cmsmart Stores child theme is responsive out of the box, no extra setup needed.
What to do in your first hour
Set your logo and home template in Appearance > Editor before you touch products.
Walk through the customisation guide for recommended plugins and Site Editor changes.
Remove sample orders, customers and reviews from Cmsmart > Store Setup before you go live.
On a paid plan, load real demo pictures from Cmsmart > Store Setup > Load demo images.
Troubleshooting
Wrong plan. The dashboard shows This key does not activate this store for a Fullstore key on Cmsmart B2B Store or Cmsmart Marketplace Store, or Premium is the plugin plan — stores need Fullstore for a plugin-only key. Download the theme files free and add the right key later.
A red item on the host check. Usually a non-writable folder; set its permission to 755 and press Check again.
A second browser tab shows the install running. You opened the link twice; finish in the first tab.
"The parent theme is missing" (manual). Install the Cmsmart Stores parent theme before the child.
Moving on from 0.4.x. The current stores are a fresh install, not an upgrade: export content, install fresh, bring the catalogue back in.
A red item stops the install, here a folder permission issue, fixed by setting it back to 755 and checking again.
Can Cmsmart customize or build more than the base package?
Store Setup and the manual path both give you a working storefront with a sample catalogue; Cmsmart builds everything past that as custom development for merchants who want their own brand, catalogue and integrations in place from day one.
What we build on top of a fresh Cmsmart store, project by project:
Preset install and demo import, done for you. We install the store and replace the sample catalogue with products shaped to your business. See Cmsmart Store preset installation & demo import.
Brand styling. Site Editor templates, colors and typography matched to your brand.
Catalog and pricing migration. Products and price-matrix rules from an existing store or platform.
Product designer configuration. Design areas, print options and output settings for your range.
B2B and marketplace operations. Company accounts, approvals and vendor onboarding.
ERP and POS integration. Connecting orders and inventory to the systems you run on.
Cmsmart has built WooCommerce storefronts and the Cmsmart Product Designer plugin since 2012 as a Netbase JSC division. The Store Setup installer, the parent/child theme system and the designer plugin all come from that same team, built to activate together.
Cmsmart has delivered 6,300+ client projects and runs 1,800+ live stores in 80+ countries, rated 4.2 on Trustpilot:
"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, Andrea from customer service was very competent and fast. I recommend!" — Adrien Darmon, Trustpilot review
About 10 minutes with Store Setup once your licence key and database or cPanel token are ready; the manual path is closer to 30 minutes.
Do I need a licence key to install a store?
No. Download the theme files free and install with no key; the store stays gated until a trial or paid key activates it. A free 30-day trial unlocks every Fullstore store, no card required.
What happens to the sample data when I go live?
Remove sample products, orders and reviews from Cmsmart > Store Setup; on the manual path that is Tools > Cmsmart Stores demo content.
Can I switch which store or child theme is active later?
Yes, within the same family: upload and activate the new child theme on the shared parent. Cmsmart B2B Store and Cmsmart Marketplace Store use their own parent theme, so treat those as separate installs.
Does Store Setup work for Cmsmart B2B Store and Cmsmart Marketplace Store too?
Yes, the same flow applies; only the licence plan differs, and a Marketplace store's demo sellers keep populating briefly after the done screen.
Where can I see the full, current list of Cmsmart Stores?
Cmsmart's products page always lists the current lineup with live demos, since new stores are added over time and a fixed list here would go stale. Each store's own page states the plan it needs and its current version.
Applies to Cmsmart Print Shop Store 2.0.1 (parent theme Cmsmart Stores 2.0.0) with Cmsmart Product Designer 2.18.3 · Updated October 2026. This guide follows a fresh Store Setup install end to end: branding, the sample catalogue, pricing and print-ready output, payments and shipping, and a first test order.
In short
A live, print-ready WooCommerce store for business cards, postcards, flyers and marketing print — built, branded and taking a test order inside one working session.
Cmsmart Store Setup installs the Cmsmart Print Shop Store preset with Cmsmart Product Designer and a sample catalogue already in place; you brand it, configure pricing and payments, then go live.
What it takes: a Cmsmart Fullstore plan, about an hour, and the product range you actually want to sell.
A WooCommerce print shop store setup doesn't need to start from a blank theme: Cmsmart Print Shop Store is a ready-made WooCommerce storefront for business cards, postcards and flyers, built on Cmsmart Product Designer. It takes about an hour to brand, configure and test before going live.
What does manual quoting cost a print shop?
Every quote a print shop builds by email or phone means re-keying the job, re-pricing it by hand and waiting for the customer to reply before production can start. Cmsmart replaces that loop with live pricing and approved artwork on the order itself, so staff stop quoting the same business card twice.
Print is not a shrinking market — the U.S. commercial printing market alone was estimated at USD 129.21 billion in 2025, and most of that volume is won or lost on how fast a shop can answer "how much, and when." The usual pain points behind a manual process:
Quotes by email or phone. Every job gets re-typed from a message or call before anyone can price it.
Proofs that go back and forth. A PDF proof means another email thread before the artwork is approved.
Reprints. Files that reach press without a bleed, safe-zone or resolution check come back as a reprint, not a reorder.
Abandoned carts. A buyer who can't see a price until someone replies often buys from whoever shows one instantly.
Staff time. Someone re-enters the same order into a spreadsheet or print MIS after it's already been quoted once.
A rough way to see the cost: (quotes handled by phone or email each week) × (minutes spent re-keying and pricing each by hand) × (your staff's hourly cost) = hours spent quoting instead of printing.
What would it look like if the store ran itself from day one?
With Cmsmart Print Shop Store, a buyer configures their own business cards or flyers on their phone or desktop, watches the price update live, and pays online — no email thread, no phone tag. Cmsmart Product Designer checks the file and queues a print-ready PDF the moment the order comes in.
Example scenario. A local business owner opens your store at 9pm on their phone, taps Start Design on Standard Business Cards, builds the card in the mobile editor, watches the price update as they pick paper and quantity, and pays. A print-ready file is queued before your shop opens the next morning.
See it running in the live demo, or check the product page for everything it includes. Install first. The Cmsmart Print Shop Store is a parent/child theme pair plus Cmsmart Product Designer, set up from your Cmsmart dashboard or uploaded by hand. We cover that upload step by step in Install a Cmsmart Store: parent and child theme, step by step — come back once "Your store is live" shows the installer has finished. Everything below assumes that part is done.
How does the Cmsmart Print Shop Store solution work?
Cmsmart Print Shop Store pairs a print-shop storefront theme with Cmsmart Product Designer, running on WooCommerce so the store, its data and its customers stay yours. The preset ships with pages, a sample catalogue and the designer already wired to demo products, ready for you to rebrand and restock.
Four building blocks make up the preset, all visible in the live store:
Storefront theme. Cmsmart Print Shop Store (child theme) on the Cmsmart Stores parent theme, block-based and editable in the Site Editor.
Product Designer. Cmsmart Product Designer sits on every product as a "Setting Cmsmart" box: Enable Design, a Modern editor layout, templates, DPI and dimensions.
Pricing & quotes. An "NBD options" box holds separate tabs for Printing Option (the price a buyer sees) and Request Quote (jobs that don't fit a standard price); a Product Builder tab is there too for component-based products, a different module.
Checkout & production. Standard WooCommerce cart, payments and shipping zones, plus Cmsmart's AI preflight check and a print-ready PDF that matches the order, queued the moment the buyer presses Process.
Appearance > Themes: Cmsmart Print Shop Store is the active child theme, with the Cmsmart Stores parent theme installed next to it.
Cmsmart insight: the "NBD options" box groups several modules in one metabox, but they're separate products under the hood — Printing Option prices a job, Product Builder assembles one from components, and Request Quote catches anything that doesn't fit either. Configure the one your product actually needs instead of assuming they overlap. Once a buyer approves their design, Cmsmart's approved-artwork lock keeps that file from being overwritten by a later edit.
Site Editor > Patterns > Template Parts > Header: swap the logo and review the menu here.
What's the business value of running on Cmsmart?
Running on Cmsmart turns quoting, proofing and print-ready output into store features instead of manual admin work, so the measurable gains are activation time, order accuracy and repeat business — each one tied to a KPI you can track against your own baseline, not a promised percentage.
Benefit
How it shows up in your business
KPI to track
One hour from catalogue to live store
Sample pages, menus and a product catalogue are already imported, so you spend the hour branding and configuring instead of building from a blank theme
Time from "Set Up" to your first test order
Printing Option + Request Quote on every product
A buyer with a non-standard job (different stock, finish or size) can still send a lead instead of bouncing off a product page with no price
Quote requests captured per month
Preflight Check before Process
Files are checked for issues before they're queued as print-ready, instead of being caught on press
Reprints per 100 orders
Reorder for repeat clients
An existing client re-orders the same stationery in a couple of clicks instead of emailing the original order again
Share of orders from returning customers
ROI worksheet (use your own numbers). Hours reclaimed per month = (quotes you currently handle by phone/email) × (minutes saved per quote once pricing is live on the product page) ÷ 60. Reprints avoided = (your current reprint rate) × (jobs per month) × (cost per reprint). Plug in your own numbers before presenting this to a partner or a bank.
The shift this preset rides is already underway in the data: the global web-to-print market is forecast to grow from USD 26.59 billion in 2025 to USD 36.38 billion by 2031 (a 5.43% CAGR), as more print buyers expect to configure and price a job online rather than wait for a reply.
Capability
Generic WooCommerce theme
Cmsmart Print Shop Store
Demo content & pages
Blank theme — you build every page and menu
24 pages and menus imported with the preset
Product customization
Needs a separate plugin, configured from scratch
Cmsmart Product Designer's "Setting Cmsmart" box is already on each product (design on/off, editor layout, templates, DPI)
Pricing options & quotes
Not included; needs its own pricing plugin
"NBD options" box with Printing Option and Request Quote tabs on every product
Branding
Manual child-theme or CSS work
Header and footer template parts editable in the WordPress Site Editor, on the Cmsmart Stores parent theme
Store numbers
A separate analytics plugin to install and configure
Cmsmart > Overview shows revenue, orders and production queue out of the box
Cmsmart > Overview is the store's home screen for numbers: revenue and order counts for the last 30 days, what's waiting in production, a revenue trend chart, top products and the most recent orders, with quick links into orders, products and tools — no separate reporting plugin to configure.
Cmsmart > Overview: revenue, order and production stat cards, a revenue trend chart, top products and the most recent orders.
Check this screen in the first week after going live — it's the fastest way to see whether branding and pricing changes are actually converting, before you wait for a monthly WooCommerce report.
How do you handle the WooCommerce print shop store setup, from install to go-live?
A WooCommerce print shop store setup on Cmsmart means confirming the install, branding the theme, checking the imported pages and sample catalogue, configuring one product's Cmsmart Product Designer and pricing options, then connecting payments and shipping before you place a test order. Most of that fits inside an hour.
Confirm the install. From your Cmsmart dashboard, Store Setup step 6 "Live" gives you View store and Open admin once the installer has finished on your domain.
Brand the header and footer. In wp-admin, open the Site Editor's Header and Footer template parts to swap the Site Logo block and review the menus.
Check the imported pages. Pages > All Pages lists what the preset creates — Home, Shop, Cart, Checkout, About, Contact, FAQ, plus the Designer, Designer Studio and Gallery pages — ready to edit or unpublish.
Review the sample catalogue. Products > All Products ships with sample business-card and postcard products; replace them with your own range before you accept real orders.
Open the Cmsmart Product Designer tab on one product. The "Setting Cmsmart" box controls Enable Design, the editor layout (Modern, Visual, or the deprecated Classic layout), templates, DPI and dimensions.
Turn on printing options and quote requests. The "NBD options" box's Printing Option tab assigns the pricing set buyers see; leave Request Quote on so non-standard jobs still reach you as a lead.
Set your store address and currency. WooCommerce > Settings > General holds the address, selling/shipping locations and currency that tax and shipping rates use.
Connect a payment method. WooCommerce > Settings > Payments lists WooCommerce Payments, PayPal Payments and Take offline payments — set up at least one before a real order.
Check your shipping zones. WooCommerce > Shipping zones ships with one zone set to Local pickup — add a calculated method if you post orders out.
Run a test order. Open the demo product (desktop or phone), press Start Design, build a design, run Preflight Check, press Process, then check out with Take offline payments so the order lands in WooCommerce > Orders.
Pages > All Pages: the 24 pages the demo import creates, 23 already published.Products > Edit "Standard Business Cards": title, description, Product data box and product image.
Cmsmart insight: the sample catalogue's product copy doesn't always match the product name — our test install's "Standard Business Cards" product still carried a vinyl-sticker description ("White Vinyl Sticker – High Gloss"), and the same mismatch shows up on the live product page. Check every sample product's copy, images and price before you open for orders, not just the ones you plan to keep.
The "Setting Cmsmart" box on a product: design on/off, editor layout, templates, DPI and dimensions.The "NBD options" box: Printing Option controls the price, Request Quote stays open for non-standard jobs.WooCommerce > Settings > General: the store address that tax and shipping rates use.WooCommerce > Settings > Payments: install or complete setup on at least one method before taking real orders.WooCommerce > Settings > Shipping: the demo ships with one zone set to Local pickup.
The test order itself runs on the storefront the same way a real buyer would see it, on desktop or on a phone:
The demo product page: price, options and the Start Design button a buyer presses to open the designer.Cmsmart Product Designer open on the demo card, with Preflight Check and Process next to the design tools.The same designer on a phone: a buyer can design and price their card without switching to a desktop.Video: Modern WooCommerce product customization and web-to-print UI (Cmsmart on YouTube).
What can Cmsmart build beyond the preset?
The preset covers a handful of demo products end to end, but most print shops carry dozens of SKUs and a paper price list the storefront needs to match. Cmsmart builds that on top of the same foundation as custom development, scoped to your catalogue and workflow.
Bulk catalogue rollout. Turning a paper price list into dozens of Printing Option sets instead of configuring each product by hand.
MIS/ERP sync. Pushing paid, preflighted orders into an existing print-shop management system instead of re-keying them.
B2B ordering. Company accounts, approval flows and negotiated pricing for repeat corporate clients.
Custom finishing & pricing rules. Foil, uncommon stocks, gang-sheet layouts or multi-up pricing beyond a standard Printing Option set.
Prefer to hand off the first hour itself? Cmsmart's team can install the preset and import your own catalogue for you through the store preset installation service.
Why work with Cmsmart for your print shop store?
Cmsmart has built ecommerce and web-to-print stores as a Netbase division since 2012, with 6,300+ client projects and 1,800+ live stores behind the Cmsmart Print Shop Store preset. Reviews are public on Trustpilot, so you can check the track record before committing to a plan.
Can I use my own products instead of the demo catalogue?
Yes. The demo catalogue is sample data meant to be replaced — add your own products and turn on the "Setting Cmsmart" and "NBD options" boxes the same way the demo products use them.
Which plan activates the Cmsmart Print Shop Store?
The store is free to set up and runs with sample data from the first minute, but the Cmsmart Fullstore plan activates it for a live domain, along with the other Cmsmart Stores presets. Check the pricing page for the current rate, since plans may change.
Can I change the colours and logo without touching code?
Yes. The header and footer are block-based template parts in the WordPress Site Editor — swap the Site Logo block, edit the menus, and adjust colours and fonts from there.
What happens to a print job the standard pricing options don't cover?
Leave the Request Quote tab on. A buyer with a non-standard size, stock or finish submits a quote request instead of leaving without a price, and your team prices it manually — just without losing the lead.
Where do I check how the store is actually performing?
Open Cmsmart > Overview in wp-admin. It shows revenue and orders for the last 30 days, what's in production, a revenue trend chart and your top products, with no separate analytics plugin to configure.
Do I need to update Cmsmart Product Designer myself?
Yes — it's a normal WordPress plugin update. When Dashboard > Updates shows a new version for Cmsmart Product Designer or the Cmsmart Stores Blocks plugin, install it from there like any other update.
Applies to Cmsmart Gift Store 2.0.1 (parent theme Cmsmart Stores 2.0.0) with Cmsmart Product Designer 2.18.3 and Cmsmart Stores Blocks 2.1.2 · Updated October 2026. Store Setup v2 has been live on cmsmart.net since 2026-10-15; installer kit 2.0.3 has opened new stores live on install, instead of behind a WooCommerce "coming soon" page, since 2026-10-19. Cmsmart Product Designer 2.18.4, released 2026-10-22, is the current update.
In short
Outcome: a branded WooCommerce store for personalized gifts, one demo product wired to the Cmsmart Product Designer, and a test order run through checkout.
How it works: Store Setup v2 installs the whole content tree — theme, demo pages, catalogue, Cmsmart Product Designer — in one pass; you then rebrand it and connect payments, shipping and your own products.
What it takes: about an hour of admin time, a WordPress host with WooCommerce, and a Fullstore (or higher) plan to activate the store.
A personalized gift store WooCommerce setup does not have to take weeks: Cmsmart Gift Store is a ready-made shop for mugs, pillows and photo prints, with the Cmsmart Product Designer already wired into one demo product. Install it, rebrand it and run a test order, and the store is live in about an hour.
What does it cost to sell personalized gifts without a store built for it?
Cmsmart Gift Store removes the manual back-and-forth behind selling personalized mugs, pillows and prints: a customer designs and previews their artwork online, sees the exact price before paying, and the order lands in WooCommerce with the file and options already attached — no emailed proofs, no spreadsheet re-typing.
Most shops selling personalized gifts without a store built for it hit the same problems:
Manual proofing by email — a photo comes in, someone mocks it up by hand, and the thread runs for days.
Quoting delays — every mug or pillow priced by hand instead of from a price list the storefront shows instantly.
Price surprises at checkout — if the price only arrives with the quote, a lot of buyers never come back.
Re-keying orders — artwork, options and notes copied from an email by hand, where sizes and spellings get lost.
Reprints from the wrong file — a file built from an emailed screenshot is not the same as one exported from the order.
What could your gift store look like after launch?
Cmsmart Gift Store shows a buyer the price as they personalize a mug or pillow, so a shopper goes from browsing to a paid, print-ready order in one visit instead of waiting on a quote — artwork already attached before your team opens a laptop.
Example scenario: A shopper opens your gift store at 9pm on their phone, picks a photo pillow, uploads two photos into the online designer, and watches the price update as they choose a colour. They check out. By the time your team opens WooCommerce the next morning, the order is already there with its artwork and a print-ready file attached — no email thread, no re-pricing.
How does Cmsmart put a gift store together for you?
Cmsmart builds the Gift Store from the same building blocks as every Cmsmart Stores pack: the Cmsmart Stores parent theme, a store-specific child theme with a demo catalogue, Cmsmart Product Designer for personalization and pricing, and WooCommerce for checkout — all installed together through Store Setup v2.
Four pieces do the work: Cmsmart Stores (parent theme, shared layout), Cmsmart Gift Store (child theme and demo content), Cmsmart Product Designer (design tool and pricing engine), and WooCommerce (cart, checkout, payments and shipping).
The content tree installs Cmsmart Product Designer 2.18.3 and Cmsmart Stores Blocks 2.1.2 — the versions these screenshots show. Version 2.18.4, released 2026-10-22, is already waiting under Dashboard > Updates; install it before you load real products. Two named pieces work behind the scenes: Cmsmart Cloud renders the print-ready PDF matching the order once Process is pressed, and AI preflight flags sizing issues first.
Appearance > Themes: Cmsmart Gift Store 2.0.1 active, with the Cmsmart Stores 2.0.0 parent theme installed alongside it.
Cmsmart insight: Most support questions after a quick store setup are about a Fullstore licence key reused on a second domain. Store Setup v2 binds the key to the first domain that activates it, so start the install on the live domain whenever you can.
Install the store first
Store Setup v2 downloads an installer file (or the parent and child theme zips) and walks through the upload, WordPress and licence steps on your own host — covered in full in Install Cmsmart Store on WordPress: parent + child theme. Installer kit 2.0.3 opens the store live on your domain, no WooCommerce "coming soon" page in the way, and you land in the wp-admin screens below.
How do you set up the Cmsmart Gift Store in your first hour?
Cmsmart Gift Store gives you a working personalized gift shop within an hour: rebrand the header, review the imported pages and catalogue, check the Product Designer tab on one demo product, connect payments and shipping, then run a test order before you tell anyone the store is open.
Confirm what Store Setup v2 installed.Appearance > Themes: Cmsmart Gift Store active, Cmsmart Stores as its parent (see the screenshot above).
Rebrand the header and footer. In Appearance > Editor > Patterns > Template Parts, swap the Site Logo block and phone number in the Header part; the Footer part holds your address.
The Header template part in the Site Editor: swap the Site Logo block and phone number for your own.
Review the imported pages and menu.Pages > All Pages lists Home, Shop, Cart, Checkout, My Account and the designer-specific pages the import built — 23 pages in total.
Pages > All Pages: the pages Store Setup v2 imported, ready to edit rather than build from scratch.
Open the sample catalogue.Products > All Products lists the demo mugs, cushions and pillows with a price, category and a "Design" column. Treat it as placeholder data, not your final range.
Products > All Products: the sample catalogue, with a Design column showing which products have the Cmsmart Product Designer enabled.
Open the Cmsmart Product Designer tab on one demo product. Edit Personalized Photo Pillow and scroll to NBD options > Setting Cmsmart: Enable Design is on, the layout is Modern, and the template and DPI are already configured.
The Setting Cmsmart box: Enable Design on, Modern layout selected, template and DPI already filled in.
Check its printing options. Open NBD options > Printing Option and press Edit option to see the price matrix behind this product's price.
NBD options > Printing Option: Edit option opens the price matrix behind this product's price.
Set your store address and currency.WooCommerce > Settings > General holds the address, selling/shipping locations and currency.
WooCommerce > Settings > General: store address, selling locations and currency.
Connect a payment method.WooCommerce > Settings > Payments lists Woo Payments, PayPal and offline options — configure one before taking a real order.
WooCommerce > Settings > Payments: the payment methods to set up before taking orders.
Set up a shipping zone.WooCommerce > Settings > Shipping starts with a demo zone; most gift shops need a real carrier-rate method, not just local pickup.
WooCommerce > Settings > Shipping: the shipping zones that ship with the demo, ready to replace with your own rates.
View the demo product as a buyer. Load the "Personalized Photo Pillow" product page: price, colour options and a live price summary are visible before the buyer even starts designing.
The storefront product page: colour options and a live price summary before checkout.
Open the designer and personalize it. A seasonal template is already applied — on desktop and on a phone.
The Cmsmart Product Designer on the pillow, with a ready seasonal template loaded and the Preflight Check and Process buttons in the top bar.The same designer on a phone — this is what the 9pm shopper in the example above actually sees.
Add it to the cart and check the price. Add a second designable product and confirm the cart shows the item, its price and the shipping method.
The cart: product, price and the Local pickup shipping method configured above.
Run the order through checkout. Finish a real test order with a live small-value or sandbox payment, and confirm it arrives in WooCommerce > Orders with its design and options attached.
Before you share the store link, run through a short go-live checklist:
Remove the sample catalogue and demo images (Cmsmart Stores > demo content > Remove sample data).
Replace every placeholder address, phone number and social link in header and footer.
Switch payments from test/sandbox to live and re-run one order.
Replace the demo shipping zone with your real carrier rates.
Confirm the store opens live on your real domain, not a staging URL.
Where do you see your store's numbers once orders start coming in?
Cmsmart Stores ships a built-in Cmsmart > Overview screen that shows revenue, orders and production counts for the last 30 days in one place, so you do not need a separate reporting plugin to see how the gift store is doing.
Open Cmsmart > Overview in wp-admin for four stat cards — Revenue, Orders, In production and AI tokens — plus a revenue trend chart, a Top products list and Quick actions. On a brand-new store every number reads zero, which is what you should see before your first real sale.
Cmsmart > Overview: the stat cards, revenue trend and quick actions a storeowner sees once the shop opens.
What should you customize first for a personalized gift shop?
Cmsmart Gift Store ships with a configured demo product, a price matrix and ready seasonal templates — reuse all three instead of configuring every new product from a blank screen.
Clone the configured demo product: duplicate Personalized Photo Pillow and adjust its template, DPI and printing option.
Keep categories matched to real inventory — follow the sample catalogue's Mugs, Cushions & Pillows shape.
Check the price matrix on every design-enabled product; a wrong matrix is a wrong price on every order.
Load seasonal templates ahead of the gift calendar so buyers start from a finished look, not a blank canvas.
Cmsmart insight: The sample catalogue is realistic enough that teams forget it is placeholder data. Make "remove sample data" its own line on the go-live checklist, not something you assume happened during install.
What's the business value of a personalized gift store WooCommerce setup versus a generic theme?
Cmsmart Gift Store gets a personalization-ready storefront live in about an hour because the designer, live pricing and a demo catalogue are already wired together; a generic WooCommerce theme gives a gift seller none of that without separate plugins and custom wiring.
Capability
Cmsmart Gift Store
Generic WooCommerce theme
Product personalization
Designer tab built into the product editor, already enabled on a demo product
Needs a separate plugin, wired in by hand
Priced-as-you-design checkout
Live price summary shown while the buyer designs
Usually hidden until cart or a manual quote
Demo content
Pages, menus and a sample catalogue imported in one pass
Blank site, built from scratch
Branding
Header/footer template parts ready to edit in the Site Editor
Same editor, no gift-specific starting blocks
Store numbers
Built-in Cmsmart > Overview: revenue, orders and production in one screen
Needs a separate analytics plugin
Go-live
Opens live on install (installer kit 2.0.3), no "coming soon" page
Depends on the theme's own setup wizard, if any
Track the launch against a few KPIs:
Benefit
How it shows up in your business
KPI to track
Faster launch
Store open for a test order the same day as install
Activation time: install to first completed test order
Priced-as-you-design checkout
Fewer abandoned personalization carts compared to a quote-based flow
Cart abandonment rate on designed products, benchmarked against the industry average cited above
One configured demo product as a template
Less staff time spent configuring each new design-enabled SKU
Minutes to configure a new product's design and printing options
Print-ready files generated automatically
Fewer reprints from a wrong-size or wrong-version file
Reprints or support tickets per 100 personalized orders
Rough staff-time ROI: hours saved per month ≈ (orders that used to need a manual proof) × (minutes per proof) ÷ 60. Example: 40 orders at 12 minutes each is 8 hours back once price and proof move into the designer. Use your own volume and proofing time.
How do you go further with custom development on the Gift Store?
Cmsmart builds the features a growing gift catalogue needs next — gift notes, bulk ordering, loyalty boxes and ERP hand-off — as custom development on top of the Gift Store, because they are not part of the core pack.
Common custom builds as a gift catalogue grows: gift note and gift-wrap options at checkout; corporate and bulk gifting portals; loyalty and subscription gift boxes; ERP or fulfilment integration so approved designs push straight into production; and custom seasonal landing pages.
We run every engagement the same way: discovery, solution design, sprints, QA, launch and ongoing support — the model behind our ecommerce project case studies.
Cmsmart has run ecommerce projects since 2012 as a Netbase JSC division, with 6,300+ client projects and 1,800+ live stores today, backed by a 4.2 Trustpilot rating from 404 reviews.
The numbers come from Cmsmart's own project records: 6,300+ client projects and 4,600+ delivered since 2012, 1,800+ live stores online now, in 80+ countries. Trustpilot rates Cmsmart 4.2 out of 5 from 404 reviews, including: "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.
Can I use my own products instead of the demo catalogue?
Yes. The demo catalogue shows the layout and how the designer is wired to a product — add your own products and remove the sample data from Cmsmart Stores > demo content > Remove sample data before launch.
Which plan activates the Cmsmart Gift Store?
A Fullstore plan (or the B2B or Marketplace plans above it) activates every Cmsmart Stores pack, including the Gift Store; see Cmsmart's pricing page for current plan names.
Does the gift store come with a gift note or gift-wrap option?
Not in the core pack — a gift-message or gift-wrap field at checkout is custom development Cmsmart builds on top of the store.
Does the store show a "coming soon" page while I'm setting it up?
No: since installer kit 2.0.3, a Store Setup v2 install opens live on your domain right away. That makes the go-live checklist the real gate — remove the sample catalogue and demo images and switch payments out of test mode before you share the link.
Do I need to update the Cmsmart Product Designer after Store Setup finishes?
Store Setup v2 bundles version 2.18.3. Version 2.18.4 is the newest release and shows up as a normal plugin update under Dashboard > Updates — install it before you load your own products.
Ready to open a personalized gift store, or have Cmsmart build the parts that go beyond the core pack?
Applies to Cmsmart T-Shirt Store 2.0.1 (parent Cmsmart Stores 2.0.0) · Cmsmart Product Designer 2.18.3 bundled (2.18.4 offered by the normal plugin update) · Cmsmart Stores Blocks 2.1.2 · installer kit 2.0.3. Updated October 2026. Built with Store Setup v2; on this install the storefront homepage loaded directly at its root URL right after setup, with no separate WooCommerce "coming soon" page in front of it.
In short
Outcome: a custom t-shirt store WooCommerce setup — theme, demo pages, a designable product and a working cart — ready for your first real product inside an hour.
How it works: the Cmsmart dashboard installs the Cmsmart T-Shirt Store theme and Cmsmart Product Designer together, pre-wired to each other, then you swap in your branding, catalogue and payment details.
What it takes: a Cmsmart Fullstore plan or higher, a WordPress host, and about an hour of focused setup time.
A custom t-shirt store WooCommerce setup normally means days of plugin wiring; Cmsmart's Store Setup v2 skips that by installing a theme, a demo catalogue and Cmsmart Product Designer already attached to a sample product. Run it and you get a working "Start Design" button, cart and checkout before lunch.
Most new apparel sellers lose their first week to finding a theme that doesn't fight WooCommerce, wiring up a product designer by hand, and working out print areas, DPI and price options from scratch. None of that is the hard part of running a t-shirt brand — sourcing blanks, picking a print method and finding customers is. This guide walks the real first hour on a fresh store, with screenshots from the current Cmsmart admin.
What's the real cost of a slow, manual t-shirt store launch?
A custom apparel store needs a theme, a product designer, a price calculator and a checkout working together, not four separate plugins fighting for the same product page. Cmsmart ships the Cmsmart T-Shirt Store with all four pre-connected, so the manual integration work disappears.
Anyone who has launched a WooCommerce print-on-demand shop from a blank theme recognizes the same pain points:
Theme and plugin conflicts. A generic WooCommerce theme isn't built around a design-on-product flow, so the designer button and price box fight the layout.
Manual print-area setup. Every designable product needs front/back print areas, a DPI and a template library defined by hand.
Price matrix guesswork. Pricing depends on size, side count and quantity; building that logic from scratch means custom code.
Payments and shipping left for "later". Launching a designer before payments or shipping are set up stalls the first order.
Staff time. Every hour wiring plugins is an hour not spent sourcing blanks or talking to customers.
Put a number on it: hours spent on theme + plugin setup × your hourly rate. A shaky checkout costs more than setup time: the average documented online cart abandonment rate across more than 50 studies is 70.22% (Baymard Institute, 2025), and a designer or price box that misbehaves at checkout is one more reason to click away. The segment isn't a niche bet: the global print-on-demand market was valued at $10.8 billion in 2025, and apparel is its largest category at 39.5% (Grand View Research, 2025).
What could your t-shirt store look like on day one?
Cmsmart's Store Setup v2 turns a blank WordPress install into a themed, catalogued, designable storefront in minutes, so your first hour goes into your brand and products instead of plugin wiring.
Example scenario. A new print-on-demand seller picks the Cmsmart T-Shirt Store and runs Store Setup v2. Half an hour later a live homepage is up, with a demo tee that already opens Cmsmart Product Designer on "Start Design". By the end of the hour the logo is swapped, one product has its print areas and price set, payments are live, and a test order has gone from product page to cart.
The Cmsmart T-Shirt Store homepage right after Store Setup v2, with the sample promotions block — swap the sample branding and catalogue for your own.
That is the promise of a preset store: not a finished brand, but a working one. Talk to an ecommerce expert if you'd rather hand the first hour to Cmsmart.
How does Cmsmart put a t-shirt store together?
Cmsmart T-Shirt Store pairs a WooCommerce child theme with Cmsmart Product Designer and a pre-built catalogue, so the storefront, the design tool and the price logic are one connected system instead of three separate installs.
Everything starts in the Cmsmart dashboard: open Stores > Store Setup, pick Cmsmart T-Shirt Store, and press Continue.
Store Setup step 1, "Choose your store": pick Cmsmart T-Shirt Store and continue.
From there you choose "Download installer file" (about 10 minutes) or "Theme files (manual)" (about 30 minutes, under Appearance > Themes). Either path installs the same content tree:
Storefront theme — the Cmsmart T-Shirt Store child theme, built on the parent Cmsmart Stores theme.
Cmsmart Product Designer — formerly NBDesigner, already attached to a demo product with front and back print areas.
Printing options / price logic — connects a product to a price matrix or option set so size, side count and quantity change the price.
Sample catalogue + pages — Home, Shop, Cart, Checkout, My Account, About and more.
Print-ready output — once ordered, Cmsmart Product Designer applies an approved-artwork lock and renders a print-ready PDF that matches the order, verified in the 2.17.0 release and still true in the 2.18.x line bundled here.
Appearance > Themes: Cmsmart T-Shirt Store 2.0.1 active, with its Cmsmart Stores parent theme installed alongside it.
Manual WooCommerce build vs the Cmsmart T-Shirt Store preset
Step
Generic WooCommerce theme
Cmsmart T-Shirt Store
Theme + WooCommerce layout
Pick a theme, check block compatibility yourself
Child theme built on the Cmsmart Stores parent, WooCommerce-ready
Product designer
Source, install and connect a separate plugin
Pre-installed and attached to a demo product
Print areas / DPI / templates
Configure from a blank box, product by product
One demo product already has Front/Back areas and DPI set
Pages and menus
Build Home, Shop, About, Contact by hand
Imported automatically by Store Setup v2
Cmsmart insight: the sample catalogue ships across all six Cmsmart Store presets, so a t-shirt store can show demo items with mismatched names — on this install, a product named "White short sleeve" carries a sweatshirt photo, a vinyl-sticker description and business-card categories. Treat it as placeholder data for learning the product-edit screen, not a starting catalogue to sell.
Where do I see my store's numbers?
Cmsmart adds a dedicated Cmsmart > Overview screen to your WordPress admin, so you can check revenue, orders and production status without opening WooCommerce Analytics or a separate reporting tool.
Once the store is live, the Cmsmart menu in wp-admin opens a dashboard built for a designer-driven store: revenue, orders and "in production" cards, an AI token card, a 30-day revenue trend chart, a top-products panel and quick links. On a new install the cards read zero; once orders start, check this screen each morning.
Cmsmart > Overview: revenue, orders, in-production and AI-token cards, plus a revenue trend chart, inside wp-admin.
What's the business value of setting it up right in one hour?
A pre-wired store turns setup from a multi-day integration project into a single checklist, which shows up directly in how fast you take your first real order and how much staff time you get back.
Business value and what to track
Benefit
How it shows up in your business
KPI to track
Faster activation
Store, theme, designer and catalogue exist together from install
Time from install to first live product
Fewer integration bugs
Theme and designer ship as one tested pack, so Start Design, pricing and cart already agree
Support tickets tagged "designer" or "checkout"
Reusable setup pattern
Once print areas, DPI and pricing are set on one product, repeat the fields for every new design
Minutes to add one new product
Numbers in one place
Cmsmart > Overview shows revenue, orders and production load in wp-admin
Minutes spent pulling a sales snapshot
Staff hours redeployed
Hours not spent wiring plugins go into sourcing and marketing
Hours per week on admin vs. product work
ROI worksheet (use your own numbers):hours saved on setup × your hourly cost + (days earlier to first order × average daily sales once live).
How do you set up a custom t-shirt store WooCommerce setup in one hour?
Once the theme and plugins are installed, configuring the Cmsmart T-Shirt Store is a short, ordered checklist: brand it, check the catalogue, set up one real product, turn on payments and shipping, then test an order end to end.
Work through these steps in order.
Open your Cmsmart dashboard, go to Stores > Store Setup, and pick Cmsmart T-Shirt Store, then choose an installer method.
Open the Site Editor and update your logo, colors and footer under Patterns > Template Parts (Header, Footer).
Check Pages > All Pages to confirm Home, Shop, Cart, Checkout, My Account, About and the rest imported correctly.
Open Products > All Products and skim the sample catalogue so you know what is demo data.
Edit your first real product's "Setting Cmsmart" box: confirm Enable Design, then review Front/Back print areas, DPI and templates.
Open the same product's "NBD options" box and connect it to a printing option or price-matrix set.
Set your store address and currency under WooCommerce > Settings > General.
Turn on a payment method under WooCommerce > Settings > Payments.
Configure a shipping zone under WooCommerce > Settings > Shipping — a shipping zone is the area you ship to and the methods that apply there.
Keep Cmsmart Product Designer up to date under Dashboard > Updates: the store bundles 2.18.3, and WordPress offers the 2.18.4 update.
Run a full test order: open the product page, press Start Design, add it to the cart, and check the total — stop before entering real payment details.
Site Editor > Header template part: the Site Logo block and main menu.Pages > All Pages: the buyer-journey pages Store Setup v2 created.Products > All Products: the sample catalogue to review and replace before launch.The "Setting Cmsmart" box: Front and Back print areas with a 150 DPI setting.The "NBD options" box: connect this product to a printing option or price-matrix set here.WooCommerce > Settings > Payments: turn on at least one method first.WooCommerce > Settings > Shipping: add at least one zone and method.A designable product page: Start Design sits next to the price and Add to Cart.The cart after a test design is added — stop here before entering real payment details.
Go-live checklist
Sample catalogue replaced with your own products, prices and categories.
Real store address, currency and tax settings confirmed under WooCommerce > Settings.
At least one payment method fully configured, not just listed.
At least one shipping zone with a real method and rate.
Cmsmart Product Designer updated from the bundled 2.18.3 to 2.18.4.
A full test order placed and the order confirmation checked, including the design reference.
Store-specific tips for a t-shirt and apparel seller
Because the Cmsmart T-Shirt Store shares its catalogue, theme engine and designer with every Cmsmart Store preset, the fastest wins come from spotting what is generic versus apparel-specific.
Don't trust the demo names. Sample products can carry unrelated names and categories, as the insight box above shows. Confirm every title, image, price and category before publishing.
Reuse the Front/Back pattern. The demo product's "Setting Cmsmart" box models the print-area structure (Front, Back, 150 DPI) for every new style.
Check the phone experience early. Buyers often personalize a t-shirt on a phone; open the product page, press Start Design, and confirm the design area and toolbar are usable. Cmsmart Product Designer 2.18.4 widens the design area and fits the Process button on narrow screens.
Cmsmart Product Designer on a 390px phone viewport: the design area and mobile tool bar.
See it running live before you commit to a layout: the Cmsmart T-Shirt Store demo is the same preset this post walks through.
What custom development can Cmsmart build beyond the standard T-Shirt Store setup?
The preset covers one designable product with a standard print flow; Cmsmart builds the rest — gang-sheet layouts, fulfillment integrations and custom storefront work — as tailored development.
Apparel and POD sellers who scale past the basics typically come back for:
DTF gang-sheet builders. Laying out many small designs on one print sheet to cut film waste is not part of the core plugin; Cmsmart builds this as custom development.
ERP and fulfillment integrations. Pushing approved designs into a production queue or fulfillment API removes manual re-keying.
Custom pricing rules. Volume breaks, reseller tiers or bundle pricing beyond a standard price matrix.
Multi-location print routing. Sending an order to whichever print partner is closest to the buyer.
Background removal and upscaling already ship in Cmsmart AI, billed in AI credits on the same licence. Custom development is wiring that AI step into a bigger pipeline — auto-cleaning every upload on arrival and routing flagged artwork to a reviewer.
Cmsmart's delivery approach is the same whatever the feature: discovery, build, QA and launch, with support after go-live (see the delivery model).
Cmsmart has built and supported WordPress apparel storefronts since 2012 as a Netbase JSC division, with thousands of live client projects behind the Product Designer that now powers the T-Shirt Store preset.
With 6,300+ client projects and 1,800+ live stores since 2012, buyers of Cmsmart's apparel storefronts have said similar things for years: "I purchased the Teepro theme and absolutely love it! I ran into a few issues with setup and customer service was quick to respond and very helpful" — Vince Agwada, Trustpilot review. Cmsmart's overall Trustpilot rating is 4.2 from 404 reviews. See the Product Designer plugin page and the pricing page — the T-Shirt Store and five other presets are included from Fullstore up, each at version 2.0.1 (cmsmart.net/products, 2026-10-22). See all Cmsmart Stores if apparel isn't your only line.
Frequently asked questions
Can I use my own products instead of the demo catalogue?
Yes. The demo catalogue shows the product-edit screen and the Cmsmart Product Designer tab working on a real product; replace its items, images, prices and categories before you accept real orders.
Which plan activates the Cmsmart T-Shirt Store?
A Cmsmart Fullstore plan or higher activates it and the other five Cmsmart Store presets; see the pricing page.
Can I change the logo and colors without touching code?
Yes. The header and footer are Site Editor template parts built from blocks (Site Logo, menu, columns), so logo, menu items, colors and footer text are all editable visually.
Do I need a separate plugin for print pricing?
No. Each designable product has its own printing-options box where you connect a price-matrix or option set, so size, print sides and quantity affect the price without a second plugin.
Where do I check my store's revenue and orders without leaving wp-admin?
Open the Cmsmart menu and go to Overview: it shows revenue, orders and in-production cards, an AI token card, a 30-day revenue trend and your top products in one screen.
Why does my store ship with Cmsmart Product Designer 2.18.3 instead of the newest 2.18.4?
The 2.0.1 store package bundles 2.18.3 at the point it was built; once your store is live, the normal WordPress plugin update offers 2.18.4, released the same day.
Where do I customize the store further once the basics are set?
Applies to Cmsmart Boxed Store 2.0.1 (built on Cmsmart Stores 2.0.0), with Cmsmart Stores Blocks 2.1.2 and Cmsmart Product Designer 2.18.3 bundled by Store Setup · Updated October 2026. Screenshots are from a fresh Store Setup v2 install of the Boxed Store on WooCommerce 11.2.1.
In short
The Cmsmart Boxed Store is a ready-made WooCommerce storefront for packaging and box printers, with branding, pages, a sample catalogue and a product designer already wired together.
Store Setup v2 installs the theme, Cmsmart Stores Blocks and Cmsmart Product Designer in one pass; you then spend the first hour on branding, products, payments, shipping and one test order.
It takes a Fullstore (or higher) licence, about an hour of your time, and your own box artwork and shipping rules to replace the sample data.
The Cmsmart Boxed Store is a custom packaging store WooCommerce theme and demo catalogue for packaging and box printers, built on Cmsmart Stores and bundled with Cmsmart Product Designer. Set up through Cmsmart Store Setup v2, it gives you a branded storefront, pages, a sample catalogue and a working configurator in roughly an hour, so you can swap in your own box styles and start quoting the same day.
A buyer who wants a run of mailer boxes does not want to email a PDF and wait for a quote. They want to pick a box style, enter dimensions, see a price for their quantity, and either check out or ask for a quote on a bigger run. Most packaging businesses selling online still bolt a configurator onto a generic theme, or run that process over email — in a custom packaging market Grand View Research values at an estimated $39.7 billion in 2025, that manual gap is expensive at scale.
Cmsmart Boxed Store skips that step: a WooCommerce theme made for a print catalogue, paired with Cmsmart Product Designer so one demo product already has a configurator, printing options and a quote path turned on. This guide covers the first hour after install — branding, the sample catalogue, designer and printing-option setup, payments, shipping, where to watch your numbers, and a test order.
What does running a packaging storefront without a configurator actually cost you?
Every week a packaging store runs on a generic theme with no configurator, staff re-quote the same box sizes by email and buyers abandon carts that show no price. Cmsmart Boxed Store replaces that manual loop with a storefront, configurator and printing options already connected.
Manual quoting. Every custom dimension or board stock becomes an email thread instead of an on-page price.
Theme-to-plugin mismatch. A generic theme and a bolted-on designer plugin are rarely tested together.
Reprints from unapproved artwork. Without an approval step, a print file can reach production before sign-off.
Staff time on repeat setup. Pages, menus, payments and shipping get rebuilt from scratch per store.
A rough formula for the manual-quoting cost: (custom-quote requests per month) × (minutes per quote) × (your loaded hourly rate) ÷ 60. Run your own figures before you decide what a self-serve price matrix and quote form are worth.
What could your packaging store look like by tomorrow morning?
Imagine a packaging buyer configuring a mailer box size, seeing a live price for their quantity, and either checking out or sending a quote request for a bulk run — all on your own branded WooCommerce store, with Cmsmart Product Designer and printing options handling the configurator and the math.
Example scenario. A regional packaging converter sets up the Cmsmart Boxed Store on a Friday. By Monday the sample catalogue is swapped for real box SKUs with their own size and board-stock printing options. A buyer configures a box style and quantity, gets an instant price for a small run, and uses the built-in quote request for a larger one — landing in the order list the same afternoon, no separate inbox to check.
Setting this up yourself takes about an hour once the store is installed. If you'd rather have Cmsmart's team configure the box styles, pricing and shipping for you, talk to an ecommerce expert about a guided setup.
How does Cmsmart get a packaging store onto your site in the first place?
Cmsmart Store Setup v2 installs the Boxed Store, Cmsmart Stores Blocks and Cmsmart Product Designer together as one tested bundle, through a one-file installer or a manual theme upload, so theme and product designer start on versions tested against each other.
This guide does not repeat the install itself — the install hub covers both paths in full. Briefly: browse the live demo, pick the Boxed Store in Store Catalogue, then run Store Setup — a one-file installer (about 10 minutes) or a manual theme upload (about 30 minutes). Since 19 October 2026 the installer (kit 2.0.3) publishes a new store live immediately, no "Coming soon" screen to switch off.
The released Cmsmart Boxed Store 2.0.1 content tree installs Cmsmart Product Designer 2.18.3 and Cmsmart Stores Blocks 2.1.2 on parent theme Cmsmart Stores 2.0.0 — the versions you should see fresh. Cmsmart Product Designer 2.18.4, released 22 October 2026, arrives separately through the normal plugin update, not the bundle: open Dashboard → Updates once live and install it when WordPress offers it.
Video: How to download Cmsmart Product Designer and kick-start your store (Cmsmart on YouTube)
How do you set up the Cmsmart Boxed Store in the first hour?
After install, Cmsmart Boxed Store needs about an hour of configuration: confirm the bundled versions, set your branding, review the imported pages and sample catalogue, configure Cmsmart Product Designer and printing options on one product, then connect payments, shipping, store address and currency before a test order.
Confirm the install. Open Appearance → Themes: Cmsmart Boxed Store 2.0.1 active, parent theme Cmsmart Stores 2.0.0 installed alongside it.
Set your branding.Settings → General for your site title; the Site Editor for logo, header and footer — see the customise guide.
Check the imported pages and menus.Pages → All Pages: home, shop, cart, checkout, my account and a few designer pages. Trim what you don't need.
Review the sample catalogue.Products → All Products shows demo data shared across the Cmsmart Stores packaging and print family, not boxes — treat it as placeholder.
Open the Cmsmart Product Designer tab on one product. Its Setting Cmsmart box: Enable Design, pick the design editor layout (Modern recommended), turn on templates, set DPI and dimension unit.
Set printing options and the quote path. In NBD options → Printing Option, enable printing options and edit the set driving box size or board-stock pricing; the Request Quote tab covers runs too large for a fixed price.
Set your store address and currency.WooCommerce → Settings → General holds store address, selling locations and currency — placeholder on a fresh install.
Connect a payment method.WooCommerce → Settings → Payments lists WooCommerce Payments, PayPal and offline payments (see WooCommerce's docs); configure at least one before a real order.
Set up a shipping zone.WooCommerce → Settings → Shipping ships one zone, local pickup only — add what boxed freight needs (WooCommerce's shipping zones guide).
Place one test order end to end. Add a configured product to cart, check out with a test payment method, and confirm the order lands in WooCommerce → Orders with its design and printing choices attached.
Appearance → Themes: Cmsmart Boxed Store 2.0.1 active, Cmsmart Stores 2.0.0 parent theme installed alongside it.Products → All Products: the sample catalogue the demo import creates, ready to be replaced with your own box SKUs.A product's Setting Cmsmart box on "Business Postcard A": design editor layout, templates, DPI and dimension unit for the design area.NBD options → Printing Option: where box size and board-stock pricing rules live, with Request Quote for large runs.WooCommerce → Settings → General: store address, selling locations and currency.WooCommerce → Settings → Payments: connect at least one method before your first real order.WooCommerce → Settings → Shipping: the default zone only offers local pickup until you add your own.
Where do I see my store's numbers?
Cmsmart Product Designer 2.18.3 adds a Cmsmart → Overview page in wp-admin: revenue and order stat cards, a revenue trend chart, top products and recent orders, so a Boxed Store owner checks sales and production load without opening separate WooCommerce reports.
It also gives quick links straight into orders, products, cliparts and settings, so checking the numbers and acting on them happens in the same screen.
Cmsmart → Overview: revenue, orders and in-production stat cards, a revenue trend chart, top products and quick actions.
What should packaging and box printers change first in the sample data?
Because the Boxed Store ships with the same generic sample catalogue as the rest of the Cmsmart Stores packaging and print family, Cmsmart Product Designer's per-product settings are where a packaging business does its real work: box dimensions, board stock as a printing option, and a quote path for oversized runs.
Use dimensions, not just templates, for box variants — set the dimension unit (centimetres on the demo product above) to match how you spec boxes internally.
Put board stock and finish on the printing-options axis, not as separate products. A price-matrix-style option (see the Price Matrix guide) keeps one box style as one product with a size-by-quantity price grid.
Check the storefront on a phone. The Start Design button sits in a fixed bar at the bottom of the product page, often the first thing a buyer taps.
Cmsmart insight: don't be surprised the sample catalogue shows business cards and postcards instead of boxes — every Cmsmart Stores packaging and print pack ships the same generic demo catalogue. Treat it as a placeholder for pages and category structure, and replace the products before marketing points at the store.
The shop page with the sample catalogue — swap these for your own box SKUs before launch.Cmsmart Product Designer open on the storefront, with Templates, Text, Cliparts and Layers tools.The product page on a phone: price and Start Design stay pinned to the bottom of the screen.Tap Start Design and the same template and layer tools open in a mobile toolbar — worth checking on a real phone, since a box buyer is as likely to configure a size from a warehouse floor as a desk.
What's the business value and the KPIs to track once your packaging store is live?
Cmsmart Boxed Store turns box configuration, pricing and quoting into something a buyer does themselves, so the value shows up as fewer manual quotes, consistent per-box-size margins, and fewer reprints from unapproved artwork — each trackable as a KPI against your own baseline, with Cmsmart → Overview as the first place to watch it.
Benefit
How it shows up
KPI to track
Storefront, pages and catalogue built in
Less time building navigation from scratch
Days from install to first live product
Product Designer on the product page
Buyers configure box size and options themselves
Orders with no manual quote email
Price matrix per box style
Consistent margin across size/quantity tiers
Average order value by box-size tier
Request Quote path for large runs
Oversized runs reach you as a structured quote
Quote-to-order conversion rate
Approved-artwork lock
Designs lock once a buyer approves the proof
Reprint rate from post-approval changes
Cmsmart → Overview dashboard
Revenue, orders and production load in one screen
Orders in production vs. shipped per week
ROI worksheet (use your own numbers):
Hours saved on setup = (hours to build pages/menus/catalogue by hand) − (hours on this first-hour checklist)
Monthly quoting time saved = (custom quotes per month) × (minutes per quote) × (loaded hourly rate) ÷ 60
Reprint cost avoided = (reprints per month from unapproved art today) × (average cost per reprint)
Cmsmart Boxed Store vs a generic WooCommerce theme
Cmsmart Boxed Store
Generic WooCommerce theme
Starting point
Storefront, pages and catalogue imported by Store Setup v2
Pages and catalogue built by hand
Product configurator
Product Designer tab built into the product edit screen
A separate plugin, matched to the theme yourself
Box size / stock pricing
Printing Options and price matrix on the same product
Usually variable products or a separate plugin
Large-run quotes
Request Quote tab next to printing options
A contact-form workaround, disconnected from the catalogue
Print output
Print-ready PDF generated to match the order automatically
Depends on whichever plugin you add
Version compatibility
Theme, Blocks and Product Designer tested together
Theme and designer updates can drift apart
What can Cmsmart build on top of the Boxed Store as your packaging business grows?
Beyond what Store Setup v2 gives you, Cmsmart builds custom development for packaging needs — die-line templates, ERP/MIS-connected pricing, B2B account pricing and reorder flows — scoped to how your business actually quotes and produces work.
Die-line and structural templates. Real structural dielines, not flat print templates, aren't part of the core product designer today — Cmsmart builds that into the design area as custom development.
ERP/MIS-connected pricing. When cost-plus pricing lives in an MIS or ERP system, Cmsmart connects the store's pricing to it instead of duplicating the logic in WooCommerce.
B2B account pricing and reorder. Repeat buyers on negotiated pricing, with saved specs to reorder in a couple of clicks.
Cmsmart's delivery approach: discovery, a solution design you approve, build sprints, QA, launch, support — see the project case studies.
Why work with Cmsmart on a custom packaging store WooCommerce project?
Cmsmart has run ecommerce and web-to-print projects as a Netbase division since 2012, with 6,300+ client projects and 1,800+ live stores, so setting up the Boxed Store builds on print-specific delivery experience, not a brand-new plugin.
4,600+ client projects delivered since 2012, across 80+ countries.
1,800+ live stores running today.
Rated 4.2 on Trustpilot (404 reviews) as of this writing.
"Was searching for an optimal solution for our printing business and came across Cmsmart. [Their team] helped figure out different plans and went out of their way to support me." — Viswam Digital, Trustpilot
Can I use my own products instead of the sample catalogue?
Yes. The sample catalogue is placeholder data — not boxes — so unpublish or edit those products and add your own box SKUs with Cmsmart Product Designer and printing options configured.
Which Cmsmart plan activates the Boxed Store?
The Boxed Store is free to set up and runs with sample data; a Fullstore licence (or higher — B2B or Marketplace) activates it for a live domain. Current plans are on Cmsmart's pricing page.
Can I change the colours, logo and header without touching code?
Yes — the Site Editor's Styles panel controls colours, typography and header layout store-wide. The customise guide covers header variants and plugins.
Does the store open with a "Coming soon" page while I set it up?
Not since 19 October 2026: installer kit 2.0.3 publishes a new store live immediately, no "Coming soon" screen to switch off.
Can customers get a quote instead of an instant price for large box runs?
Yes — the NBD options panel also has a Request Quote tab per product, so oversized or non-standard runs reach you as a structured quote rather than a fixed checkout price.
Applies to Cmsmart 3D Print Store 2.0.1 (parent Cmsmart Stores 2.0.0) · Cmsmart Product Designer 2.18.3 · Cmsmart Stores Blocks 2.0.1 · WooCommerce 11.2.1 · Updated October 2026. Screenshots in this guide come from a real installation of the Cmsmart 3D Print Store on a WordPress/WooCommerce site.
In short
A ready-made WooCommerce storefront for personalized 3D-printed products, with branding, a sample catalogue, and the Cmsmart Product Designer already wired to a demo product.
Cmsmart's Store Setup wizard installs the theme, plugin and sample data in one pass; you spend the first hour on branding, products, payments, shipping and a test order.
It takes a Fullstore (or higher) licence, a WordPress host with WooCommerce, and about an hour before you replace the sample data with your own.
The Cmsmart 3D Print Store turns WordPress into a 3D printing store WooCommerce shoppers can order from: a pre-built theme and demo catalogue bundled with the Cmsmart Product Designer (formerly NBDesigner) so buyers configure a product before paying. Install it with Cmsmart's Store Setup wizard, spend an hour on branding and payments, and it's ready to sell.
Why does launching a 3D print store the old way cost you weeks?
A generic WooCommerce theme gives you a blank shop: no products, no personalization flow and no pricing rules for materials. Cmsmart ships a themed storefront, a sample catalogue and the product designer already connected, so the first hour is configuration, not construction.
Sellers who start from a bare theme usually hit the same wall points:
No personalization path. WooCommerce sells fixed SKUs out of the box; letting a buyer choose a color or upload artwork means wiring in a separate plugin yourself.
Pricing by material and finish. A print shop prices by filament, resin and finish, not one product price — without a price-matrix tool that is a spreadsheet and manual quoting.
Empty-shop syndrome. No demo content means no pages, menus or sample products to work from.
Payments and shipping from scratch. Every new store still needs a payment method and a shipping or pickup zone before it can take an order.
Put a rough number on it: hours wiring a design plugin and a price matrix + hours building pages from zero + your hourly rate. For most small teams that's several working days before the first order — against the one hour this guide walks through.
What would your 3D print store look like after one hour?
An hour in, Cmsmart gives you a live WooCommerce store with your logo and colors, a sample catalogue of 3D-printed products, and the Product Designer already attached to a demo product — ready for you to swap in your own prints and go live.
Example scenario. A small print shop owner picks the Cmsmart 3D Print Store before lunch. By the time they're back, the installer has built a live site with the theme active. They spend the next hour swapping the logo, opening the Product Designer tab on a demo product, turning on a payment method and a local-pickup zone, then place one test order before replacing the sample catalogue with their own prints.
How does Cmsmart build a 3D print store for you?
Cmsmart's Store Setup wizard installs the Cmsmart 3D Print Store theme on the Cmsmart Stores parent theme, WooCommerce, the Cmsmart Product Designer plugin and a sample catalogue together, so you configure one connected store instead of assembling a theme and a design plugin separately.
The released content tree installs:
Cmsmart 3D Print Store 2.0.1, a child theme of the Cmsmart Stores 2.0.0 parent, with Cmsmart Stores Blocks 2.0.1 supplying its block-editor components.
Cmsmart Product Designer 2.18.3 (formerly NBDesigner), bundled by Store Setup and already attached to a demo product.
Installer kit 2.0.3, which downloads and wires the theme, plugin and sample data together in one pass.
A sample catalogue: pages, menus and demo products you edit instead of building from zero.
Appearance > Themes: Cmsmart 3D Print Store 2.0.1 active, with its Cmsmart Stores 2.0.0 parent theme installed alongside it.
Cmsmart insight: Check Appearance > Themes and Plugins once before branding — a child/parent theme pair plus a designer plugin is three moving parts, and knowing their versions saves a support ticket if something looks different from a screenshot.
Store Setup bundles 2.18.3, already attached to the demo product so the designer works the moment your store goes live.
How do you set up a 3D Printing Store WooCommerce site in an hour?
You install the Cmsmart 3D Print Store once through Cmsmart's Store Setup wizard, then configure it: branding, pages, your catalogue, the Product Designer tab, payments, shipping and a test order — about an hour from install to a store you could point a customer at.
Install first, then configure. Cmsmart's dashboard installer downloads one PHP file (installer kit 2.0.3) you upload to an empty folder (about 10 minutes), or you install the theme files and plugin by hand (about 30 minutes); either way it runs with sample data from the first minute. The full walkthrough is in the Cmsmart Store Setup install guide — this post picks up once the store is live, on the Cmsmart 3D Print Store product page's feature set.
The first hour, step by step
Set your logo and header. In the Site Editor, open the Header template part and replace the Site Logo block; the menu and cart/account icons are already wired.
Edit the footer. Open the Footer template part and update the address, phone, email and support links — the sample footer ships with placeholder contact details.
Set your site title and icon. In Settings > General, replace the sample Site Title and upload your own site icon.
Check the imported pages. Pages > All Pages lists every page the sample data created (About, Cart, Checkout, My account and more) to edit in place.
Review the sample catalogue. Products > All Products shows the demo items — sample copy doesn't always match the product (the demo's "Phone Cases" product still carries vinyl-sticker description copy).
Open the Product Designer tab. A demo product's "Setting Cmsmart" box shows Enable Design, layout and DPI already configured, next to an NBD options panel with a Printing Option toggle.
Set your store address and locations. WooCommerce > Settings > General holds the address, selling/shipping locations and default customer location.
Turn on a payment method. WooCommerce > Settings > Payments lists its own methods, PayPal Payments and offline options.
Set a shipping zone. WooCommerce > Settings > Shipping ships with one sample zone (Local pickup) to rename and extend.
Place a test order. Add the demo product, press Start Design, step through the designer, and check out with a test payment.
Check the storefront on a phone. Price, options and Start Design should work at phone width — and so should the designer itself once a buyer taps it.
Go live. Bind your licence key to your real domain under Commerce > Your Licenses, then remove the sample data.
Swap the Site Logo block here to rebrand the storefront without touching code.The sample footer address, phone and email are demo placeholders — replace them before launch.Pages > All Pages: a full page set imported for you to edit in place.Products > All Products: the sample catalogue to click through and replace, not a finished product line.The "Setting Cmsmart" box: Enable Design, editor layout and DPI already configured on the demo product.The NBD options panel's Printing Option tab: attach a priced option set to a product.WooCommerce > Settings > Payments: turn on at least one method before you test-order.The storefront home page, running on the sample data, before any rebranding.Start Design opens the Cmsmart Product Designer directly from the demo product page.Templates on the left, Cmsmart's AI preflight ("Preflight Check") and Process on the toolbar.The same product page on a phone — price and Start Design both usable before you launch.The designer also opens at phone width — a customer never has to switch to a desktop to finish an order.
Licence keys bind to the first domain that activates them — change the root domain under Commerce > Your Licenses when you move from staging to your live site.
Where do I see my store's numbers?
Cmsmart > Overview is the landing page of Cmsmart Product Designer in wp-admin: it shows revenue, orders and production-queue stat cards, a revenue trend chart, your top products and a set of quick actions, so you don't have to open WooCommerce Reports to check how the store is doing.
Once your test order is in, open Cmsmart > Overview (in the Cmsmart sidebar menu) to see:
Stat cards for revenue, orders and items in production over the last 30 days, plus AI Tokens if you use the AI design tools.
A revenue trend chart, so you see paid orders building up day by day instead of re-running a report.
Top products for the same window, so you know which product is actually converting.
Quick actions — Import Products, Manage Products, Cliparts, Fonts and Settings — one click away.
Cmsmart > Overview: stat cards, revenue trend and top products build up as real orders replace the test one.
What should 3D print sellers configure differently?
A 3D print catalogue prices by material and finish rather than a flat per-item price, and buyers often need to send their own file for a custom piece — set the Printing Option list and the upload rules to match before you launch.
Price by material and finish, not just size. Use the Printing Option box to list filament or resin options and the price difference for each — the price matrix a 3D print catalogue needs.
Plan for custom requests. The product page supports custom requests through file upload with configurable restrictions, so a buyer with their own model has a path that doesn't depend on email.
State a lead time. 3D printing and finishing takes longer than a same-day job; say so on the product page so buyers set expectations before they pay.
Double-check the category tree. The sample catalogue's categories are generic (business-card categories on a phone case); rebuild them around your actual materials.
What's the business value of launching on Cmsmart instead of a generic theme?
Cmsmart's 3D Print Store turns a blank-theme project into a one-hour configuration task: the storefront, sample catalogue and Cmsmart Product Designer arrive wired together, so the time you'd spend assembling those pieces goes into your products and marketing instead.
Benefit
How it shows up in your business
KPI to track
Faster time to a working store
Store Setup installs theme, plugin and sample data in one pass
Hours from install to a store you could show a customer
A personalization path from day one
Product Designer already attached to a demo product, Start Design live
Product views that click Start Design
Priced options instead of one flat price
The Printing Option box charges differently per material or finish
Average order value, customized vs. fixed-price SKUs
Fewer abandoned custom orders
Buyers see a running price before checkout, not after a manual quote
Cart-to-checkout rate on designed products
Visibility without extra reporting
Cmsmart > Overview surfaces revenue, orders and top products on one page
How often you check Overview vs. a spreadsheet
Personalization is not a guess: a 2026 Deloitte Digital survey found 52% of consumers are more likely to buy from brands that personalize their experience, spending 30% more with them (Deloitte Digital, 2026). The market is growing too: 3D printing services are projected to reach $10.38B in 2026 and $19.01B by 2030, a 16.3% CAGR driven partly by demand for customized production (The Business Research Company, 2026).
Generic WooCommerce theme
Cmsmart 3D Print Store
Starting catalogue
Blank — add every product and page yourself
Sample catalogue, pages and menus already imported
Product personalization
Not built in; wire a separate design plugin
Product Designer already attached to a demo product
Pricing by material/finish
Needs a separate pricing or options plugin
Printing Option box on each product
Custom model/artwork requests
Needs custom development to collect files safely
File upload with configurable restrictions, built in
This store's checkout runs on WooCommerce's own block-based cart and checkout, built to reduce friction on exactly this kind of multi-option, priced-by-material order (WooCommerce documentation).
What can Cmsmart build on top of the 3D Print Store?
The Cmsmart 3D Print Store covers the storefront, catalogue and 2D personalization flow; a full 3D-configurator or production pipeline is custom development Cmsmart builds for your store, scoped to how you actually print and ship.
Interactive 3D model preview. The built-in designer personalizes 2D artwork; a true rotate-and-zoom preview of the finished print is custom development.
Production-queue integration. Connecting orders straight into your slicer or print-farm queue, instead of checking WooCommerce > Orders by hand, is a custom integration.
Tiered quoting for bulk and B2B orders. Volume pricing beyond the standard Printing Option list is pricing logic Cmsmart builds to your rules.
Automated proofing for custom files. An automated size/format check on a buyer-uploaded file can be built into the upload step.
Cmsmart scopes this work the same way for every project: discovery, solution design, build sprints, QA, launch and support — see the delivery model on Cmsmart's web-to-print solutions hub.
Cmsmart has built ecommerce and web-to-print projects since 2012, with 6,300+ client projects, 4,600+ delivered and 1,800+ live stores today across 80+ countries, plus a 4.2 out of 5 Trustpilot rating — see the figures on Cmsmart's platform page.
Can I use my own products instead of the demo catalogue?
Yes. The sample catalogue exists so the store is never empty, not as a finished product line. Edit or delete the demo products in Products > All Products, add your own, and rebuild the category tree around your actual materials and product types.
Which plan activates the Cmsmart 3D Print Store?
The Fullstore plan activates it, alongside Cmsmart's other store themes; B2B and Marketplace plans include it too. Current plans and pricing are on Cmsmart's pricing page.
What if my licence key doesn't match the store I picked?
Store Setup checks this before you continue: a key that doesn't cover the store you chose shows an upgrade prompt, and a 30-day trial key is offered if you have none yet. You can also download the theme files free and add a licence later.
Can I sell true 3D model files (STL) instead of printed products?
The Product Designer personalizes a product's 2D artwork and accepts custom file uploads with configurable restrictions; a full 3D model marketplace is a different catalogue, which Cmsmart builds as a custom project.
Applies to Cmsmart Boxed 2 Store 2.0.1 (parent theme Cmsmart Stores 2.0.0), with Cmsmart Stores Blocks 2.1.2 and Cmsmart Product Designer 2.18.3 as bundled by Store Setup. Updated October 2026. Every screenshot below is from a store this installer actually built.
In short
Outcome: a branded, working WooCommerce print-shop store — with a trimmed sample catalogue and a real test order placed — in about an hour, once Store Setup has installed it.
How it works: Store Setup installs WordPress, WooCommerce, the Cmsmart Boxed 2 Store theme and Cmsmart Product Designer with sample data; you then brand it, shape the catalogue, and switch on payments and shipping.
What it takes: a Cmsmart Fullstore licence, a host you already have (installer file or manual theme upload), and about an hour of your own time for branding, products and commerce settings.
Cmsmart Boxed 2 Store is a ready-made WooCommerce storefront for a print shop selling business cards, postcards and similar stationery to business buyers. Store Setup installs the theme, WooCommerce, Cmsmart Product Designer and a sample catalogue in minutes; this guide covers the branding, product and commerce settings an owner configures afterward.
What does it cost a print shop to keep designing and quoting by hand?
Every manual quote, emailed proof and re-typed order is paid for twice: once in staff time, and once in the sale that goes to whichever competitor's store answers first. Cmsmart replaces that loop with a self-serve storefront where price, design and order happen in one sitting.
Think about your last ten quote requests: someone looks up a price list, drafts a quote, then chases a reply that may never come. A simple way to see that cost in your own numbers:
Cost of one manual quote ≈ (minutes quoting + minutes chasing) × your loaded hourly rate. Multiply by a slow week's quotes for a rough monthly cost of staying off self-serve.
Price lists and quotes live in someone's head, not on the product page.
Every design request means a back-and-forth with proofs attached to email.
Reorders start from scratch instead of "order again" on a past design.
There is no catalogue to browse at 9pm, so the sale waits for the shop to reopen.
By lunchtime on install day, Cmsmart Boxed 2 Store can show your own logo and colours, a trimmed catalogue of products you actually sell, and a working Cmsmart Product Designer tab on at least one of them — enough for a colleague to open the site, design a sample card, and put it in the cart as a real test.
Example scenario. A business buyer finds your store from a search for business cards. The all-categories menu and search bar on the home page take them straight to a category card; they pick a product, press Start Design, drop in their own logo and tagline, and watch the price update as they choose colour and quantity. They add it to the cart, see the total before shipping, and check out — no email, no wait for a quote back.
How does Cmsmart put the Boxed 2 Store together?
Cmsmart layers five pieces on top of WordPress and WooCommerce: the Cmsmart Stores parent theme, the Cmsmart Boxed 2 Store child theme, Cmsmart Stores Blocks, Cmsmart Product Designer and WooCommerce's own checkout — each one visible in your own wp-admin once Store Setup has installed them. Boxed 2 Store is one layout in Cmsmart's wider web-to-print software line-up.
Cmsmart Stores (parent theme). The shared design system every Cmsmart Stores layout inherits; Appearance → Themes shows it installed alongside the store's own child theme.
Cmsmart Boxed 2 Store (child theme). The all-categories menu, home-page sections and this store's own header and footer, editable in the block Site Editor.
Cmsmart Stores Blocks. The block-editor patterns the Site Editor uses to build the header, footer and home-page sections.
Cmsmart Product Designer (formerly NBDesigner). The "Setting Cmsmart" and printing-option boxes on each product; turns it into one a buyer can design, and renders the print-ready PDF that matches the order. See the plugin page for the full feature list.
WooCommerce. Products, cart, checkout, payments and shipping zones — the commerce layer every Cmsmart Stores store sits on.
What's the business value of a ready-made WooCommerce store?
A ready-made store swaps months of custom theme and plugin work for configuration: Cmsmart Boxed 2 Store already wires the storefront, Cmsmart Product Designer and WooCommerce together, so the hours you spend go into branding and your own catalogue instead of plumbing them together yourself.
Benefit
How it shows up in your business
KPI to track
Faster launch
Theme, commerce layer and product designer arrive already wired together, instead of being assembled plugin by plugin
Activation time: from "Install my store" to your first real product live
Lower setup cost
No custom theme build and no manual integration between the storefront and Cmsmart Product Designer
Hours of staff or agency time spent per product onboarded
Faster first sale
A buyer can design and pay in one visit once your catalogue and payments are live
Time from go-live to first paid order
Higher order value on repeat business
Printing options carry stock, finish and quantity tiers on every designable product
Average order value before and after your printing options are tuned
Rough time-saved worksheet. Hours saved per month ≈ (quotes answered by hand) × (minutes per manual quote − minutes per self-serve order) ÷ 60. Run it with your own quote volume for a business case, instead of guessing.
Cmsmart Boxed 2 Store vs. a generic WooCommerce theme
Cmsmart Boxed 2 Store
Generic WooCommerce theme
Product designer
Cmsmart Product Designer wired into the product editor from the first install
Added and connected separately, usually by a developer
Printing options / price matrix
An "NBD options" box ships on products already using the designer
Built from scratch or with a separate pricing plugin
Starting catalogue and pages
Sample products, categories and core pages load with the install
Blank; every page built by hand
Theme updates
Parent/child structure (Cmsmart Stores plus Boxed 2) keeps edits safe through updates
Depends on the theme author's own update discipline
Who sets it up
A store owner, following a guide, in about an hour
Usually a developer, over days
Cmsmart insight: most new Boxed 2 owners spend their first hour fighting the sample catalogue instead of replacing it. Treat the demo cards and envelopes as placeholders to delete or relabel, not inventory to keep — the sample names and photos are placeholder data only.
How do you set up the Cmsmart Boxed 2 Store in one hour?
Store Setup installs WordPress, WooCommerce, the Boxed 2 theme and Cmsmart Product Designer for you; what is left is an hour of configuration — branding, trimming the sample catalogue, and switching on payments and shipping — before you run a test order and go live.
Install first. Store Setup built an installer, put WordPress, WooCommerce, the Boxed 2 theme and Cmsmart Product Designer on your host, and loaded the sample catalogue. Since installer kit 2.0.3 (19 October 2026) the store opens live on its own domain the moment setup finishes, with no WooCommerce "coming soon" page in the way. Not run that step yet? Follow Install a Cmsmart Store: parent/child theme, step by step first.
The released content tree installs Cmsmart Stores Blocks 2.1.2 and Cmsmart Product Designer 2.18.3 with the Boxed 2 theme, on the Cmsmart Stores 2.0.0 parent theme; the captures here are from that build. Keep Cmsmart Product Designer up to date via Dashboard → Updates, the same as any other plugin update.
Open Appearance → Site Editor → Patterns → Template Parts → Header and swap the Site Logo block for your own mark; the menu and cart/account icons are already wired to WooCommerce.
Do the same for the Footer template part: replace the sample company copy, address and social links with your own.
Set your real site title under Settings → General, and a site icon once you have one.
The header template part in the Site Editor: swap the Site Logo block for your own mark.Settings → General: your real site title, and a site icon once you have one.
Load your catalogue (about 20 minutes).
Check Pages → All Pages: the sample-data import already created home, shop, cart, checkout, My Account, About and FAQ pages, among others.
Open Products → All Products: the sample catalogue ships cards, postcard and envelope products as placeholders. Decide what to keep, rename, re-price or delete.
Edit one product — title, description, price, image — to match something you sell.
In that product's "Setting Cmsmart" box, check Enable Design and the template/DPI settings Cmsmart Product Designer uses for it.
In the "NBD options" box, confirm which printing-option set — the price matrix for stock, finish and quantity — it uses.
Pages → All Pages: the sample data already created a full page set.Products → All Products: the sample catalogue, ready to trim or replace.Editing one sample product: title, description, price and image.The "Setting Cmsmart" box: Cmsmart Product Designer's settings for this product.The "NBD options" box: which printing-option set this product uses.
Cmsmart insight: set up one printing-option set — stock, finish and quantity tiers — and point every similar product at it from the "NBD options" box, instead of rebuilding the price matrix by hand on each new product.
Turn on commerce (about 15 minutes).
WooCommerce → Settings → General: set your real store address, currency and the countries you sell and ship to — tax and shipping rates are calculated from this address.
WooCommerce → Settings → Payments: connect at least one real payment method before you go live; the sample ships with only "Take offline payments" on.
WooCommerce → Settings → Shipping: review the sample zone and add the zones your own store needs.
WooCommerce → Settings → Payments: connect a real payment method.WooCommerce → Settings → Shipping: the sample zone, ready to adjust.
Run one test order (about 10 minutes). Before you invite a single customer, place an order yourself:
Open the product you just edited on the storefront and press Start Design.
Design something, save it, and confirm the price updates the way your printing options expect.
Add it to the cart and check the total, then stop before entering real payment details.
Open the order in wp-admin afterward and confirm the design and price match what you saw as the buyer.
The storefront product page: colour options, live price and Start Design.Cmsmart Product Designer open on the product, with a starting template.The same designer on a phone: a buyer can finish the same design from their mobile.The cart, with the test product and total — stop here before paying.
Go-live checklist.
Header, footer and site title show your brand, not the sample copy.
Products you actually sell are published, priced, with Designer and printing-option settings checked.
A real payment method is connected and tested.
Shipping zones match where you actually ship.
Unwanted sample data is removed, as its own step in Store Setup — nothing disappears by accident.
Where do I see my store's numbers?
Cmsmart → Overview in wp-admin gives a store owner one screen for revenue, orders and production load — stat cards, a revenue trend, top products and quick actions — without opening WooCommerce reports separately.
Once real orders arrive, this is where you check the store's health day to day: revenue and orders for the last 30 days, designs waiting in production, and your Cmsmart Cloud AI token balance, with quick actions to import or manage products alongside.
Cmsmart → Overview: revenue, orders, production load and quick actions in one screen.
What custom development can Cmsmart build on top of the Boxed 2 Store?
Once the ready-made store is live, Cmsmart's own delivery team can extend it with work that is not part of the standard install: a larger or re-priced catalogue, ERP or MIS integration, bespoke pricing rules, or a custom template library — each scoped, built and supported as a project, not a plugin setting.
Full catalogue build-out. Cmsmart builds your real product range: categories, pricing, printing options and photography.
ERP/MIS and accounting sync. Cmsmart builds the integration between your WooCommerce orders and your print-shop management or accounting system.
Custom pricing rules. Cmsmart builds pricing logic beyond the standard printing-option matrix: tiered trade pricing, per-customer rates, rush-order surcharges.
Design template libraries. Cmsmart builds and curates ready-to-edit templates for your most-ordered products.
Cmsmart has built ecommerce and web-to-print stores as a Netbase division since 2012, with a published track record of client projects and live stores; the Boxed 2 Store is one of six ready-made Cmsmart Stores layouts built on the same plugin and support team behind every Cmsmart project.
Cmsmart has delivered 6,300+ client projects since 2012, 4,600+ completed, with 1,800+ stores live today, rated 4.2 out of 5 from 404 reviews on Trustpilot.
Yes. Edit or delete the sample catalogue's cards, postcards and envelopes from Products → All Products and add your own; each product keeps its own Cmsmart Product Designer and printing-option settings.
Which plan activates the Cmsmart Boxed 2 Store?
Cmsmart Fullstore. It is one of six Cmsmart Stores layouts a Fullstore licence can install from Store Setup; see Cmsmart pricing for current plans.
Can I change the colours and logo without touching code?
Yes. The header, footer and home-page sections are block-editor template parts, edited from Appearance → Site Editor like any WordPress block theme.
Does the store open live immediately, or show a "Coming soon" page?
Since installer kit 2.0.3 (19 October 2026), the store opens live on its own domain as soon as setup finishes — WooCommerce's own "coming soon" screen is not part of the installed flow.
Why is it called "Boxed 2" if it is not a packaging store?
"Boxed 2" names this Cmsmart Stores layout, not the product range: the sample catalogue is cards, postcards and similar stationery for business buyers, like the other Cmsmart Stores layouts with a different home-page design.
Is hosting included?
No. A Fullstore licence activates the store, but you install it on a host you already have — via the installer file or a manual theme upload under Appearance > Themes. Cmsmart's own managed hosting is "coming soon" in the Store Setup dashboard.
Applies to Cmsmart B2B Store 2.2.0 (parent theme Cmsmart Stores 2.1.0) and Cmsmart B2B 2.2.0, the current released versions on cmsmart.net/products · Updated October 2026. Store Setup v2 installs the Cmsmart B2B Store from a content tree that bundles Cmsmart Product Designer 2.18.5 and the matching Cmsmart B2B add-on, so a freshly installed store runs the version this guide describes throughout.
In short
Outcome: a working WooCommerce B2B store with company accounts, price lists, brand templates and a quote queue, running on sample data inside an hour.
How it works: Store Setup v2 installs Cmsmart B2B Store on your host, then you swap the branding, pages and sample catalogue for your own.
What it takes: a Cmsmart B2B licence key, a WordPress host that meets the plugin's requirements, and about 60 minutes of your afternoon.
A WooCommerce B2B store setup usually means weeks of custom development before a single business buyer can sign in. Cmsmart B2B Store compresses that into about an hour: Store Setup v2 installs the theme, the Cmsmart B2B plugin and a sample catalogue, so your first hour goes into your own branding and products, not building accounts, price lists and brand rules from a blank install.
What does quoting B2B buyers by email actually cost a print or promo supplier?
Every manual quote is a round trip: a buyer emails for a price, someone looks up a rate card, a spreadsheet gets updated, and the buyer waits. Cmsmart B2B Store replaces that loop with company accounts, price lists and a quote queue, so repeat buyers see their price and order without a phone call.
If you sell business cards, signage, packaging or branded merchandise to companies, you probably recognise this pattern:
Buyers want their price before they commit, but public prices are retail and account prices live in a spreadsheet.
Every quote is typed by hand: product, quantity, tier, address, terms.
Reorders start from zero — the buyer re-sends last quarter's PO by email.
A new account needs an email back-and-forth to agree a credit limit and tier.
Nobody can see at a glance which quotes wait on you, and which on the buyer.
Put a number on it: quotes per week × minutes per quote × your loaded hourly cost is staff time spent before a single order is placed. The pressure is only growing: 67% of B2B buyers now favor a rep-free buying experience, per a 2026 Gartner survey.
What could your B2B storefront look like by tomorrow?
Cmsmart B2B Store gives each business buyer a sign-in with their own price list, a quick-order screen and a quotes inbox, while your team approves accounts and quotes from one dashboard — all running before lunch, on sample data you can replace later.
Example scenario. A procurement buyer signs in and "Sign in for your price" becomes their agreed tier price. They load last quarter's order from a saved list, and the cart recalculates at contract price. An item needing a quote goes straight from the product page to your approval inbox — approved in two clicks, from a phone.
The Cmsmart B2B Store sits in the dashboard's Store Catalogue next to the Marketplace Store — every store there is free to set up and runs with sample data from the first minute.
How does Cmsmart turn a sample store into your B2B storefront?
Cmsmart builds the B2B store from four pieces that already talk to each other: the Cmsmart Stores theme for the storefront, the Cmsmart B2B plugin for company accounts and quotes, WooCommerce for products and checkout, and the Cmsmart Product Designer for any product buyers personalise.
Storefront (Cmsmart B2B Store on Cmsmart Stores): the pages, header, footer and blocks a buyer sees, editable in the Site Editor.
Cmsmart B2B plugin: company accounts, roles, price lists, quotes, an approval inbox, buyer shipping locations and the brand tools below.
WooCommerce: the catalogue, cart, checkout, payments and shipping zones underneath it all.
Cmsmart Product Designer: the online designer and pricing engine, switched on per product — off by default on the sample catalogue. Turn it on and Cmsmart Cloud renders a print-ready PDF that matches the order for every design, the same way it does on any Cmsmart Product Designer store.
Everything above ships today, including a brand library and brand rules, built on Cmsmart Product Designer. ERP-driven pricing, punchout ordering and multi-step approvals are custom development, covered further down.
What's the business value of starting from a working B2B store instead of a blank one?
Cmsmart B2B Store turns company accounts, price lists and quote approval from a custom build into a configuration task, so the time you save shows up as faster account activation, fewer manual quotes and a shorter path to first order.
Benefit
How it shows up in your business
KPI to track
Faster account activation
Set a tier and terms once; the buyer signs in to its own price
Time from application to first approved order
Fewer manual quotes
Buyers who know their price skip the "send me a quote" email
Quotes requested per 100 B2B orders
Repeat orders, no re-keying
Quick order and saved lists turn a repeat PO into a few clicks
Average order value and reorder rate
Spend under control
Approval rules route orders above a threshold to the right person
Orders held vs released on time
Rough-cut ROI worksheet (use your own numbers): (manual quotes per month × minutes per quote × your loaded hourly cost) − (time your team now spends approving accounts and quotes in the B2B inbox) = monthly staff hours returned to selling instead of admin.
Cmsmart insight: the B2B accounts we see succeed fastest set the storefront to "Hide prices for guests" from day one — buyers learn immediately that an account unlocks a real price, which pulls applications in instead of leaving the apply form unnoticed.
How do you complete the WooCommerce B2B store setup in the first hour?
Once Store Setup v2 has installed the store, you set it up by working through branding, pages, your catalogue, pricing, store settings and a test order — all inside the same WordPress admin screens, no code and no developer on call.
Confirm the theme is active. Appearance > Themes should show Cmsmart B2B Store active, with its parent theme Cmsmart Stores alongside it.
Replace the branding. In the Site Editor, open the header template part, swap the Site Logo block and check the menu and cart icons; repeat for the footer.
Check the pages the import created. Pages > All Pages includes six pages built for this workflow: Cart, Checkout, My account, Apply for a business account, Quick order and Request a quote — edit the copy on each.
Look at the sample catalogue. Products > All Products shows the demo catalogue — a layout to learn from, then replace with your own products and prices.
Decide where the Product Designer applies. A product's "Setting Cmsmart" box has an Enable Design checkbox; "NBD options" links to Printing Option, Product Builder and Request Quote. Neither is on by default.
Build or import your printing options. Cmsmart > Printing Options lists option sets by product; the sample store ships four (business card, flyer, roll-up banner, mug) to copy or replace.
Set your store address and currency. WooCommerce > Settings > General needs your real address and selling locations before tax and shipping rates can be right.
Turn on a payment method. WooCommerce > Settings > Payments lists cards, PayPal, offline payments and the Cmsmart B2B "Purchase order / Net terms" method — the same pattern WooCommerce's own Purchase Order gateway documentation describes: a PO number at checkout, payment settled on terms afterwards.
Add a shipping zone. WooCommerce > Settings > Shipping starts empty; add a zone and a rate for every region you ship to.
Set the storefront mode. Cmsmart B2B > Settings > Storefront decides whether guests see prices, see "Sign in to see your price", or go straight to login. Since Cmsmart B2B 2.0.1, a new applicant also confirms their e-mail through a one-time, 24-hour link before the application reaches Cmsmart B2B > Inbox > Applications; an unconfirmed application is removed after 7 days.
Place one test order. Apply as a test buyer, confirm the e-mail, approve the application, sign in, add a product and check out with a test payment method.
Work the go-live checklist. Branding, products, a payment method, a shipping zone and the storefront mode are all set, and your own test account is approved.
Appearance > Themes: Cmsmart B2B Store active, with its parent theme Cmsmart Stores installed alongside it.The demo import creates the B2B-specific pages for you: Apply for a business account, Quick order, Request a quote and the usual shop pages.The sample catalogue covers business cards, merchandise, packaging and signage — a starting layout to learn from, not your finished product range.The Cmsmart Product Designer sits one checkbox away on every product; none of the sample products in this store have it enabled.Cmsmart > Printing Options: the sample store's four pricing option sets, ready to copy or replace.WooCommerce > Settings > General: your real store address and selling locations, blank until you fill them in.
How do company accounts, price lists, brand templates and quotes work once buyers sign in?
Cmsmart B2B adds a Companies list, price lists with tier presets, brand rules, a quote queue and an approval inbox to wp-admin, plus a matching buyer portal with quick order, quotes and saved shipping locations inside My account, so buyers manage their own account.
The demo ships three fictional companies on different tiers, each with members in roles such as Admin, Buyer, Approver and Viewer. Cmsmart B2B's seven admin screens — Overview, Inbox, Companies, Pricing, Quotes, Brand and Settings — put every application, approval and quote in one queue instead of scattered across email.
Cmsmart B2B > Overview: applications, approvals and quotes waiting for you, plus a set-up checklist that tracks your progress.
The Brand screen holds brand rules and a brand library of shared logos and artwork for the company, so templates stay on-brand without a design review on every order.
Price lists carry the numbers: a company buys from its own list or a tier preset (B2C, B2B A/B/C, VIP); guests always pay retail. An order inside a company's approval rule checks out immediately, one above it waits for your sign-off. A job that doesn't fit a price list becomes a quote request, answered from the Quotes screen and paid as a normal order once accepted.
Cmsmart B2B > Pricing > Price lists: tier presets plus a company-specific contract list, each with its own rules.Cmsmart B2B > Quotes: every quote's status, value and valid-until date, filterable by company.
On the storefront, a guest sees "Sign in for your price" instead of a number. Once signed in, My account gains a B2B dashboard, quick order, a quotes list and saved shipping locations.
A guest visiting the storefront sees "Sign in for your price" and a link to apply for a business account, not a public price.The buyer portal dashboard: open quotes, orders waiting for approval and the account's tier pricing, all in one place.
What can Cmsmart build on top of the Cmsmart B2B Store for your business?
Beyond the store Cmsmart ships, Cmsmart builds custom development for the parts of a B2B operation specific to your contracts and systems — priced and scoped after a short call, through the same discovery, build, QA and launch process as every Cmsmart project.
The Cmsmart B2B Store covers accounts, price lists, quotes, approvals and brand tools out of the box. These common next asks are custom development:
Users in several companies — one person ordering for more than one client account.
ERP or MIS-driven pricing and inventory — synced with your production system.
Standing reorders — repeat orders placed on a calendar, no buyer needed.
Punchout and procurement integrations — a buyer's purchasing system connected to your checkout.
Multi-step approval chains — sign-off beyond one threshold for larger accounts.
Locked brand templates per company — enterprise brand portals with per-client locked templates and approval workflows, beyond the standard Brand screen.
We scope it the same way every time: discovery call, solution design, build sprints, QA, launch, then support — see Cmsmart ecommerce projects.
Cmsmart has built ecommerce stores as a Netbase JSC division since 2012, with 6,300+ client projects and 1,800+ live stores running today, so your B2B store is built by a team that also supports and extends it afterwards.
The Cmsmart B2B plan, which includes the Cmsmart Product Designer plugin itself. Check current pricing and inclusions on cmsmart.net/pricing, the source of truth for plans and prices.
Do guests see prices before they sign in?
Depends on the storefront mode: Open shows prices to everyone, Hide prices for guests shows "Sign in to see your price", and Login required sends visitors to the login page. Logged-in customers are never affected.
Can each company have its own price list and brand tools?
Yes. A company buys from its own price list or a shared tier preset (B2C, B2B A, B2B B, B2B C, VIP) and keeps its own brand rules and brand library in Cmsmart B2B > Brand; guests always pay retail. Locked, per-company brand templates with their own approval workflow are available as custom development.
Is the Cmsmart Product Designer included, and do I have to turn it on?
Yes — the Store Setup content tree bundles Cmsmart Product Designer 2.18.5, but it isn't switched on for any sample product. Enable it per product when buyers should personalise it.
Applies to Cmsmart Marketplace Store 2.0.1 (parent Cmsmart Stores 2.2.0) with the Cmsmart Marketplace add-on 2.0.2, Cmsmart B2B 2.0.0 bundled, Cmsmart Stores Blocks 2.1.2 and Cmsmart Product Designer 2.18.3 (formerly NBDesigner) · Updated October 2026. Store Setup on the Cmsmart dashboard builds the store on your host and fills it with a sample catalogue and demo sellers first.
In short
You get a live, branded WooCommerce marketplace where independent makers and creators sell personalised products, with seller accounts, order routing and payouts already wired up.
Cmsmart Stores builds the storefront, the Marketplace add-on runs sellers, routing and the ledger, and Cmsmart Product Designer puts a design tool on every product.
It takes about an hour: install, then set branding, payments, shipping and your store address before removing the sample catalogue and opening for real orders.
Letting independent makers and creators sell personalised, made-to-order products through one storefront sounds simple until someone has to review each seller, decide which maker gets every order, and track who is owed what — on top of running the WooCommerce shop underneath it all.
A multi vendor print marketplace WooCommerce setup with the Cmsmart Marketplace Store handles that: seller applications, order routing, a ledger and payouts are wired in from the start, live in about an hour with a sample catalogue you can swap for your own.
What does it cost to run makers and creators without a marketplace system?
Without Cmsmart, a print marketplace owner chases seller applications by email, reassigns orders to makers by hand, and reconciles who is owed what in a spreadsheet. Cmsmart Marketplace Store replaces that with a seller review queue, routing rules and a ledger, so the admin shrinks to approvals and exceptions.
Running a multi-vendor print marketplace on a generic theme means building, or buying separately, every piece that makes "multi-vendor" actually work:
Seller onboarding by email: applications tracked in a shared inbox instead of a status list.
Manual order splitting: someone decides, order by order, which maker gets which line, with no record of why.
Payout reconciliation by hand: fees and balances tracked in a spreadsheet one person understands.
No shared proofing step: artwork goes back and forth by email before a maker will print it.
No single storefront: buyers can't browse makers, designs and products in one place.
The cost of the status quo = (hours per week on seller admin and order reassignment × your hourly cost) + (orders delayed or mis-routed × the support time they create) + (payout mistakes × the trust you lose with sellers).
Cmsmart insight: in projects that add vendors after launch, the first real cost is rarely the product catalogue — it's the seller-approval and payout process nobody designed up front. Decide your routing and payout rules before you invite your first external maker, not after.
What would it look like to launch a seller marketplace with Cmsmart?
Imagine opening your marketplace with a working storefront already live: a homepage that explains the model, a shop full of sample products, and demo sellers showing buyers what a full marketplace looks like, before you've added a single real maker.
Example scenario: A print shop owner wants independent letterpress studios, embroiderers and sticker makers selling through one storefront instead of separate shops elsewhere. They activate a Marketplace plan, run Store Setup, and an hour later have a live site: branding applied, a sample catalogue imported, and demo seller stores already showing how a maker's page and its proof-before-production note look to a buyer. They swap in their own logo and colours, then remove the demo sellers once ready to invite real makers.
The opportunity is real: the print-on-demand market was valued at USD 10.8 billion in 2025, forecast to grow at a 23.6% CAGR through 2033 as personalised products move further online (Grand View Research, 2025), and nearly two-thirds of B2C online retail spending already goes through marketplaces rather than single-brand stores (Swell, 2025, citing BCG). A print business that gives makers and creators a shared storefront sits inside that shift. Want help sizing what that means for you? Talk to an ecommerce expert.
How does Cmsmart put a multi-vendor marketplace together?
Cmsmart Marketplace Store combines four pieces: the Cmsmart Stores theme for branding and pages, the Marketplace add-on for sellers, routing and payouts, Cmsmart B2B bundled in for company accounts, and Cmsmart Product Designer so every product can be personalised before it ships.
Cmsmart Marketplace Store 2.0.1 — the storefront theme, built on the parent Cmsmart Stores 2.2.0, which supplies the shared header, footer and site-editor blocks (Cmsmart Stores Blocks 2.1.2).
Cmsmart Marketplace add-on 2.0.2 — the plugin behind Sellers, Listings, Routing, the Ledger and Payouts in wp-admin, plus the public /sellers/, /store/<seller>/, /designs/ and /sell/ pages.
Cmsmart B2B 2.0.0 — bundled with the Marketplace add-on so company buyers can apply for a business account and see volume prices; its own admin header bar stays hidden by default.
Cmsmart Product Designer 2.18.3 (formerly NBDesigner) — the "Setting Cmsmart" box on each product, where you turn on design, uploads and printing options.
Already picked a Marketplace key? Store Setup on the Cmsmart dashboard puts the store on your host for you — a downloaded installer file or manual theme files, your choice. The install hub covers both paths step by step; this guide picks up once the store is live.
The Cmsmart dashboard's Store Catalogue lists the Marketplace Store next to the B2B Store, each gated to its own plan.
Sellers apply, get reviewed, and buyers see a proof before production
Sellers apply as a Creator (sells designs, earns a royalty when printed) or a Maker (owns products and production); an optional Agency type resells to its own B2B clients. Applications sit in Cmsmart Marketplace › Sellers with Pending, Active, Suspended and Rejected tabs, and Overview logs every approval. A sample listing from a demo maker also carries Cmsmart's approved-artwork lock: once a proof is approved, the artwork locks so production starts from exactly what was signed off.
Cmsmart Marketplace › Sellers: every seller's type, country and product count, with its approval status.
A designs gallery, order routing, a ledger and payouts
Creators publish designs to the public /designs/ gallery under a licence (Personal use, or Commercial for an extra fee) that makers browse and print from. With Network mode on, routing rules decide which maker fulfills a line the store itself owns — priority, nearest zone, lowest cost, or round robin — and the store keeps the order if nobody qualifies. Every paid, refunded or paid-out order writes to the Ledger, and Payouts batches everyone eligible; nothing moves until you approve it. Each seller also gets a dashboard — Overview, Products, Orders, Earnings, Payouts — to run their store without emailing you.
The public Designs gallery: each listing names its creator, the makers printing it, and its licence.Routing rules decide which maker gets an order line — nearest zone, lowest cost, priority order or round robin.Payouts: create a batch of everyone owed money, by provider and currency; approval is a separate step.A sample catalogue listing on the storefront: the maker's name, shipping origin and proof-before-production note are part of every designable product page.
The demo marketplace fills in behind the scenes
Once a Marketplace plan is active, Cmsmart Marketplace › Setup imports the sample catalogue's demo sellers, products and designs in the background — Tools › Marketplace demo shows live progress on sellers, products and designs during a multi vendor print marketplace WooCommerce setup, telling you that you can keep working rather than wait for it to finish before you start branding and configuring the store.
The demo import runs in the background after the plan activates; a Remove-the-demo-sellers option appears once it finishes.
What's the business value of the Cmsmart Marketplace Store?
Cmsmart turns marketplace mechanics — seller review, routing, payouts — into screens your team already knows how to use, so the business value shows up as time back and fewer reconciliation errors, not a new system to learn.
Benefit
How it shows up in your business
KPI to track
Faster time to first sale
The store opens live with a sample catalogue and demo sellers already in place
Days from plan activation to your first real paid order
Less manual seller admin
Applications, approvals and routing happen on dedicated screens instead of email threads
Hours per week spent on seller onboarding
Fewer payout mistakes
The Ledger tracks fees, refunds and balances per seller automatically
Payout batches needing manual correction
Orders land with the right maker
Routing rules assign each line by priority, zone, cost or rotation
Share of orders re-routed or fulfilled late
Average order value
Buyers shop multiple makers' catalogues in one cart and checkout
Your average order value before vs. after launch
Rough ROI worksheet (use your own numbers): monthly marketplace margin ≈ (orders per month × your average order value) − (platform fees you set in Fee rules) − (payouts to sellers). Add back (hours saved per week on seller admin × your team's hourly cost × 4) as a rough value of the time the Sellers, Routing and Ledger screens hand back to you.
Capability
Generic WooCommerce theme
Cmsmart Marketplace Store
Seller accounts & applications
Not included — add a separate vendor plugin
Built in: Sellers screen with Pending / Active / Suspended / Rejected status
Order routing to makers
Manual reassignment, order by order
Routing rules: priority, nearest zone, lowest cost, round robin
Marketplace ledger & payouts
Reconciled by hand in a spreadsheet
Ledger with CSV export, plus approvable payout batches
Personalised products
Needs a separate product designer plugin
Cmsmart Product Designer tab on every product
Seller storefronts & design licensing
Not included
/sellers/, /store/<seller>/ and /designs/ pages with licence terms
Preview before you launch
Blank theme, built from scratch
Sample catalogue and demo sellers imported automatically
How do you handle a multi vendor print marketplace WooCommerce setup in the first hour?
Once Store Setup has put Cmsmart Marketplace Store on your host, finishing the first hour means confirming branding, checking the imported pages and one demo product, then filling in the business details WooCommerce needs before you can take a real payment.
Confirm the theme: under Appearance › Themes, Cmsmart Marketplace Store 2.0.1 should be Active, with its parent Cmsmart Stores installed alongside it.
Set your branding in the site editor or customiser — logo, colours, header and footer — following the branding and recommended-plugins guide so you don't repeat those steps here.
Check Pages › All Pages: the demo import creates Home, Shop, Cart, Checkout, My account, Designer and more automatically — skim the list rather than rebuilding it.
Open one demo product and review its Setting Cmsmart box: Enable Design, Enable Upload Design, templates and DPI are set per product, not store-wide.
Check the matching NBD options box on the same product, which links it to a Cmsmart printing-options set (paper, size, finish, quantity pricing).
Go to WooCommerce › Settings › Payments and install a payment provider — the fresh install ships with none active.
Go to WooCommerce › Settings › Shipping and add at least one shipping zone; a new store starts with none configured.
Go to WooCommerce › Settings › General and fill in your store address, selling locations and currency — these fields are blank until you set them.
Place one test order through the storefront (product → Start design chooser → designer → cart → checkout) to confirm payments, shipping and the designer work together before real buyers arrive.
Go-live checklist: branding applied; address, currency, a payment method and a shipping zone set; one test order completed; demo sellers removed from Tools › Marketplace demo once you're ready for real makers.
Appearance › Themes: the Marketplace Store theme active, parent Cmsmart Stores theme installed alongside it.Pages › All Pages after the demo import: the storefront's pages are created for you, ready to review rather than rebuild.The "Setting Cmsmart" box on a product: design, upload and template options are configured per product.WooCommerce › Settings › Payments: a fresh store ships with no payment provider installed.WooCommerce › Settings › Shipping: no zones exist until you add one.Haven't installed yet? Store Setup's "Where to install" step offers a downloaded installer file or manual theme files.
What can Cmsmart build on top of the Marketplace Store?
Beyond what ships today, Cmsmart builds the marketplace features specific to your niche as custom development — from maker-side production integrations to custom commission tiers — on top of the same Marketplace Store you just set up.
ERP/MIS sync for makers: if your makers run their own production systems, Cmsmart builds the integration so routed orders and proofs flow in and out without re-keying.
Custom commission and royalty tiers: beyond the single platform-fee rule shown in Fee rules, Cmsmart builds tiered or category-based commission logic when a flat rule doesn't fit your model.
AI preflight on maker-submitted artwork: Cmsmart adds automated file checks before a design reaches a maker's queue, catching resolution or colour-mode issues earlier.
Private catalogues for Agency sellers: the Agency seller type resells to its own B2B clients — Cmsmart builds the private, login-only catalogues and pricing those clients need.
Custom reporting: for marketplaces that have outgrown the built-in Overview, Cmsmart builds reporting tuned to the KPIs that matter to your business.
Delivery follows the same process on every engagement — discovery, solution design, sprints, QA, launch and support — see how we run it on our project delivery page.
Cmsmart has built ecommerce and web-to-print projects as a Netbase JSC division since 2012, with a published project record and a direct line to the team behind the Marketplace Store, not a support queue reading from a script.
Can I use my own products instead of the demo catalogue?
Yes. The sample catalogue and demo sellers are there so you can see the marketplace working immediately; add your own products, configure the Setting Cmsmart and NBD options boxes, and remove the demo sellers from Tools › Marketplace demo once you're ready.
Which plan activates the Marketplace Store?
The Marketplace plan on Cmsmart's pricing page activates every Cmsmart store, including the Marketplace Store and its bundled B2B plugin; plans are billed annually and include a 30-day free trial.
Can I change the colours and logo without touching code?
Yes — branding, header and footer are set in the WordPress site editor or customiser that ships with Cmsmart Stores. The customisation guide covers the recommended plugins and site-editor steps in full.
Do I need to install Cmsmart B2B separately?
No. Cmsmart B2B 2.0.0 is bundled with the Marketplace add-on so company buyers can apply for a business account and see volume prices; its admin header bar is hidden by default and needs no separate setup.
How do sellers get paid?
Every paid order, refund and payout writes to the Ledger. From Payouts, you create a batch for a provider (manual bank transfer, in the demo setup) and currency, covering open requests plus any seller whose withdrawable balance has reached the threshold you've set — nothing is sent until you approve the batch.
What happens to the demo sellers, products and designs before I go live?
They're all marked as demo data. Tools › Marketplace demo shows exactly what was imported (sellers, products, listings, media) and gives you a one-click "Remove the demo sellers" option once you're ready to replace them with real makers and creators.
Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Every screen below is from a live 2.17.0 install; fields and defaults are read from the admin, not from memory.
In short
The outcome: a settings guide that maps every Cmsmart screen in WP Admin, so your team configures the plugin on purpose instead of leaving it on whatever shipped by default.
How it works: install and activate the plugin, then work through one settings table per screen group — General, Upload design, Output, Printing Options and the rest — each with its default, a recommended value per business type, and where the effect actually shows up.
What it takes: about one working session to install, activate and tune the handful of settings that matter before your first real order; everything else can wait.
This Cmsmart Product Designer settings guide maps every screen the plugin adds to WP Admin, from activation to the Output tab that produces your print-ready PDF, so your team configures it once instead of guessing at defaults order by order.
Cmsmart Product Designer (formerly NBDesigner) adds more than a dozen screens to WordPress admin, and most are never opened after install. This hub covers installing and activating the plugin, the settings that change storefront and production behavior, and links to the deeper chapter on the full tab set.
What does it cost your print business when Cmsmart Product Designer stays on default settings?
Every setting left on its factory default is a guess made by someone who never saw your products. Cmsmart Product Designer ships with reasonable defaults, but a print shop, a POD apparel brand and a B2B supplier need different answers for resolution, mobile behavior and file handling — and nothing in the admin says which is which.
Low-resolution files reach production. Default output resolution is 150 DPI for every product; a litho job usually wants 300.
No one notices the print-ready PDF isn't automatic. With Auto export off, a staff member must open Create PDF by hand on every order.
Watermarked files go out after the sale. Watermark defaults to Always, including files a buyer downloads after paying.
Uploads nobody can use. Allowed file types defaults to a short list; a B2B shop taking agency artwork often needs ai, eps or tif added.
Staff time lost hunting through tabs — there's no map of which of the eleven Settings tabs holds which field.
What would it look like if every Cmsmart screen matched the way your business actually works?
Picture opening Cmsmart's admin menu for the first time and already knowing what each entry does and which two or three fields actually matter. Cmsmart Product Designer's settings don't change after that first pass very often, so getting them right once means every order afterward behaves the way your business needs, not the way the plugin happened to ship.
Example scenario. An operations lead at a POD apparel shop opens the Cmsmart menu for the first time and finds eleven unfamiliar entries under five section headers. Instead of guessing, they work through a settings guide screen by screen: resolution, watermark, upload rules, mobile behavior. By the end, every setting has a reason behind it, and the shop's first real order that week needs no manual rework before it reaches the printer.
How does Cmsmart Product Designer organize every screen across WP Admin?
Cmsmart Product Designer groups its screens under one Cmsmart menu plus a Settings tab set under WooCommerce > Settings. Overview and Update Center sit alone; Sales, Production, Catalog & Assets, Configuration and Content & AI group the rest; Settings & System holds the eleven settings tabs, License, System info, Tools and Ticket.
Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Overview: the dashboard every other screen in this guide is reached from.
The table below is the map: every screen, one line on what it controls, and a link to its own chapter once it exists. Screens without a published chapter yet point at the Community hub rather than a dead link.
Enable Design and the design/product area, per product
This chapter, below
Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Printing Options: each option set and its price matrix is reusable across every product you assign it to.
What's the business value of getting these Cmsmart Product Designer settings right?
Configuring Cmsmart Product Designer once, instead of default, turns into fewer reprints, less staff time on manual PDF exports, and files that match what you sell. None of it needs a new dashboard — ordinary store metrics already track it.
Setting
Left at default
Configured for your business
Auto export design to PDF
Off — staff open Create PDF by hand
On — the print-ready PDF that matches the order is already waiting in Orders
Watermark
Always — even after the order is paid
Before complete order — clean file once the buyer has paid
Default output resolution – DPI
150 regardless of print method
300 for litho/offset, 150–200 for DTG or sublimation
Allowed file types
jpg, pdf, psd, iddd for every shop
Extended with ai, eps or tif for B2B agency artwork
Where misconfigured settings cost you (use your own numbers):
Staff minutes saved per month = orders/month × minutes per manual PDF × share affected while Auto export is off.
Reprints avoided per month = orders/month × (current reprint rate − expected rate once resolution matches your print method).
Cmsmart Product Designer settings guide: how do you install, activate and configure every screen?
Upload the plugin .zip, activate it, connect a license in the setup wizard, then open WooCommerce > Settings > Cmsmart to configure the tabs that change buyer and production behavior. Cmsmart Product Designer's defaults are generic; the table below shows each setting, its default and what to change it to.
Install and activate:
Upload. WordPress admin > Plugins > Add New > Upload Plugin, choose the plugin .zip, click Install Now.
Activate. Click Activate Plugin — a new Cmsmart menu appears, and a fresh install opens the setup wizard.
Connect a license. Enter your store email and click Activate my license: it finds an existing license or starts a 30-day trial automatically, no key to paste.
General setup. Pick the dimension unit and font subset — two General tab fields covered below.
NBD Pages. Keep Create default NBDesigner pages ticked, then finish on the overview shown above.
Cmsmart Product Designer 2.17.0, WP Admin > Plugins: the row that confirms the version and the WooCommerce requirement after activation.Video: how to activate your license key (Cmsmart on YouTube).
If you skip the wizard, activate later under Cmsmart > License.
The settings table. Field names are exactly as shown in WooCommerce > Settings > Cmsmart; default is what a fresh 2.17.0 install shows unless noted.
US shops: in/ft; metric shops: cm/mm; digital POD: px
Units staff see when sizing an area
Hide design editor on smartphones
Blocks the designer on phones
No
POD/B2B: keep No; complex print products can test Yes
Mobile capture below: button stays visible
Allow save design for later
Lets a buyer resume later
Yes
Keep Yes for all three
A resume-design link for return visits
Watermark (Output tab)
Stamps files before they're a paid order
Always
Shops exposing pre-purchase downloads: Before complete order
On any file a buyer downloads pre-checkout
Auto export design to PDF (Output tab)
Renders the print-ready PDF in the background
No
All three: turn this on
None visible; changes what's waiting in Orders
Order status for auto export design (Output tab)
Status that triggers that render
Completed
B2B/print shop: Processing for a head start
How soon staff see a ready PDF
Allowed file types (Upload design tab)
Extensions the upload chooser accepts
jpg,pdf,psd,iddd
B2B/agency files: add ai,eps,tif
Exactly what the chooser below allows
Max upload size (Upload design tab)
Largest file a buyer can upload
100 MB
B2B with large print files: raise it
Accept/reject at the chooser
Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Settings > Upload design.Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Settings > Output — this is also where AI preflight is linked to Cmsmart Cloud.
Cmsmart insight: if you only check two fields before your first real order, make them General > Default output resolution and Output > Auto export design to PDF. Those two decide whether that first order needs manual rework or lands print-ready on its own.
Before and after on the storefront. Two settings above have a visible effect a buyer actually sees:
The Upload design tab's Allowed file types and a product's Enable Upload Design checkbox together decide what shows in this chooser.General > Hide design editor on smartphones is No by default, so the design button stays on a 390px phone screen.
Enable the designer on a first product:
Go to Products and edit a product.
In the Setting Cmsmart box, tick Enable Design. Optionally tick Enable Upload Design and Enable Upload Without Design.
Set the Product area and Design area, and choose the Modern editor layout.
Update the product and open it on the storefront — the chooser and design button now appear for buyers.
Cmsmart Product Designer 2.17.0, WP Admin > Products > (edit product): the Setting Cmsmart box that turns the designer on per product.
Common mistakes and troubleshooting:
Raising DPI without checking Imagick. JPG export and CMYK/ICC conversion need the PHP Imagick extension, or downloads fail silently.
Editing Allowed file types without Disallowed file types. A conflicting entry in both produces a confusing rejection instead of a clear format list.
Warnings about max_input_vars or max_file_uploads. Large Printing Options groups or multi-side designs need those PHP limits raised.
Status stuck on Expired or LITE after renewing. Use Re-sync licence on the License page — status is cached for up to 6 hours.
What can Cmsmart build beyond the standard settings screens?
The settings tabs cover what every store needs: resolution, file handling, pricing display. Cmsmart, a custom development partner since 2012, builds what one specific business needs on top — production integrations, custom pricing logic and branded editor tools — delivered with discovery, design, sprints, QA, launch and support.
MIS/ERP and production integration. The Output tab already syncs files to FTP, SFTP, Dropbox, S3 or Google Cloud Storage. Cmsmart builds the next step as custom development: pushing order data into your MIS or ERP so nobody re-keys it.
Pricing beyond the price matrix. For MOQ tiers, custom formulas or B2B price lists, Cmsmart builds a pricing engine for your store.
Branded editor tools. When a catalogue needs more than the standard toolset, Cmsmart builds custom tools, templates and product-specific rules on top of the Modern editor.
Done-for-you setup. Skip the tab-by-tab work: Cmsmart's product designer customization service installs, configures and loads a print-shop preset for you.
Why work with Cmsmart on your Product Designer setup?
Cmsmart has built ecommerce and web-to-print stores since 2012 as a division of Netbase JSC, with 6,300+ client projects behind it. The settings table above comes from a live 2.17.0 install, not a manual — Cmsmart's own setup work on client stores is where that detail comes from.
6,300+ client projects and 500+ custom development projects since 2012 (WorkSuite project records, Sep 2026), rated 4.2 on Trustpilot (404 reviews). See real work on our projects page.
"The plugin used is really top, time saving and complete features. Ultra easy installation and configuration," writes Adrien Darmon, a verified Trustpilot reviewer (France, 2024 review).
Frequently asked questions
What DPI should I actually use for Default output resolution?
150 is the default and is fine for on-screen previews. For anything going to an offset or litho press, 300 is the safer setting; DTG and sublimation printers usually tolerate 150–200.
Is the Classic editor layout still an option?
It's still selectable per product, but the General tab marks it "deprecated" and the plugin has stopped adding features to it. Modern is the recommended default.
Why does Watermark default to Always, and should I change it?
Always protects every downloadable file, including ones a buyer grabs after paying. If your checkout never exposes a download link before payment, Before complete order is usually the better fit.
My license shows Expired or LITE even though I just renewed. What do I do?
Open Cmsmart > License and click Re-sync licence. The plugin caches license status for up to 6 hours, and this forces an immediate check against the server.
Can these settings connect to our MIS or ERP?
Not out of the box. Cmsmart builds that connection as a custom development project once your order and file flow is running on the standard settings.
Where is AI preflight configured?
Not on the Output tab itself — a note there points to Cmsmart > Cmsmart Cloud > AI Tools, where preflight is enabled, given a required DPI, and set to run on orders.
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.
In short
Outcome: install, license and configure Cmsmart Product Designer (NBDesigner) correctly the first time so every order arrives as a print-ready file, not a screen-resolution preview someone has to fix by hand.
How it works: activate the plugin and license, set General, Upload design, Output and Printing Options once in wp-admin, then switch the Online Designer on per product with its own bleed, DPI and color profile.
What it takes: an active WooCommerce store, PHP 8.0+ with Imagick for JPG/CMYK export, and roughly two to three hours for a confident first pass through the settings.
A WooCommerce store that lets customers design their own t-shirts, business cards or signage only turns every finished design into a usable print file if you install and configure NBDesigner on WooCommerce correctly before the first order ships, and most of the support tickets we see trace back to a setting nobody ever changed from its default.
What does it cost your team when the product designer is never tuned?
Cmsmart Product Designer (NBDesigner) turns a WooCommerce product page into a self-serve design studio, but a default install leaves watermark, DPI and bleed settings unset. Orders then arrive as low-resolution previews instead of print-ready files, and someone on your team has to open, fix and re-export every one by hand before it can go to press.
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?
Once Cmsmart Product Designer is configured, the plugin carries a design from the product page to a print-ready PDF without anyone touching it in between. The buyer sees accurate bleed and pricing while they design; your team opens Orders the next morning to files that already match your press specs.
Example scenario. A buyer opens your sticker product page at 9 p.m., clicks "Design here online," drags in their logo, and the live preview already shows the bleed line your team set in Output settings. They check out; by the time your shop opens, Cmsmart > Orders already shows a print-ready PDF rendered at 300 DPI in CMYK with the bleed baked in, because Output settings and the product's production specs were configured once, in advance. Nobody exported anything overnight.
What a correctly configured product page looks like to the buyer: a single "Start and upload design" entry point into the designer.
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?
Cmsmart Product Designer (NBDesigner) is built from six configurable layers: the storefront entry point, the design canvas, upload rules, the output engine, the pricing engine and per-product production specs. Configuring each layer once is what turns a generic plugin install into a store-specific, print-ready 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.
Cmsmart insight: in our support queue, most "the print file looks wrong" tickets trace back to one setting: Default output resolution – DPI left at 150 (a screen-friendly default) instead of 300 for production stock. Check that one field before you check anything else.
Step
Manual / email-based workflow
Cmsmart Product Designer, configured
Proofing
Customer emails a file; staff reply with a mockup for approval
Buyer sees their design and price live on the product page before checkout
File prep
Staff open each design in an editor to set bleed, DPI and CMYK
Output settings and per-product specs apply automatically to every order
Pricing
Staff quote manually from a price sheet
Printing Options price matrix calculates the total as options change
Uploads
Any file type arrives; staff convert what they can use
Upload design settings reject the wrong formats before checkout
Records
Approvals live in email threads
Customer Design approval and the order timeline live in wp-admin
What's the business value of doing this correctly the first time?
A correctly configured Cmsmart Product Designer turns personalization from a support burden into a sales advantage: fewer reprints, faster turnaround and quotes that match what the customer actually ordered. The value shows up in hours saved per week and in orders that don't need a second look before they print.
Benefit
How it shows up in your business
KPI to track
Fewer reprints
Bleed, DPI and color profile are correct before the file reaches the press
Reprint rate (%) per month
Faster turnaround
Auto export skips the manual file-prep step on every order
ROI worksheet (use your own numbers):
Hours saved per week = (orders per week) × (minutes your team currently spends re-checking or re-exporting each design) ÷ 60.
Reprint cost avoided per month = (orders per month) × (your current reprint rate) × (your average cost per reprint).
Compare both to the one-time cost of a careful setup pass, or of having Cmsmart configure it for you.
How do you install and configure NBDesigner on WooCommerce?
Set up Cmsmart Product Designer in this order: install and license the plugin, then configure General, Upload design, Output and Printing Options once store-wide, then enable and fine-tune the Online Designer on each product. Doing it in this order means every product you turn on inherits settings that are already correct.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Step 2: the plugin active in Plugins, with quick links to Settings, the changelog and support. The demo shown here runs the 2.18.0-dev build that follows the 2.17.0 release this guide covers.Step 4: General settings — editor layout, default output DPI and measurement units.Step 5: Upload design settings — allowed file types, size limits and minimum DPI for customer uploads.Step 6: Output settings — watermark, bleed line and the fields that produce a print-ready PDF.Step 7: Printing Options — the price-matrix rule sets you apply to products or categories.Video: How to configure and use the price matrix feature (Cmsmart on YouTube).Step 8: Product manager — see and enable which products carry the Online Designer.Step 9: a single product's production specs — bleed, print resolution and color profile.Step 10: Cmsmart Cloud > AI Tools — optional preflight, background removal and upscaling.
Where do store owners go beyond the plugin with custom development?
The settings above cover what Cmsmart Product Designer does out of the box. Stores that need a deeper fit — ERP sync, non-standard pricing logic or a real-time 3D visualizer — get it as custom development, built on top of the same plugin rather than bolted on separately.
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.
Cmsmart has built and supported Cmsmart Product Designer (NBDesigner) as a Netbase JSC division since 2012, across thousands of WooCommerce stores, so the settings in this guide reflect patterns we've seen go right and wrong many times over, not a single install.
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.
Applies to Cmsmart Product Designer (NBDesigner) 2.18.0 · Updated October 2026. Screens below are from the live Cmsmart admin and the WooCommerce product designer front end, captured on this version; the settings, print-ready PDF and artwork-lock behavior described here shipped in 2.17.0 and are unchanged in 2.18.0.
In short
The outcome: WooCommerce product designer settings tuned to your business, so buyers only see the tools, colors and uploads you can actually produce, and every order lands with a usable file.
How it works: the Cmsmart › Settings tabs (General, Appearance, Design Tool, Colors, Upload design, Output, Printing Options), the per-product configuration screen, and the order screens your team opens to approve artwork.
What it takes: about an hour to work through the tabs once, a few minutes per new product after that — or hand the setup to Cmsmart.
A WooCommerce product designer looks the same in every demo: a clean editor, a few templates, an instant preview. What turns it into a production tool is your WooCommerce product designer settings — the admin tabs, the per-product options and the order screens your team opens every day. Configure them well and every order lands print-ready; leave them on defaults and your team does the cleanup instead.
What does an out-of-the-box WooCommerce product designer cost your print shop?
Cmsmart Product Designer ships with sensible defaults, but defaults are generic. Left on its defaults, a WooCommerce product designer accepts uploads your press struggles to run, colors outside your palette, and orders without a usable print file — a cost your staff absorb as rework, not your customers.
Unusable uploads. With no file-type or resolution rule, low-resolution JPGs and the wrong formats land in orders your production line can't use.
Off-palette colors. A fully open color picker lets buyers choose shades your printer or supplier can't reproduce.
Manual exports. Without automatic print PDF export, someone opens every order and builds the print file by hand before it can go to production.
Disputed orders. If the cart, checkout and order screen don't carry the customer's actual design through, "that's not what I ordered" becomes a support ticket.
One-size-fits-all products. The same tools and output resolution apply to a business card and a banner unless you set per-product options.
What does it look like when your WooCommerce product designer settings are dialed in?
Set up well, the Cmsmart WooCommerce product designer feels invisible to buyers: they pick a template or upload their own file, work inside the tools and colors you allow, and the design follows them into the cart, checkout and order. Your team opens a print-ready file, not a cleanup job.
Example scenario. A buyer opens an invitation product and picks "Design here online" instead of uploading a file. They customize a template, add it to the cart, and check out — the cart and checkout both show their actual design, not a placeholder. Because Auto export design to PDF is switched on, a print-ready file is already queued by the time your team opens the order.
What a buyer sees first: a clear choice between uploading a file and designing online, captured on nbdesigner.cmsmart.net.
How does Cmsmart's WooCommerce product designer configuration work?
Cmsmart configures the WooCommerce product designer in three layers: store-wide settings in Cmsmart › Settings, per-product options on each product's edit screen, and the order and approval screens your team uses in production. The plugin covers all three today; Cmsmart also builds custom tools, pricing and integrations on top where the settings run out.
What the Output tab's settings produce: a customer design turned into a print-ready PDF that matches the order.
Store-wide settings (in the plugin). General, Appearance, Design Tool, Colors, Upload design, Output and Printing Options — the defaults every designer-enabled product inherits.
Per-product configuration (in the plugin). Production specs on each product: material, bleed area, print resolution, color profile and the design canvas itself.
Order and approval screens (in the plugin). Cmsmart › Orders, the order detail timeline, and the Customer Design box for approving or declining artwork.
Print-ready output (in the plugin). Cmsmart Cloud rendering turns the design into a print-ready PDF that matches the order — the automatic render and Create PDF now read the same page geometry, including custom sizes, since 2.17.0.
Rules the settings can't express (custom development). Printer-specific preflight thresholds, custom pricing logic, product-specific editor tools and ERP/MIS integration — built by Cmsmart on top of the plugin.
What's the business value of getting WooCommerce product designer settings right?
Every settings tab maps to a business outcome: fewer unusable files, colors you can actually print, a faster handoff to production and fewer disputed orders. Cmsmart's WooCommerce product designer turns those outcomes into specific toggles instead of leaving them to chance.
Printing Options › quantity breaks and option fields
Manual quotes per week
Fewer "not what I ordered" disputes
The cart and checkout, which carry the customer's actual design
Disputes and refund requests
The design the buyer made follows the order into the cart — what the "fewer disputes" row above looks like in practice.
Rough out the time saved. (orders per month) × (minutes your team now spends manually exporting and checking each design) × (your loaded hourly rate) = the monthly staff time that Auto export design to PDF and the file-type/DPI rules give back. Add (reprints avoided per month) × (cost per reprint) for what the resolution and color settings are worth.
How do you configure the WooCommerce product designer settings tabs?
You configure the Cmsmart WooCommerce product designer in two admin screens: the Cmsmart › Settings tabs below, and the production specs on each product's edit screen. Work through the tabs once, then check them against every new product before you launch it.
Set your output DPI and layout. In Cmsmart › Settings → General, choose the Modern design editor layout (Classic is deprecated and gets no new features) and set Default output resolution - DPI to 300, the figure most printers ask for — 150 ships as the plugin default. These apply to every designer-enabled product unless you override them per product.
Decide what buyers can download and keep. Still in General, Design file type download controls which formats (PNG, SVG, PDF, JPG) a customer can pull from their own account, separately from what they can grab from inside the editor — useful if you sell templates as well as printed goods.
Shape the storefront and the toolset. Appearance controls what buyers see around the editor itself, Design Tool switches individual tools — text, clipart and elements, image upload, free draw, QR codes — on or off per your catalogue, and Colors controls the palette buyers can choose from. Fewer tools and a tighter palette keep designs inside what you can actually produce.
Control what customers upload. In Upload design, set Allowed file types (and Disallowed file types), Max/Min upload size and Min. resolution DPI for JPG/JPEG images, so only files your production can use get through. Background on resolution rules is in the DPI and print quality guide.
Set your bleed line and turn on automatic PDFs. In Output, set Show bleed (above or below the content design) if your printer needs trim marks, and switch on Auto export design to PDF under Synchronize so Cmsmart renders a print-ready PDF when the buyer clicks Process — the Order status for auto export design field re-checks it as a fallback. AI preflight itself is enabled and tuned separately, in Cmsmart Cloud › AI Tools.
Build your per-option pricing. In Printing Options, add the fields a product needs — size, color/material, custom dimensions, number of pages — and set quantity-break discounts where you offer bulk pricing. See the price matrix tutorial for a full walkthrough.
Set the per-product production specs. On each product's edit screen, set the material, bleed area, print resolution and color profile, and turn the Online Designer canvas on for that product. This is where a business card and a banner stop sharing the same rules — see the installation guide for setting up your first product.
Review and approve orders as they arrive. Cmsmart › Orders lists every order with its production status; opening one shows the line item's design file, a production timeline and quick actions including Download print PDF. On the WooCommerce order screen, the Customer Design box lets you accept or decline the artwork and send the customer a notification from the same place.
General: the layout, output DPI and download-format defaults every product inherits.Upload design: the file-type, size and DPI rules that decide what a customer can hand you.Output: show bleed and the Auto export design to PDF toggle that turns an order into a print-ready file automatically.Printing Options: the field builder and quantity-break discount table behind your price matrix.Cmsmart › Orders: every order with its production status, filterable and searchable.The Customer Design box on the order screen: accept or decline the artwork and notify the customer.Video: configuring a product for online design in the Cmsmart back end (Cmsmart on YouTube).
Cmsmart insight: turn on Auto export design to PDF and set Show bleed together, with the output DPI your printer asks for, before you take real orders. Turning them on later means your first batch of orders still needs manual exports. If you also sync output files to a print server, run one test order end to end first so folder names and permissions are right.
What can Cmsmart build beyond the settings screens?
When a business rule doesn't fit a toggle, Cmsmart builds it as custom development on top of the WooCommerce product designer: product-specific tools, pricing engines, printer-tuned preflight and integrations that send orders and files to your MIS or ERP. Delivery runs discovery, design, sprints, QA, launch and support.
Custom editor tools and templates. Complex products need guided design — we build tools, layouts and templates for your catalogue as custom development.
Pricing engine. Price by size, material and quantity without manual quotes — we build your formulas and B2B price lists on top of Printing Options.
Preflight tuned to your printer. AI preflight already checks resolution, color mode, bleed, fonts and transparency on saved designs from Cmsmart Cloud › AI Tools; Cmsmart builds the extra thresholds and auto-fixes a specific press needs as custom development.
Production integration. No re-keying between store and print floor — we connect orders and files to your MIS or ERP.
Cmsmart Cloud › AI Tools: the preflight checker, background remover and upscaler that AI preflight and custom development build on.
Why work with Cmsmart on your product designer setup?
Cmsmart has configured and built on the WooCommerce product designer for stores since 2012, as part of Netbase JSC. The same team that sets up these settings tabs also builds the custom development most stores eventually need — pricing engines, preflight and production integrations.
Cmsmart has built ecommerce and web-to-print stores since 2012 as a division of Netbase JSC: 6,300+ client projects and 500+ custom development projects (WorkSuite project records, Sep 2026), rated 4.2 on Trustpilot (404 reviews). WooCommerce itself now powers 4M+ online stores, including 31% of the top 1 million ecommerce sites (WooCommerce, 2026) — getting your product designer configured well is what lets your store compete inside that crowd. See our related projects, part of a wider web-to-print practice.
Frequently asked questions
Where are the NBDesigner settings?
In WordPress admin under Cmsmart › Settings, across the General, Appearance, Design Tool, Colors, Upload design, Output and Printing Options tabs. Per-product production specs are on the product's own edit screen.
Which editor layout should I use?
Modern. Classic is deprecated and gets no new features, per the General tab's own note.
How do I get print-ready PDFs automatically?
Switch on Auto export design to PDF in Output, under Synchronize. It's queued when the buyer clicks Process, and the order artwork screen shows its status — Ready, Rendering, Failed or Not rendered — with a Regenerate option.
How do I limit which file types customers upload?
Fill in Allowed file types (and/or Disallowed file types) and Min. resolution DPI in the Upload design tab.
Can Cmsmart configure the settings for my products?
Yes. Setup and product designer customization are Cmsmart services; request a quote with your products and printer specs.
Can Cmsmart connect the designer to my MIS or ERP?
Yes, as custom development — we build the integration that sends orders and print files to your production system.
Applies to Cmsmart Product Designer (NBDesigner) 2.17+ · Updated October 2026. This guide covers what happens after a buyer finishes designing: proof approval, the approved-artwork lock and the automatic print-ready PDF. For the design-creation walkthrough itself, see our companion guide on designing a product with the Cmsmart Product Designer.
In short
Outcome: every custom WooCommerce order gets a proof-approval step and an automatic print-ready PDF, so nothing reaches production until the artwork is confirmed.
How it works: Cmsmart Product Designer attaches the buyer's design to the order, lets an admin accept or decline it from the Customer Design box, locks approved artwork, and renders a print-ready PDF from the same file Create PDF would produce.
What it takes: a few settings under Upload design and Output, print specs on each design-enabled product, and a couple of minutes per order to accept or decline.
Design approval software for WooCommerce gives a print shop one screen to confirm a buyer's custom artwork before it reaches the press, instead of guessing whether a file is production-ready. Cmsmart Product Designer adds that approval step plus an automatic print-ready PDF to every order — fewer reprints, fewer back-and-forth emails, and a queue of approved jobs each morning.
Why do custom print orders still need a manual approval chase?
Cmsmart Product Designer shows you exactly which custom orders still need an approval decision, so a print shop stops relying on memory, a shared inbox or a spreadsheet to know which artwork is confirmed and which is still waiting on a customer or a staff review.
Most WooCommerce stores that sell personalized products run into the same handful of pains once order volume grows past a handful a week:
No single place to see what's approved. A design arrives attached to the order, but whether anyone actually checked it lives in someone's head, a Slack thread or a sticky note.
Proofs get eyeballed under time pressure. On a busy day, a rushed glance at a PDF attachment is the only quality gate before a job hits the press.
A rejected design costs a full round trip. Email the customer, wait for a reply, re-check the new file — each cycle can cost a day of production time per order.
Reprints are expensive in more than materials. A wrong bleed, a low-resolution upload or a typo that reached the press costs stock, machine time and a customer who now double-checks everything you send them.
None of this scales by hand. A few minutes of "where are we on this one?" per order adds up fast once you're running hundreds of custom jobs a month.
A single store's Orders queue: 330 jobs, almost all paid and "in production" — with nothing here to say which artwork was actually checked.
Cmsmart insight: In our delivery work, most reprint costs trace back to one thing: a design that reached production before anyone confirmed it with the customer, not a mistake in the artwork itself.
What would an approved-every-time production queue look like?
Cmsmart Product Designer turns every custom order into its own mini proofing desk: the buyer's design is attached automatically, a staff member accepts or declines it from one screen, and an approved file renders straight into a print-ready PDF — no inbox, no spreadsheet, no guesswork.
Example scenario: A buyer orders an invitation and types the wedding date wrong. The order lands in "Awaiting review." A staff member opens the order, spots the typo in the Customer Design box, declines the proof with a one-line reason, and the buyer gets a notification to fix it — before anything is printed. Once they accept the corrected design, the order locks and a print-ready PDF renders automatically. Nobody has to catch the mistake by eye at the press.
The journey starts here: a buyer designs or uploads their own artwork on the product page, no account needed to begin.Video: How to use the WooCommerce product designer in the frontend (Cmsmart on YouTube)
How does Cmsmart turn a saved design into an approved, print-ready file?
Cmsmart Product Designer links four building blocks for every order: the online designer that captures the artwork, the order record that stores it, the Customer Design approval box that locks it once accepted, and a cloud renderer that turns the approved file into a print-ready PDF matching the order.
Four pieces work together — here's what ships today versus what's custom development:
Online designer (built in). The buyer builds or uploads artwork in the browser; Process saves it as "Your artwork" against the product.
Order record (built in). The design travels with the WooCommerce order and shows on its production timeline alongside line items and customer details.
Customer Design approval box (built in). Accept or decline the artwork from the order screen. Since 2.17, an approved design is locked on the server — saving over it is refused, whatever link or tab the save comes from.
Print-ready rendering (built in). Cmsmart Cloud (or your own server) renders the approved design into a print-ready PDF that matches the order — including a buyer's own custom width and height, a fix shipped in 2.17 so the automatic render no longer falls back to the template's default size.
ERP/MIS or ordering-system handoff (custom development). Pushing an approved job into your own production system isn't built in — Cmsmart builds that integration to match your stack.
The online designer (2.17): the file an admin will later approve is built here, template or blank canvas.The order record: production timeline, the design attached to its line item, and a "Download print PDF" quick action.The Customer Design box: accept or decline the artwork, then optionally notify the buyer with a reason.
Step
Manual workflow
Cmsmart workflow
Proof check
Staff eyeballs a PDF attached to an email
Design is attached to the order automatically
Approval record
A sticky note, a shared inbox or a spreadsheet row
Order shows Approved/Declined with a locked-artwork flag
File prep for the press
Someone manually resizes the file to the product's real dimensions
Print-ready PDF renders at the order's exact size (2.17)
Catching a bad file
After it is printed, if at all
AI Preflight checks resolution and layout before production
A print-ready PDF here means the same file Create PDF would generate for that order — paper size, margins and bleed included — not a mockup preview. An approved-artwork lock means that file cannot be silently changed after a human signed off on it. Your team working on the backend side will also want our companion guide on using the WooCommerce product designer plugin in the backend.
What's the business value of a built-in approval and print-ready workflow?
Cmsmart Product Designer turns proof-checking from a manual, error-prone habit into a tracked step on every order, which shows up as fewer reprints, faster turnaround and measurably less staff time spent chasing approvals by email.
No email round-trip just to confirm a design is right
Average days from order placed to "in production"
Less staff time
One screen to accept/decline instead of inbox + spreadsheet + chat
Minutes per order spent on proof chasing
Happier repeat buyers
Buyers see their saved design and approval status in My Account
Reorder rate, support tickets per order
Rough ROI worksheet — plug in your own numbers:
Time saved per month ≈ (orders needing approval per month) × (minutes saved per order versus emailing a proof) ÷ 60 × (your staff's hourly cost).
Reprint savings per month ≈ (custom orders per month) × (your current reprint rate) × (cost per reprint) × (expected drop in reprint rate once every job is approved before printing).
How do you set up design approval software for WooCommerce?
Cmsmart Product Designer ships the approval box and the print-ready renderer with the plugin, so you mainly configure upload and output rules once, add print specs per product, then accept or decline artwork from the order screen as orders arrive.
Here's how to install, configure and run it end to end:
Install and activate Cmsmart Product Designer (NBDesigner) on your WooCommerce store if you haven't already.
Go to Cmsmart → Settings → Upload design and set the accepted file types, maximum upload size and minimum DPI your press needs from customer uploads.
Go to Settings → Output and confirm Render print PDFs in the cloud (or switch to your own server), plus any PDF and ICC/CMYK options your printer requires.
Open Product manager and, for each design-enabled product, set the exact print size, bleed and design areas in its NBDesigner configuration.
Place or wait for a real order — the buyer designs or uploads their artwork and it attaches to the order automatically at checkout.
Open the order and find the Customer Design box on the WooCommerce order screen (it also works on HPOS order pages since 2.17).
Review the attached design, then choose Accept or Decline from the dropdown and press GO.
Optionally, run AI Preflight on the file first — it flags low-resolution images or layout issues so an approval decision isn't a guess.
If you decline, add a short reason and use Send notify mail so the buyer knows exactly what to fix.
Once accepted, the design locks against further edits, and Cmsmart renders a print-ready PDF automatically if Auto export design to PDF is on — or click Create PDF, and use Regenerate print-ready PDF if you change the layout afterward.
Download the files production actually needs — print-ready PDF, high-resolution PNG, CMYK JPG with an ICC profile, or SVG — from the order's Download design tab.
AI Preflight catching a low-resolution image before it ever reaches your press — the same check an admin can re-run from the order screen before approving artwork.Print-ready PDF status on the order: Ready, with the renderer and timestamp recorded for support.Every production format in one place: SVG, high-resolution PNG, CMYK JPG with ICC profile, and PDF.
Cmsmart insight: Turn on Auto export design to PDF before you lean on the approval box day to day — otherwise an accepted design still waits for someone to click Create PDF by hand, and most of the time saving disappears.
For automatic export and print-option specifics, our companion guide on automatic PDF export and managing print options goes deeper into that settings screen. For an order-status reference, WooCommerce's own guide to managing orders explains the base statuses this workflow builds on.
How far can you take design approval and production with custom development?
Cmsmart builds the integrations and workflow logic the core plugin doesn't ship with — ERP/MIS handoffs, multi-step B2B sign-off, gang-sheet batching and reprint analytics — so your approval workflow fits your production floor instead of the other way around.
Once that loop is running, here are the extensions we build most often:
ERP/MIS sync. Push approved, print-ready jobs straight into your production or MIS system instead of downloading files by hand — Cmsmart builds the connector for your specific system (custom development).
Multi-step approval for B2B accounts. Route a design through a buyer's own approver before it reaches your queue, useful for agencies and franchise networks ordering on behalf of a brand (custom development).
Gang-sheet batching. For apparel and DTF printers, group several approved designs onto one print-ready sheet automatically (custom development; not part of the core plugin).
Reprint analytics dashboard. Track reprint rate by product, designer template or staff member, and flag patterns before they become a trend (custom development, built on your Orders and Files data).
WhatsApp or SMS approval nudges. Remind a buyer to fix a declined proof somewhere they'll actually see it (custom development).
We deliver all of it the same way: discovery, solution design, sprints, QA, launch, support — see how that plays out at Cmsmart ecommerce projects.
Why work with Cmsmart on your design approval workflow?
Cmsmart has built and supported the Product Designer (NBDesigner) plugin and custom web-to-print projects since 2012 as a Netbase JSC division, so the approval and print-ready logic in this guide comes from the same team that builds custom extensions on top of it.
Some numbers worth knowing before you commit: 6,300+ client projects and 500+ custom development projects delivered since 2012, with a 4.2-star rating from 404 Trustpilot reviews. One recent review sums up what that looks like day to day:
"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, Trustpilot review
How long does it take to set up design approval and print-ready PDFs?
Most stores can configure Upload design and Output in under an hour, then add print specs to each design-enabled product. The Customer Design approval box and the print-ready renderer ship with the plugin, so there's no separate approval feature to install.
Can a customer see their design's approval status themselves?
Yes. Since 2.12, buyers see an Approved / Needs fix / Pending review pill on their order detail page in My Account, with a link to fix and resubmit a declined design.
What happens if I decline a design?
The order is flagged as needing attention, an order note is added, and if the buyer later edits and resaves their design, a declined proof automatically returns to pending review rather than staying rejected.
Does approval stop the buyer from changing their design afterward?
Yes — since 2.17, saving over an approved design is refused on the server with a clear message, regardless of which link or open designer tab the save comes from. Shops that need an exception can widen the lock with the nbd_ordered_design_edit_locked filter.
Can this connect to our ERP or MIS system?
Not out of the box — the core plugin stops at rendering the print-ready PDF and listing it in Files. Pushing approved jobs into an ERP, MIS or print-production system is something Cmsmart builds as custom development, scoped to your system.
We need more than one person to approve a design — can Cmsmart build that?
Yes, as custom development. A multi-step or B2B sign-off flow (for example, an agency's own client approving a design before your team sees it) is not part of the core approval box, but it's a common extension for B2B and marketplace stores — see our B2B web-to-print solutions for related work.
Applies to the Cmsmart Stores 2.0 release line — parent theme 2.0.0–2.2.0, the Printstores child theme family 2.0.0 and Cmsmart Product Designer 2.18.0–2.18.3 — built with Store Setup v2 · Updated October 2026. This guide shows how to customize WooCommerce block theme settings on a Cmsmart Store — colors, fonts, header and footer — in WordPress's own Site Editor, no code required.
In short
Outcome: a Cmsmart Store that reads as your brand, not the shared sample catalogue, within your first hour after Store Setup v2 finishes.
How it works: the install already activates WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer on top of the Printstores (or B2B / Marketplace) parent and child theme; you brand it in WordPress's Site Editor and Settings screens, no CSS.
What it takes: a store installed by Store Setup v2 or the manual theme files, about 30-45 minutes, and your site title, logo and brand colors.
Customize WooCommerce block theme settings — site title, header, footer, colors and fonts — inside WordPress's built-in Site Editor on a Cmsmart Store, instead of writing CSS or filing a developer ticket; the theme, Cmsmart Stores Blocks and Cmsmart Product Designer are already active when install finishes, so the only job left is making the layout look like your business.
What's the cost of leaving a new Cmsmart Store on its sample branding?
A Cmsmart Store installed by Store Setup v2 runs live from minute one, but it opens with the sample catalogue and a generic site title and header, so Cmsmart gives you the Site Editor and Settings screens to replace that sample look with your own brand, no code required.
The pains we see in the hour after a Store Setup v2 install finishes, before a store is ready to share:
Sample catalogue, sample name. Every store set up through Store Setup v2 runs with sample data from the first minute, so a store still titled and stocked after the demo is visible to anyone who finds the URL from day one.
No Customizer to fall back on. The Printstores, B2B and Marketplace themes are all WordPress block themes, so the old Appearance > Customize screen isn't where colors and fonts live; every site-wide style change happens in the Site Editor's Styles panel instead.
Three moving pieces to keep straight. A finished store depends on the parent theme, the child theme, Cmsmart Stores Blocks and Cmsmart Product Designer all staying active together; a deactivated plugin breaks header blocks or the design tool with no obvious message pointing at the cause.
Developer cost for small tweaks. Paying an agency by the hour to swap a header layout or a color palette is expensive for changes most owners can make themselves once they know where the Site Editor keeps them.
A live store that still says "sample". Leaving placeholder copy and the sample catalogue live too long after launch reads as unfinished to the first real visitors.
What could your store's branding look like without touching code?
A Cmsmart Store's Site Editor lets a non-technical owner set the site title and icon, edit the header and footer, and choose brand colors and fonts, so the storefront reads like the business behind it in the first working session after install, no code editor needed.
Example scenario. A print shop owner finishes a Store Setup v2 install and opens WordPress admin. Plugins already show green — WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer all active. In Settings > General they set their site title, tagline and site icon. In the Site Editor they swap the header's placeholder logo through the Site Logo block, then update the footer's columns and copyright line. The homepage still shows the sample catalogue — cataloguing is a separate guide — but the chrome already reads as their brand.
None of that touches a theme file, and it doesn't require removing the sample catalogue first — branding and cataloguing happen in either order. If you'd rather hand branding to Cmsmart, see Cmsmart Store preset installation & demo import.
How does Cmsmart let you customize WooCommerce block theme settings?
Cmsmart Stores ships every merchant a parent theme, a matching child theme, and the Cmsmart Stores Blocks and Cmsmart Product Designer plugins already working together, then puts every day-to-day brand change in WordPress's own Site Editor and Settings screens, so customization never touches theme files.
The building blocks a Store Setup v2 (or manually installed) store arrives with:
Parent theme. Cmsmart Stores (cmsmart-stores), 2.2.0 in the current release zips, supplies the shared template structure every child theme builds on.
Child theme. One of the six Printstores child themes at 2.0.0 — Print Shop, Gift, T-Shirt, Boxed, 3D Print or Boxed 2 — or Cmsmart B2B Store / Cmsmart Marketplace Store 2.0.1, each on its own parent theme.
Cmsmart Stores Blocks (2.1.2). The plugin behind the slider, carousel, product tabs and mega-menu blocks the store themes use in their templates.
Cmsmart Product Designer (2.18.3). The on-page product customizer for buyers; it doesn't change how you style the store, but it has to stay active for design-enabled products to work.
Site Editor (Appearance > Editor). Templates and template parts — Header and Footer included — open here for direct editing.
Styles panel. Typography, Colors, Background, Shadows and Layout apply across the whole site at once, the way WordPress's own Styles documentation describes; set your brand colors and fonts here.
Appearance > Themes after a manual install: the child theme active, with the Cmsmart Stores parent theme installed next to it.Plugins: Cmsmart Stores Blocks (2.1.2) and Cmsmart Product Designer (2.18.3) active next to WooCommerce before any branding starts.
Cmsmart insight: check the Plugins screen before you touch the Site Editor. If Cmsmart Stores Blocks is inactive, header and homepage patterns that depend on it render as empty blocks — easy to mistake for a theme bug when it's really one plugin not switched on.
Customizing a WooCommerce store: hand-coded theme vs. Cmsmart Stores
Classic WooCommerce theme + custom CSS
Cmsmart Stores (Store Setup v2)
Core plugin set
Search for and install each plugin yourself
WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer already active when install finishes
Changing colors and fonts
Edit CSS, or pay a developer for each change
Styles panel in the Site Editor, no code
Header and footer layout
Theme-specific options or custom template code
Header and Footer template parts, edited directly in the Site Editor
Starting catalogue
Build every product from scratch
Sample catalogue from Store Setup v2, replaced with your own products
Fully bespoke brand design
Custom build from scratch
Not a built-in feature; Cmsmart builds it as custom development
What's the business value of branding your store properly before launch?
A storefront that matches your brand from day one looks more trustworthy than one left on sample branding and costs less to maintain, and Cmsmart's Site Editor tools get you there without a developer invoice for every small change.
Customization value
Benefit
How it shows up in your business
KPI to track
Faster brand launch
Site title, header and footer set in the Site Editor instead of a developer ticket queue
Hours from install finishing to a branded homepage
No unused plugin overhead
Only WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer run by default
Active plugin count per store
Consistent brand everywhere
Styles panel changes and template parts apply site-wide, not page by page
Pages matching your current brand colors and fonts
Lower one-off dev spend
Routine layout and color tweaks handled in-house instead of billed hourly
Developer hours billed per month on cosmetic changes
Quick math: if small theme tweaks currently go through a developer at your hourly rate, doing the routine ones yourself in the Site Editor saves roughly (hourly rate) × (tweaks per month) × (minutes per tweak, often 15-30) ÷ 60, every month.
How do you set up and brand the Site Editor on a Cmsmart Store?
You confirm the theme and plugins are active on the Themes and Plugins screens, then set your brand in two places: Settings > General for the site title, tagline and icon, and Appearance > Editor for the header, footer, colors and fonts.
Finish installing your store first — either with Store Setup v2's installer file or the manual theme files route — before you start branding.
Open Appearance > Themes and confirm your child theme (for example Cmsmart Print Shop Store) shows Active, with the Cmsmart Stores parent theme installed next to it.
Open Plugins and confirm WooCommerce, Cmsmart Stores Blocks and Cmsmart Product Designer all show Active before you move on to design.
Go to Settings > General and set your Site Title and Tagline, then upload your logo as the Site Icon.
Open Appearance > Editor to launch the Site Editor.
Under Patterns > Template parts, open the Header template part: replace the logo through the Site Logo block, and check the menu and cart/account icons.
Still under Template parts, open the Footer template part and update its columns, support links and copyright line to match your business.
Click the Styles icon, open Colors and set your own brand palette; the change applies across every page immediately.
In Styles, open Typography and set your heading and body fonts.
Click Save in the Site Editor to publish your changes.
Settings > General: Site Title, Tagline and Site Icon — the first brand details to change.The Header template part open in the Site Editor: Site Logo, menu and cart/account icons live here.The Footer template part open in the Site Editor: columns, links and the copyright line.
Products, print options and the "Setting Cmsmart" pricing box are covered in each store's own setup guide — see Cmsmart Print Shop Store once branding is in place.
Once saved, the dashboard's own post-install checklist is worth working through:
Load demo images (paid key): Cmsmart > Store Setup > Load demo images, for the sample catalogue's full images instead of placeholders.
Remove sample data later in Cmsmart > Store Setup once you're ready to go live with real products.
Follow Tutorial: run your store, or the Launch checklist on My Stores, for what's left before launch.
Store Setup's "Your store is live" step: View store, Open admin, and the checklist to work through after branding.
Keep it up to date. New versions appear in two places: the dashboard's Theme files & changelog panel, which lists every store with its current version, and each plugin's own update notice under Plugins once Cmsmart Stores Blocks or Cmsmart Product Designer has a new release.
Store Setup > Theme files & changelog: every store family with its version pill and a changelog link.
Cmsmart insight: never edit the parent theme directly. Your branding lives in the child theme's Site Editor templates and the Styles panel, which is exactly what survives a parent theme update; changes made by editing cmsmart-stores files itself get overwritten the next time you update it.
Going further: what if you want a fully custom store design?
The Site Editor's template parts and Styles panel cover most brand changes, but when a store needs a header or homepage beyond what ships in the theme, Cmsmart builds it as custom development: bespoke templates layered on top of your Cmsmart Store.
What we build on top of a branded store, project by project:
Bespoke header and homepage design. A layout beyond the theme's built-in template parts, built to match an existing brand identity exactly.
Catalogue and brand migration. Replacing the sample catalogue with products and styling moved over from an existing WooCommerce store or a different platform.
Custom patterns. Purpose-built sections — a price-matrix table, a gang-sheet pricing explainer, a 3D preview block — that the standard pattern library doesn't include.
B2B and Marketplace theming. Cmsmart B2B Store and Cmsmart Marketplace Store run on their own parent theme and plugin; we adapt vendor dashboards and multi-vendor branding project by project.
Plugin and performance audits. Reviewing a store's plugin list and page weight as it grows past the three core pieces.
Delivery runs the same way for every engagement: discovery, solution design, build sprints, QA on a staging copy, launch, then support. See the delivery model at Cmsmart ecommerce projects.
Cmsmart has built WooCommerce storefronts and the Cmsmart Product Designer plugin since 2012 as a Netbase JSC division, and Cmsmart Stores comes from that team — so the theme, Stores Blocks and the designer work together, including a print-ready PDF that matches the order once design-enabled products go live.
Cmsmart has delivered 6,300+ client projects and runs 1,800+ live stores in 80+ countries, rated 4.2 on Trustpilot (404 reviews). One long-time plugin user put it this way:
"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, Trustpilot review
What size should my logo be for the Site Logo block?
Upload a square image of at least 512 by 512 pixels for the Site Icon, and a wider horizontal version for the Site Logo block in the header, since the header template part displays it next to the main menu rather than cropped to a square.
How do I change my store's colors and fonts?
Open Appearance > Editor, click the Styles icon, then Colors for your palette and Typography for heading and body fonts. Both apply across the whole site immediately after you click Save — no CSS and no separate page-by-page changes.
Can I use a different page builder instead of the Site Editor?
You can activate a page builder plugin alongside Cmsmart Stores, but the theme's own header, footer and homepage patterns are built as WordPress block templates; mixing in a different builder for the same templates usually means rebuilding those sections rather than editing them together.
Will a theme or plugin update erase my branding?
No, as long as your changes live where they belong: the Site Editor's Styles panel and your child theme's template parts, not the parent theme's files. That's why Cmsmart ships a parent-and-child theme pair — your customization survives parent theme and plugin updates.
Do Cmsmart B2B Store and Cmsmart Marketplace Store customize the same way?
The Site Editor workflow is the same. Cmsmart B2B Store and Cmsmart Marketplace Store (both 2.0.1) run on their own parent theme and ship with their own plugin — Cmsmart B2B or Cmsmart Marketplace — instead of a Printstores child theme, so confirm that plugin is active too before branding.
Do I need the Cmsmart Product Designer plugin active just to brand the theme?
No. Site Editor branding — site title, header, footer, colors, fonts — works as long as the active theme and Cmsmart Stores Blocks are in place. Cmsmart Product Designer only needs to be active once you're ready for buyers to personalize design-enabled products.
Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. The Printing Options screens are where you turn quantity breaks, material upcharges and per-product base prices into one price matrix: this chapter covers the Settings > Printing Options tab and the Cmsmart > Printing Options manager, field by field, for anyone setting up or auditing print pricing.
In short
Outcome: every field on these two screens controls exactly one thing — how option prices are calculated, displayed and applied — so you can set them once and trust the product page, cart and order screen to agree.
How it works: the Settings > Printing Options tab controls display and cart behavior store-wide; the Cmsmart > Printing Options manager builds the actual price matrix (quantity breaks, discount type, Apply for) per product or category.
What it takes: about 20 minutes to read every field once with this guide open next to your own install, plus a plan for the pricing rules these screens can't express, which Cmsmart builds as custom development.
A WooCommerce printing options price matrix setup is the one job where every quantity break, material upcharge and per-product base price gets defined once, so the product page, the cart and the order screen all show the identical number — and your team stops re-quoting a custom print order by hand.
This chapter assumes the Cmsmart Product Designer plugin (formerly NBDesigner) is already installed and a product has the online designer turned on — if not, start with the installation guide first. Two screens do the work: Settings > Printing Options is store-wide, deciding how prices are formatted, laid out and added to cart everywhere options appear; Cmsmart > Printing Options is per price matrix, where you build the quantity-break table and attach it to products or a category. Both are covered below, field by field.
What's the real cost of a messy Printing Options screen?
Cmsmart sees the same pattern across web-to-print shops that skip this screen: pricing lives outside the system, so quotes are slow, discounts are inconsistent and the total a shopper sees can drift from what production bills. Configuring Printing Options once closes that gap for every product it's applied to.
Re-quoting by hand. Every custom order gets a manual price check against a spreadsheet, which does not scale past a handful of orders a day.
Inconsistent discounts. Two staff members quote the same bulk order differently because the quantity-break rule was never entered as a setting.
A blank Printing Options list. A product with the designer enabled but no option set applied shows only the base price — any pricing logic has to be added by hand, order by order.
Display settings nobody owns. Decimals, table layout and add-to-cart behavior default to whatever shipped until someone reviews Settings > Printing Options for the business.
Cmsmart insight: shops that struggle most with this screen treat it as a one-time setup instead of a tab worth revisiting. A quantity break that matched last year's material cost, or a decimal setting nobody checked after a currency change, quietly drifts out of date. Review it the way you'd review a price list.
Pricing confusion is not a minor annoyance at checkout. Baymard Institute's checkout research found that 40% of shoppers who abandon an online cart do so because extra costs were higher than they expected — exactly the gap a price that is configured once and read everywhere is built to close.
What does a working price matrix look like for your buyers?
Imagine a shopper raising the quantity selector on your sticker product and watching the per-unit price drop at the exact break you configured, with no call to your office and no mismatch at checkout. That's what the Printing Options manager gives every product it's attached to, once the matrix is built.
Example scenario. A print shop sells door hangers with a base price and three quantity breaks. A buyer raises the quantity; the price updates to the matching break before they add to cart. The cart and checkout totals agree, and the order reaches production with the option, quantity and design file already attached — nothing for staff to reconcile.
How does the printing options price matrix work inside Cmsmart Product Designer?
Cmsmart splits this into two screens on purpose: one tab sets how pricing behaves across your whole store, the other builds the actual matrix per product or category. Together they are what the storefront, the designer and the order screen all read from — no code request needed for a new price matrix.
Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Settings > Printing Options: the store-wide General, Catalog and Cart fields this guide's settings table covers.Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Printing Options: every option set, its priority, the products or categories it applies to, and its status.Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Printing Options > Edit Options: the quantity-breaks table, the discount type and the Apply for (Products/Categories) field that attaches the matrix.
Every field on both screens defines a printing field, builds a price-matrix row, scopes which products read it, formats the price, or changes how the option is added to cart. The table below lists the fields in this capture set, what each does, its default, and a starting point for three business types.
Field (as shown)
What it does
Default
Recommended: print shop / POD apparel / B2B
Shows on storefront
Discount type base on quantity breaks
How the quantity-break table calculates its discount
Percentage
Percentage fits all three; match it to how you already quote
Product page price and designer total
Quantity breaks (Break / Discount / Default)
The price-matrix rows: a quantity, its discount, and the default row
One row, no discount
Small/medium/bulk runs · pack-size breaks · one break at the PO minimum
Product page table, cart, order line item
Apply for (Products / Categories)
Scopes the option set to products or a whole category
Products
One flagship item · a whole apparel category · one category per account
Which product pages load this matrix
Priority
Decides which set wins when more than one could match a product
1 (as installed)
Default is fine · default is fine · raise for an account override set
Admin only
Hide table pricing
Hides the quantity price table on the product page
No
Keep visible · default is fine · keep visible for transparency
Product page, under the options
Table pricing type
Shows the table as quantity ranges or quantity breaks
Quantity range
Quantity breaks mirrors the matrix · either works · Quantity range for broad tiers
Product page pricing table format
Change original product price
Overwrites the displayed price as options change it
Yes
Leave on Yes for all three — the price shown must match what's configured
Product page listed price
The base price each product starts from, before any option or quantity break is applied, is set separately on Cmsmart > Product manager — the price matrix adds to or discounts from that number, it doesn't replace it.
Cmsmart Product Designer 2.17.0, WP Admin > Cmsmart > Product manager: the base price (with any sale price) for every design-enabled product, before Printing Options applies.
What's the business value of getting these printing options settings right?
Cmsmart frames the value of this screen in mechanisms, not promises: fewer manual quotes, fewer checkout mismatches, and settings that match how your business actually prices, instead of whatever shipped by default. None of it needs a developer once the matrix and the display settings are set.
Manual pricing
Printing Options in Cmsmart Product Designer
Quantity breaks live in a spreadsheet or a quote email
Quantity breaks are rows in the price matrix, attached to a product or a whole category
Every channel can show a different total
The product page, cart and order screen all read the same configured price
A new product needs a fresh pricing conversation
An existing option set applies to a new product in minutes under Apply for
Decimal formatting, table layout and add-to-cart behavior vary by whoever last touched the theme
They live on one Settings > Printing Options tab, set once for the whole store
Faster quotes to checkout. Fewer emails before an order is placed. KPI: average time from first product view to completed checkout.
Fewer pricing errors. Fewer refunds or reprints caused by a wrong total. KPI: reprint rate attributed to pricing, not production.
A settings tab your team owns. Fewer "why does this product look different" tickets. KPI: how often the tab is touched outside initial setup.
Rough ROI check: multiply your custom orders per month by the minutes a manual quote currently takes, by your fully loaded hourly staff cost. That is roughly what a correctly configured price matrix gives back every month, before counting the orders you stop losing to a wrong or late quote.
The opportunity is not small: the global web-to-print market was valued at $36.3 billion in 2025 and is projected to reach $52.9 billion by 2034, a 4.15% CAGR, according to IMARC Group. Shops that quote accurately keep a larger share of that growth than shops still pricing by hand.
How do you complete the WooCommerce printing options price matrix setup in Cmsmart Product Designer?
Cmsmart's Printing Options setup takes about 20 minutes for a first product: review the store-wide display settings once, then build one price matrix and attach it. The same matrix then applies to every product or category you add it to, with no repeat work.
In wp-admin, open Cmsmart > Settings > Printing Options and review the General section: Number of decimals, Options display style, Hide table pricing and Table pricing type set how every price matrix will look on the storefront.
In the same tab, check the Catalog and Cart sections: Force Select Options, Show options in archive shop pages, and Ajax cart control what happens before and after a shopper reaches the product page.
Open Cmsmart > Printing Options and choose Add new, or open an existing option set to edit its price matrix.
Under Printing fields, add the fields the shopper needs, then open Printing options > Quantity and choose a discount type, such as Percentage.
Add a quantity-break row for each tier with Add more, enter the discount for that tier, and mark one row as the default.
Under Apply for, attach the option set to specific products or to a whole category, and set a Priority if more than one set could match the same product.
Publish the option set, then open Cmsmart > Product manager to confirm the product's base price is what you intended.
Open the product on the storefront and confirm the price updates as quantity changes, then check a test cart and checkout before taking real orders.
Common mistakes and troubleshooting:
The matrix doesn't apply to a product. Check Apply for: it must list that exact product or its category, with no higher-priority set claiming it instead.
The price table isn't visible to buyers. Check Hide table pricing — if Yes, the matrix still calculates but the table stays hidden.
Two option sets fight over one product. Give the one you want to win a higher Priority; the manager list shows every set's priority in one column.
A field seems to do nothing. Table pricing type only matters when Hide table pricing is No.
Cmsmart Product Designer 2.17.0, storefront: the product page price a shopper sees before opening the designer — this demo product has no price matrix attached, which is also how an unconfigured Printing Options setup looks.Cmsmart Product Designer 2.17.0, storefront: WooCommerce checkout carries the same price through to order review, with the custom design attached to the line item — the consistency a correctly applied price matrix is built to guarantee.Cmsmart Product Designer 2.17.0, storefront (mobile): Display product options on and Options display style both affect how much a shopper scrolls before reaching the price on a phone.Video: How to configure print pricing options on NBDesigner (Cmsmart on YouTube).
For the designer-side fields a pricing rule can depend on — sides, DPI, upload limits — see the individual product settings guide instead of repeating every field here.
Going further: what custom pricing can Cmsmart build on top of these settings?
Cmsmart's project team builds pricing logic beyond what a price matrix covers: account-tier pricing, ERP-synced cost, PO-approval gates. The Printing Options screens stay the base your storefront runs on, and Cmsmart builds the rules your business actually operates under as custom development, on top of them.
Rules a matrix can't express. A price depending on two option fields together, an account tier, or a negotiated B2B price list is custom pricing-engine work, not a Printing Options setting.
ERP or MIS-synced cost. Pull a live cost basis or a stock-dependent price from your ERP or MIS, so the storefront price never drifts from production cost.
Approval-gated quoting. Route a B2B account's configured price through a purchase-order approval step, building on the approved-artwork lock Cmsmart Product Designer already applies.
Pricing tied to print-ready output. Connect pricing rules to the print-ready PDF that matches the order, rendered by Cmsmart Cloud.
Delivery runs the way every Cmsmart project does: discovery, solution design, sprints, QA and launch, with support afterward — see how we run ecommerce projects, see the pricing engine service, or start from the web-to-print solutions hub if you're still scoping the wider build.
Why work with Cmsmart on your print pricing settings?
Cmsmart has built web-to-print storefronts since 2012, with 6,300+ client projects and 1,800+ live stores behind that experience. The Printing Options screens in Cmsmart Product Designer are the product of that work, and Cmsmart builds the custom pricing engines as custom development when a price matrix isn't enough.
Cmsmart is a Netbase JSC division since 2012, with 6,300+ client projects and 4,600+ delivered, serving stores in 80+ countries, and holds a 4.2 Trustpilot rating from 404 reviews (verified on Trustpilot); the project history is open on the Cmsmart platform page.
“I would like to highlight that the price is competitive, especially in relation to the quality of the software delivered.” — Oscar Hernnan, Trustpilot review, 2024
Related chapters in this settings guide
This chapter is part of Cmsmart's admin settings guide for Cmsmart Product Designer. Start from the installation guide if the plugin isn't set up yet, then see these neighbouring chapters:
Individual product settings — the designer-side fields (sides, DPI, upload limits) a pricing rule can depend on.
Frequently asked questions about printing options and the price matrix
Do changes to Settings > Printing Options apply right away?
Yes. Both screens are read live by the storefront; you don't need to edit or republish the products an option set is attached to.
Can one Printing Options set apply to several products at once?
Yes. Under Apply for, attach the set to a whole category instead of a single product, and set a priority if more than one set could match the same item.
What happens if two option sets could both match the same product?
The set with the higher Priority wins. The Printing Options list shows every set's priority in its own column.
Is there a limit to how many quantity-break rows I can add?
The editor shows no fixed limit in this capture — use Add more as needed and mark one row as the default.
Can print pricing depend on which customer is buying?
Not out of the box. Account-tier or negotiated B2B pricing is custom development Cmsmart builds on top of Printing Options.
Can Cmsmart connect these settings to our ERP or MIS?
Yes, as custom development — Cmsmart syncs a live cost basis or stock-dependent price from your ERP or MIS.
This is the powerful tool of Web to Print stores. It is very useful for both printing shop owner and their customers. The free Media library is available on WooCommerce Online Designer Plugin and printing functions are the outstanding features compared to our competitors. NBdesigner is built for all types of printing company which helps customers draw their idea in the fastest way.
What is DPI?
DPI stands for ‘dots per inch’ – the number of printed dots there is in an inch of the printed document. DPI is used to describe the resolution number of dots per inch in a digital print and the printing resolution of a hard copy print dot gain, which is the increase in the size of the halftone dots during printing. This is caused by the spreading of ink on the surface of the media. The larger the DPI and the number of dots, the clearer the print is. In addition, with much more DPI, the level quality of the print would be higher. Most of the prints often opt for the resolution with DPI between 300 and 600. However, professional photography or large advertisements might be print at a very high DPI like 1200.
Configure and Display DPI?
Firstly, You need to log in to NBDesigner - Cmsmart, add file and enter information in the Backend. In "general" box, changing " fixed amount' into "Current value price" and increasing "additional price" from 0 to 0.01.
Secondly, you do not need to change something inbox "conditional", "appearance" and "online design".
And then, click on Update and view in Fronted.
Now, you can correct DPI as you like. Pressing the button " start and update design" and enjoy your product. Besides, Cmsmart creates a video for you to know more details, please watch this below video!
How to configure DPI and where does it display on Woocommerce product online design plugin?
I wish this article helped you fully understand the way configure DPI and where it displays. If you need any help figuring out, please feel free to contact us at CMSmart Support team We are always willing to help you. If you have any questions, please contact Mr. Vincent. He will answer your question. Using coupon code MAR_DL to get 18% OFF for this item. Discover detail product here: LIVE DEMO
Why you should carefully make a selection when choosing one layout on your website:
A good layout keeps users on the site because it makes important information easily accessible and intuitive to find. A bad layout frustrates users which then quickly leave the site because they can’t find what they are looking for. For this reason, it’s best to take as long as you need to find a good layout because users won’t give you more than a few seconds of their time. There’s a strong relationship between the layout and the engagement of users with the website. It determines how long they dwell on the website pages, how many pages they browse and how often they come back to the website. So, besides overcoming the problem of split-second choice, a good layout comes with additional benefits. Engaging visitors can be a rewarding effort.
Some highlight features of NBDesigner plugin you might concern:
A large number of Hotkeys: There are many hotkeys which helps customers work faster
QR code: You can create QR code and then add to your design
Create PDF: Quickly create a PDF file from a design file
Powerful Layers: Drag and drop to sort layers and change layers of items.
Download customer's design file to SVG: You can download your customer's design file to SVG
Upload design: Allow customers to upload your own design with different types of file
Freehand drawing: Especially, you also can use many available brushes to draw, you can create your own signature.
Custom design: Admin can create one or more templates and manage them easily in the admin panel
100% responsive & mobile friendly: Customers can design on any device such as desktop, tablet or mobile
Social sharing: Share your design via social channels such as Facebook, Twitter, Google+
Various Font: More than 600+ fonts are included in this product, so you can choose font styles as you want.
Import/Export design: Import or Export files directly from your source easier than ever
Easy to use: Admin can use this product easily. Especially, it is very friendly with customers and simple to use
Various Elements: There are 400+ shapes and 25,000+ icons available which you can express your feeling in the best way
Powerful help tool: Especially, you also can use many available brushes to draw, you can create your own signature
Frontend translate with multiple languages: Customers can understand and design easily with multiple languages feature
Compatible with WooCommerce: This plugin is an extension of the WooCommerce plugin that allows your customer to design product easily
Customer design again easily: Customer can design the rejected file easily and send it back to the admin
Easy manage products with online: Products with online design feature on Front-end will be added on the checkbox to distingue with Products without online design feature
Easily manage order of customer: Admin can see the design in detail, accept/decline design, and send email feedback to customers
Flexible config: You can set size upload, preview thumbnail size, thumbnail quality, show customer design in the cart, show customer design in order, admin notifications, and so on
Export design to JPG high revolution, CMYK mode, and ICC profile: JPG with high revolution and CMYK mode is the best choice for print in most of the case. And you can create PDF files with them
Add/ curve text and 200+ typography: A customer can add text with various colors, fonts, and sizes. Especially, they can curve text in their design and edit anything. There are 200+ typography available which save your time to find
Add clip art: Customers can select images from different many sources as their computer, Url, Facebook, Instagram, Dropbox, Webcam or Pixabay and Unsplash. With 1.500.000 beautiful images, you can search and find the one you love
How to setup Visual Design editor layout in Woocommerce product designer plugin?
As you could see, we provide 3 design editor layouts for your choices. Customer can design online on the product detail page and Admin can set it for all products You also could choose the design editor layout for each product.
Today, this article will show you how to setup Visual Design editor layout in NBDeisgner plugin. Kindly follow this tutorial video for more detail:
We hope you find this article helpful for your business. If you want to find more detailed information about our NBDesigner, kindly go to WOOCOMMERCE PRODUCT DESIGNER PLUGIN. If you have any questions about this product, please contact our Sales Consultant Manager, Vincent or CMSmart Support Team. He will answer all your questions. Don't forget to use coupon code MAR_DL to get 18% Discount for this item. Many thanks!
Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Screens below are from a live NBDesigner demo store and a current product test run; the admin Template Manager picker itself is described from the 2.10.0 release notes because we did not re-capture that exact screen this round.
In short
Cmsmart's Global Template Store lets a buyer pick a ready-made design inside your product designer instead of starting from an empty canvas, so more visits turn into finished orders.
You assign a collection of templates to a product once, from that product's Templates tab; buyers then see a searchable template panel the moment they choose to design online.
It takes a product with the online designer already enabled, a template collection to assign, and about ten minutes the first time you set it up.
A buyer who opens your product designer to a blank canvas has to make every decision alone — layout, colors, wording — before they ever see a price. Cmsmart's product designer template store removes that first decision: it hands the buyer a finished, editable design the moment they click into the online designer, so they are personalizing in seconds instead of staring at an empty page.
That one change touches the whole front of your funnel: fewer abandoned designs, fewer support emails asking staff to recreate a layout by hand, and a shorter path from product page to cart. This guide covers what the template store does today, what it costs you when it is off, how to turn it on for a product, and where Cmsmart builds further on top of it.
What does it cost you when every buyer starts from a blank canvas?
A blank design area forces every buyer to be their own designer before they can buy anything. Cmsmart's product designer removes that barrier by opening straight into a template they can edit, so shoppers who were never going to design from scratch still complete an order.
Run a design-enabled product without any templates assigned and you tend to see the same handful of problems on repeat:
Design abandonment before Process. A buyer opens the designer, looks at an empty canvas, and closes the tab rather than build a layout from nothing.
Inbox-driven design requests. Buyers who do not trust their own layout skills email or chat a request instead, asking staff to recreate something close to your demo artwork — which is staff time your price does not cover.
Inconsistent artwork quality. Freehand layouts arrive off-center, with text too close to the bleed line or fonts that do not pair, which shows up later as reprints.
Slower time-to-cart. Every extra minute spent fighting a blank canvas is a minute closer to the buyer leaving the tab open and never coming back.
None of that is unique to custom-product stores. Checkout abandonment across ecommerce in general runs high for the same underlying reason — friction between wanting something and actually buying it: the average cart abandonment rate sits at 70.22% across the studies Baymard Institute tracks, and 17% of US shoppers specifically blame a process that felt too long or too complicated (Baymard Institute, updated September 2025). A design step with no starting point is exactly that kind of friction, placed before the buyer has even reached checkout.
What would a pick-a-template storefront look like for your shop?
With Cmsmart's Global Template Store turned on, a buyer never meets an empty canvas: the product designer opens with a curated layout already in place, ready to personalize and order in a couple of minutes.
Example scenario. A gift shop lists a photo mug. A shopper opens the product page at 9pm, skips the upload-a-file option, and opens the online designer instead. The Templates panel on the left already shows a birthday-themed layout assigned to that product. They search for a birthday layout, pick one, swap in two photos and a name, watch the price update, and check out — no emailed proof, no back-and-forth, and no blank canvas at any point.
Demand for that kind of self-serve personalization keeps climbing: the global print-on-demand market is projected to grow from $10.8 billion in 2025 to $57.5 billion by 2033, a 23.6% CAGR (Grand View Research, 2025). Shoppers increasingly expect a store to meet them with a starting point, not a blank tool.
The buyer's first decision: upload a finished file, or design here online — the template store lives inside the second path.
How does Cmsmart's product designer template store work?
Cmsmart's Global Template Store pairs a template library with your product's own design area: you assign a collection of templates to a product from its Templates tab, and the online designer shows that collection in a searchable panel the moment a buyer starts designing.
Four pieces work together, and it is worth being clear about which ones ship in the plugin today and which ones are delivery work:
Storefront entry point (in the plugin). The design-method chooser on the product page routes buyers to upload their own file or open the online designer.
Template library and assignment (in the plugin). Cmsmart's admin Template Manager holds the global collections; a product's Templates tab is where you pick which collection — if any — that product shows. Per the 2.10.0 release notes, collections load asynchronously and an assign-to-products action lets you apply one collection to several products at once — we do not have a fresh screenshot of that exact picker this round, so take this paragraph as a description of what it does rather than what it looks like today.
Searchable templates panel in the designer (in the plugin). Once a buyer is in the editor, a dedicated Templates tab sits alongside Text, Cliparts and Photos, with its own search box.
Print-ready output (in the plugin, same either way). Whether a buyer started from a template or a blank canvas, Process renders the same print-ready PDF that matches the order, and once that artwork is approved the approved-artwork lock stops it from being edited out from under production.
Inside the online designer: the Templates tab (top left) with a searchable grid, and a template already sitting on the canvas ready to personalize.
Cmsmart insight: in our delivery work, the shops that still see design abandonment are usually the ones that only assigned templates to one or two hero products. Give every design-enabled product at least two or three templates — even a thin collection beats a blank canvas.
Blank canvas only
Cmsmart Global Template Store
Starting point
Buyer stares at an empty design area
Buyer opens a ready-made layout and edits it
Where designs come from
The buyer supplies everything
A collection assigned from the product's Templates tab
Admin effort
None up front, but more support requests later
One-time: enable the designer, assign a collection
Finding a layout
Not applicable
Searchable template panel inside the designer
Print file
Rendered at Process
Rendered at Process — print-ready PDF that matches the order, either path
For the gallery view of everything in the library, see Cmsmart's templates library — it is the same collection your product's Templates tab draws from.
What's the business value of turning on the template store?
A template store turns design time into personalization time: buyers spend their minutes editing a layout instead of building one, which shows up as fewer abandoned designs, fewer support emails, and more consistent print-ready artwork.
Benefit
How it shows up in your business
KPI to track
Fewer abandoned designs
Buyers personalize a finished layout instead of closing the tab at an empty one
Designs started vs. designs that reach Process
Less manual design support
Fewer recreate-this-layout tickets, because a close layout is already a template
Design-related support tickets per 100 orders
More consistent print files
A template keeps text inside the safe zone and fonts paired on purpose
Reprint rate tied to layout/bleed issues
Faster time-to-cart
Editing beats building, so buyers reach Add to cart sooner
Median minutes from designer open to Process
Rough-cut math, with your own numbers: if N buyers a month start from a template instead of a blank canvas, and each one saves roughly M minutes of back-and-forth proofing email at your support rate of H per hour, that is N × M ÷ 60 × H in support time saved each month — before counting the orders that complete only because the buyer did not abandon a blank canvas. Plug in your own N, M and H to see what the switch is worth to your shop.
You are not alone in running this workflow on WooCommerce: more than 4 million stores run on it today, 31% of the top 1 million ecommerce sites by WooCommerce's own count (WooCommerce, 2026) — which is also why a template library that is easy to search and assign matters at that scale.
A design-enabled product ready for its template collection — Start Design opens straight into the online designer.
How do you set up the Global Template Store on a product?
You configure the template store once per product: turn on the online designer, open that product's Templates tab, assign a collection, then confirm it on the storefront — Cmsmart's Product Manager shows exactly how many templates each product already carries.
In wp-admin, go to Cmsmart → Products (Manager Products) to see every design-enabled product and how many templates each one already has.
Open the product you want to configure and confirm Designer Canvas → Enable the Online Designer for this product is checked, under the Online Designer section.
Choose a Sides preset (1-sided or 2-sided) so templates render on the sides your product actually prints.
Open the Templates tab on the product, or use the Manage templates quick action, which is where you add or edit the ready-made designs buyers can start from.
Pick a collection from Cmsmart's Global Template Store that matches the product (for example, invitations for a card product, marketing layouts for a banner product).
Assign the collection and save the product.
On the storefront, open the product and click Design here online to confirm the Templates panel loads with your assigned collection and that search returns results.
Run one test design through to Process and add it to the cart, so you can see the design carried through to checkout exactly as a buyer would.
Manager Products: a running count of templates per product, so you can see at a glance which ones still need a collection assigned.On the product itself: the Templates tab, the Manage templates quick action, and the Designer Canvas toggle that has to be on first.The same design, carried through to checkout — the template store's job ends the moment Process hands off to the cart.Video: how to design an admin template with the Cmsmart WooCommerce product designer plugin (Cmsmart on YouTube).
Going further: how does Cmsmart build custom development on top of the template store?
Cmsmart builds template experiences beyond the stock library as custom development — niche-specific collections, data-merge templates, brand-locked sets for multi-location accounts — fitted to your catalog instead of a generic demo.
The Global Template Store ships a general-purpose library. Most shops eventually want something sharper than a general-purpose library, and that is where Cmsmart's project teams come in:
Niche-specific template packs. A curated set built for your category — wedding stationery, trade-show banners, team apparel — instead of hunting through a generic library for a close match.
Data-merge templates. Layouts that pull a buyer's name, event date, or company logo into placeholders automatically, so personalizing is closer to filling a form than designing from scratch.
Brand-locked templates for B2B accounts. Multi-location or franchise buyers get templates whose logo, colors and legal copy are locked, while the order details stay editable — built for merchants as custom development, not a core setting.
Generated starting templates. A starting layout produced from a short prompt or an uploaded logo using AI tooling, handed to the buyer as their first template instead of a static library pick.
Cmsmart delivers this the same way as any other engagement: discovery, solution design, build sprints, QA, launch and ongoing support — see the delivery model on Cmsmart ecommerce projects, or the full scope of product-designer work on the product designer customization service page.
Cmsmart insight: before you roll a template collection out to every variant of a product, check that every font it uses is already in your font library under Settings. A template that looks right in the editor can fall back to a substitute font in the print-ready PDF if nobody proofed it first — easy to catch once, easy to miss at scale.
Why work with Cmsmart on your template strategy?
Cmsmart has built and supported web-to-print storefronts since 2012 as a Netbase JSC division, with thousands of client projects behind the product designer you are configuring today.
Cmsmart has delivered 6,300+ client projects and 4,600+ completed projects since 2012, with 1,800+ live stores running today across 80+ countries. Trustpilot rates Cmsmart 4.2 out of 5 across 404 reviews. One buyer who purchased a template through Cmsmart put it simply: "My first time with this developer and am very impressed with the template that I purchased and the quick turnaround and assistance" — Lillian Fidler, Trustpilot review. See related delivery work on Cmsmart projects, or start from the plugin itself on the Cmsmart Product Designer (NBDesigner) page, or explore the broader web-to-print solutions hub.
Frequently asked questions
What is the Global Template Store in Cmsmart Product Designer?
It is Cmsmart's library of ready-made designs that you assign to a product from its Templates tab; buyers then see those templates in a searchable panel inside the online designer instead of an empty canvas.
Does turning on templates stop buyers from designing from scratch?
No. The product page still offers both the upload-your-own-file option and the online designer, and inside the editor the Templates tab sits alongside Text, Cliparts and Photos — a buyer can ignore every template and build a layout from nothing if they want to.
Do I need to assign templates to every product?
No, but it helps. Manager Products shows a running template count per product, so you can see which design-enabled products still have zero templates assigned and prioritize the ones with the most traffic first.
Does a template change how the print-ready file is produced?
No. Whether a buyer starts from a template or a blank canvas, Process renders the same print-ready PDF that matches the order, and approved artwork is protected the same way either path.
Can Cmsmart build us a custom template collection instead of using the general library?
Yes — niche-specific packs, data-merge templates and brand-locked B2B collections are all custom development Cmsmart builds on top of the core template store; get a quote to scope it.
Applies to Cmsmart Product Designer (formerly NBDesigner) 2.18.0-dev · Updated October 2026. Screens and flows below are from a live install on nbdesigner.cmsmart.net, captured October 2026.
In short
A product builder WooCommerce setup lets a shopper assemble a multi-part product — pick a component, type text, upload an image — and see one price before they add it to cart, instead of emailing you a spec and waiting for a quote.
Cmsmart Product Designer (formerly NBDesigner) ships this as Component, Text and Image fields inside Printing Options, on top of the same per-product production specs, price matrix and print-ready pipeline every designer-enabled product uses.
Setup takes a product with the Online Designer turned on, an option set with the right fields applied to it, and ten minutes to test the storefront flow end to end.
A customer wants a gift box with three swappable items inside, a door hanger with their own wording, a sign built from interchangeable panels. Today they either pick from fixed bundles you pre-built, or email you a list and wait a day for a quote. Neither gets them to checkout.
Most WooCommerce stores selling configurable, multi-part products still run that quote back-and-forth by hand instead of using a product builder WooCommerce setup that prices the combination on the product page itself. This chapter covers the admin screens that make it work: Manager Products, Printing Options, and the per-product settings that decide what a buyer sees.
WP Admin > Plugins: Cmsmart, version 2.18.0-dev.
What does it cost you when customers can't assemble a multi-part product online?
Every multi-part product without an on-page configurator becomes a manual quote: an email thread, a hand-built price, and a wait that costs you the sale. Cmsmart's product builder fields move that configuration onto the product page, so the price and the order happen in one visit instead of a back-and-forth.
If you sell anything built from parts — a gift box with selectable items, signage made of panels, stationery with a name and a photo — the pain shows up the same way on most stores:
Manual quoting. Staff price each component by hand and reply a day later, after the customer has checked a competitor.
Inconsistent pricing. Without a shared price matrix, two staff members quote the same combination differently.
Production specs that drift per product. Bleed, DPI and color profile get set from memory, so one batch prints fine and the next comes back off-color or cropped tight — more on that below.
No proof step before the job is cut. A spoken okay over email isn't a recorded approval, so a dispute after production falls on the shop.
Catalog sprawl. Every new combination becomes a new, separately listed product instead of one configurable one.
Put a number on it with your own data: (manual quotes per week) × (minutes per quote) × (your fully loaded hourly cost) + (reprint rate on multi-part orders) × (cost per reprint). On a shop doing even 15 manual quotes a week at 20 minutes each, that's 5 hours of staff time before a single order is placed.
What would it look like if buyers could assemble their own product online?
With Cmsmart, a buyer opens a configurable product, picks a component, adds their text or image, watches the price update, and checks out — the way they would for any other variation. No email, no wait, no manual quote.
That experience sits on top of the Online Designer toggle every designer-enabled product uses. Turn it on and the storefront changes from a plain Add to cart button to a design flow — here's the same product before and after a buyer has designed it:
Cmsmart Product Designer 2.18.0-dev, storefront product page: the Start and upload design button is what the Designer Canvas toggle on the product's admin page turns on.Cmsmart Product Designer 2.18.0-dev, storefront product page: once a buyer finishes in the designer, Your artwork shows the saved result right above Add to cart.
Example scenario. A gift-box shop sells a build-your-own stationery set: a Component field for the box size, a Text field for a recipient's name, an Image field for a small photo insert. The shopper picks the box, types the name, uploads the photo, and the price updates with each choice — the price matrix in Printing Options doing the math, not a rule of thumb. They add to cart and pay. On your side, the order lands in Orders with the configuration attached, ready for approval and a print-ready file.
How does Cmsmart's product builder put a multi-part WooCommerce product together?
Cmsmart Product Designer assembles a configurable product from four screens working together — Manager Products, a product's Production specs and Online Designer toggle, the Printing Options editor's Component/Text/Image fields, and the price matrix — all in the plugin today; logic between components is where custom development starts.
Manager Products lists every designer-enabled product with its base price, category and template count:
Cmsmart Product Designer 2.18.0-dev, Manager Products: 34 designer-enabled products, including a Die cut sticker and a dedicated 3D Preview demo product.
Its own configuration page holds Production specs plus the Online Designer toggle and sides preset:
Cmsmart Product Designer 2.18.0-dev, Manager Products > Sticker: Production specs sit above the Online Designer toggle.
Component, Text and Image fields live one level deeper, in the Printing Options editor's Product builder fields group, beside Online design fields like Area design shape:
An option set applies to specific products or categories, not globally — the list below shows the Die cut sticker and Area Design Shape sets this install runs:
Cmsmart Product Designer 2.18.0-dev, Printing Options: each option set ties to specific products — Die cut sticker applies to Die cut sticker; Area Design Shape, to Sticker.
Field (as shown)
What it does
Default here
Recommended
Shows on storefront as
Component
Buyer picks one swappable part
default: as installed
Print shop: one per physical part. B2B: pair with Apply for > Categories.
A picker field, priced by the matrix
Text
Buyer types a short value
default: as installed
Print shop/POD: short personalization only, not a layout tool.
A text input next to the other fields
Image
Buyer attaches an image, separate from the main canvas
default: as installed
POD/B2B: a small photo or logo slot; match Settings > Upload design limits.
An upload control on the product page
Area design shape
Sets the printable shape for non-rectangular products
default: as installed; applied only to Sticker here
Print shop/POD running die-cut stock: match your real cut shape per SKU.
The canvas boundary in the Online Designer
Designer Canvas
Turns the Online Designer on for the product
Checked on the Sticker product here; default: as installed elsewhere
All segments: on for any configurable product, off for simple ones.
Switches Add to cart to the design flow above
Print resolution & Color profile
Sets the DPI and color target the renderer uses
72 DPI (web) / RGB (screen) on Sticker — helper text recommends 300 DPI / CMYK
All segments: 300 DPI and CMYK for anything going to press.
Not buyer-visible; affects print sharpness and color
Cmsmart insight: this install's own Sticker product reads 72 DPI (web) / RGB (screen), against its own helper text's advice — a real example of the mistake below. Treat Component, Text and Image as building blocks for a price-matrix configuration, not a full 3D swap-this-part configurator; visual swapping is custom development on top.
Step
Manual multi-part quoting
Cmsmart product builder
Pricing a combination
Staff member prices each part by hand
Price matrix prices every combination the same way
Buyer sees the price
After an email round-trip, often a day later
On the product page, as they pick each field
Production specs
Set per order, by whoever builds the job
Saved once per product: material, bleed, DPI, color profile
Proof before production
A spoken okay over email, not recorded
Customer Design approve/decline box, with an approved-artwork lock
Print file
Rebuilt by hand per order
Create PDF / print-ready PDF status, rendered to match the order
What's the ROI of a self-serve product builder for WooCommerce?
A product builder turns a manual quote into a self-checkout: less staff time per order, consistent pricing, and production specs saved once instead of guessed per order — which shows up as fewer reprints and faster turnaround, not just a nicer product page.
Benefit
How it shows up
KPI to track
Less manual quoting
Staff stop pricing combinations by hand
Manual quote requests per week
Consistent pricing
Every buyer sees the same price for the same combination
Price-support tickets / disputes
Fewer reprints
Production specs and approval are recorded, not remembered
Reprint rate on configured orders
Higher completion
Buyers finish configuring instead of abandoning an email thread
Add-to-cart rate on configurable products
Personalization pays for the setup work: in Deloitte Digital's 2024 personalization survey, consumers reported spending on average 37% more with brands that deliver meaningful, personalized interactions — a self-serve component builder is that kind of interaction, applied to a physical product (Deloitte Digital, 2024). The platform underneath isn't niche either: WooCommerce reports it now powers 31% of the top one million ecommerce sites, so a configurator built on it inherits a well-supported checkout and extension ecosystem (WooCommerce.com).
ROI worksheet (use your own numbers):
Staff time saved: (manual quotes/week) × (minutes/quote) × (hourly cost) = weekly hours back
Reprints avoided: (current reprint rate − expected rate with recorded specs) × (orders/month) × (cost per reprint)
Conversion: (abandonment on email-for-a-quote products) × (traffic) × (average order value) = recoverable revenue
How do you complete a product builder WooCommerce setup?
You configure a WooCommerce product builder in three stages: turn on the Online Designer and Production specs for the product in Manager Products, add the Component/Text/Image fields and price matrix in Printing Options, then apply that option set to the product and test the storefront flow before it goes live.
In Cmsmart > Manager Products, open the product you want to configure as a multi-part build (or Add new).
Under Production specs, set Material, Bleed area, Print resolution and Color profile — 300 DPI and CMYK for press, not the web-oriented defaults shown on this install's Sticker product.
Under Online Designer, check Enable the Online Designer for this product and pick a Sides preset.
Click Open Designer config (or Cmsmart > Printing Options) and add or edit an option set for the product or category.
In Printing fields > Product builder fields, add the Component, Text and/or Image fields your product needs.
Add matching Online design fields too — Side list, Size, Color/Material, or Area design shape for a die-cut product.
Set quantity breaks and the price matrix so every field combination resolves to one price.
Under Apply for, pick Products or Categories and select which ones use this set.
Save, open the product on the storefront, configure it and Process to confirm price and layout.
Open the order, use Customer Design to accept or decline it, then check Create PDF before production.
Video: How to create a Component in the Product builder of NBDesigner (Cmsmart on YouTube)
General upload and output settings (file types, DPI minimums, ICC/CMYK export) live under Settings > Upload design and Settings > Output.
Going further with custom development
The Component, Text and Image fields give you the building blocks; Cmsmart builds the logic and visuals that turn them into a tailored configurator — conditional fields, inventory-aware components, 3D swaps or ERP-linked bundle SKUs — as a custom project on top of your store.
Once a shop runs Component/Text/Image fields in production, the requests we hear most are about logic the fields don't do on their own:
Conditional components. One component's choice shows, hides or restricts another field — a box size limiting which inserts are offered.
Inventory-aware components. Each component maps to a real SKU with real stock, so an out-of-stock part is hidden instead of ordered.
Visual component swaps and 3D configurators. This install's own 3D Preview demo product proves the plugin can switch on a 3D view per product; a Component choice that visibly swaps on that 3D model, instead of a dropdown label, is a custom build on top.
ERP/MIS sync for bundle SKUs. Component combinations map to production SKUs in your MIS or ERP, so a configured order routes straight into your existing queue.
Tuned preflight for multi-part jobs. Cmsmart Cloud's AI tools run today; we tailor preflight rules to your components.
Cmsmart has built WooCommerce product customization since 2012 as a division of Netbase JSC, with thousands of delivered projects and a Trustpilot rating buyers can check independently — not a claim made only on our own site.
Cmsmart is a Netbase JSC division building ecommerce customization since 2012, with 6,300+ client projects, 4,600+ projects delivered, 1,800+ live stores running today, and a 4.2 out of 5 rating from 404 reviews on Trustpilot (verify on Trustpilot). One customer who had us extend their product configuration put it this way:
"CMS smart (Selena) have customized NB designer perfectly for us and now work as we like." — Ari van Esch, Trustpilot
What's the difference between Component, Text and Image fields and the Online Designer canvas?
The Online Designer canvas is the full design tool — drawing, layers, clip art, templates. Component, Text and Image are printing-option field types you add on top, for picking a part, typing a short value, or attaching an image as part of pricing an option set.
Can a buyer configure more than one component on a single product?
Yes — an option set can combine multiple Component, Text and Image fields with sides, size and color fields, and the price matrix resolves it to one price. How many fields make sense is a product decision, not a plugin limit.
What's a common mistake when setting up a new product builder product?
Leaving Production specs at their web-oriented defaults. On this install's own Sticker product, Print resolution reads 72 DPI (web) and Color profile reads RGB (screen) — both fields' own helper text recommends 300 DPI and CMYK for print. Check these two before you apply an option set.
Does a configured product still go through approval and print-ready output?
Yes. Every order lands on the Customer Design box for accept/decline, and once approved it's locked on the server; Create PDF and the print-ready PDF status apply the same way regardless of how many fields the buyer filled in.
Where do I set the cut shape for a die-cut product like a sticker?
Area design shape and Custom area design shape, in the Printing Options editor's Online design fields group. The dedicated cutline and bleed workflow for sticker production is covered in the related chapter linked above.
Can Cmsmart add conditional logic between our components?
Not as a built-in setting today — showing or hiding one field based on another's value is custom development we build on top of the existing fields, scoped to your products.
