Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Screens below are live captures from the NBDesigner demo store, buyer and admin side.

In short

  • A WooCommerce product designer template holds text layers — name, job title, phone — that a buyer edits in the browser, so every card keeps your layout and typography while the person's own details go on the artwork.
  • Templates live in the Manager → Template library, get assigned to one or more products, and open inside the online designer's Templates panel, where a buyer swaps the placeholder text for their own and the plugin builds the print-ready PDF.
  • Locking specific fields so only name, title and phone stay editable — with everything else frozen — is custom development Cmsmart builds on top of the core editor for teams that order staff cards in bulk.

Business card template fields WooCommerce buyers fill in — name, title, phone — turn one locked design into a personal, print-ready card for every employee, with no designer redrawing the layout each time an order comes in.

Why does manually editing business cards cost you time and consistency?

Cmsmart Product Designer gives every business card product a reusable template with name, title and phone text layers already placed, so a WooCommerce store stops rebuilding the same card in a graphics app for each new hire and instead lets the buyer fill in three fields and order.

Walk into most print shops' order folders and you will find the same business card redrawn many different ways: a slightly different logo size here, a title in the wrong font there, a phone number typed with the wrong country code. A few concrete costs show up every week:

  • Design time per order. Someone opens the source file, swaps the name and title, exports a PDF, and emails a proof for a low-margin product.
  • Brand drift. Without a locked template, "quick edits" slowly move the logo, change the color, or drop the tagline across different staff cards.
  • Typos that reach the press. A manually edited PDF has no validation step; a misspelled title or wrong phone number is only caught after the box of 250 cards arrives.
  • Reorders that start from scratch. A new hire's card means finding the old source file, hoping the fonts are still installed, and repeating the whole process.

The card still does real work: about 72% of people form an opinion of a company from its business-card quality, and a sloppy one costs trust before a conversation starts (UPrinting, 2025). The same research found 88% of cards are discarded within a week — all the more reason the ones that survive carry your brand correctly.

Formula for the reader's own numbers: cards ordered per month × minutes of manual editing × your loaded hourly rate is the design-time cost alone, before counting reprints from a typo that slipped through.

What would it look like if every staff card was right the first time?

With a Cmsmart template, a new hire opens the business card product, picks "Design here online," sees the company layout already in place, and only types their name, title and phone — the logo, colors and QR code stay exactly as the brand team built them.

Example scenario: A regional print shop sells "Staff Business Card" as a WooCommerce product to its B2B clients. A client's office manager orders a card for a new hire: pick the locked company template, type name, title and phone into the three editable fields, click Process. The logo, color scheme and QR code render untouched — no design request, no proof email — and a print-ready PDF lands in the shop's queue seconds later. (Talk to an ecommerce expert about building this for your store.)

How does Cmsmart build business card template fields WooCommerce stores can use?

Cmsmart Product Designer stores templates in the Manager → Template library, assigns them to specific products, and opens them inside the online designer, where every text layer a buyer is allowed to touch is already defined — the rest is building blocks the plugin and, where needed, Cmsmart's custom development team put together.

The moving parts behind filling in three fields to get a print-ready card:

  • Template library (in the plugin today). Manager → Template is a catalog of design collections assigned to one or more products; the product list shows how many templates are attached.
  • Online designer with text layers (in the plugin today). A template places "Your Name," "Company Name," job-title and contact text objects on the canvas. The buyer double-clicks each one and types over it.
  • Print options and pricing (in the plugin today). Paper weight, finish, size and quantity sit in a price-matrix table next to the template, updating the price live.
  • Print-ready PDF (in the plugin today, 2.17). Process queues a cloud render that matches what Create PDF would produce — named "print-ready PDF that matches the order" in 2.17 — with a Ready/Rendering/Failed status and Regenerate button.
  • Field locking and auto-fill (custom development). Freezing the logo/background so only name, title and phone stay editable, or pre-filling those fields from a logged-in account or directory, is a scoped build Cmsmart does on top of the editor.

Cmsmart insight: most "the logo moved" support tickets we see on template-based products trace back to a text or image layer that was left unlocked. Before you launch a business card template, check every layer's edit permission in Layers rather than relying on buyers to leave things alone.

Business card template fields WooCommerce buyers edit: name, title and phone placeholder layers in the templates panel
The designer's Templates panel: each card already carries "Your Name," "Company Name" and contact placeholder text layers.
Cover Template demo video thumbnail for the Cmsmart online designer
Video: a template loaded in the Cmsmart online designer (Cmsmart on YouTube)
WooCommerce Manager Products screen showing the Templates column per product
Manager → Products: the Templates column shows how many design templates are attached to each product (29 templates attached to the 20 products shown on this page, out of 34 designer-enabled products store-wide).
Manual business-card editing vs a locked Cmsmart template
Manual edit in a design appCmsmart template in WooCommerce
Who edits the cardA designer or admin, every single orderThe buyer, filling in name/title/phone only
Brand riskLogo, color or spacing can drift between editsLocked layers stay exactly as built (custom development)
TurnaroundHours to days, depending on design queueSeconds — Process renders the print-ready PDF
ProofingEmail back and forth before approval"Your artwork" preview before checkout, plus admin approval box
Reorder for a new hireFind the old source file and start overOpen the same product, pick the template again

What's the ROI of a locked business card template?

A locked Cmsmart template turns a design request into a three-field form, which shows up as fewer support tickets, fewer reprints from brand mistakes, and a self-serve ordering flow your B2B clients can run without calling your studio.

BenefitHow it shows up in your businessKPI to track
Less design time per orderBuyers self-serve name/title/phone instead of filing a design requestDesign-request tickets per 100 card orders
Fewer reprintsLocked layout means no accidental logo or color change to catch after printingReprint rate on template-based products
Faster B2B reordersA client's office manager reorders a card for a new hire in minutesTime from order placed to print-ready PDF
Consistent brand across staffEvery card uses the same locked logo, color and QR codeNumber of card variants in circulation per client

ROI worksheet (use your own numbers): if your team currently hand-edits N business-card orders a month at M minutes each and a loaded rate of R/hour, manual design time costs N × M × R ÷ 60 per month. A template that needs no manual edit removes that line entirely and only leaves the minutes a buyer spends typing their own name, title and phone.

The underlying market keeps growing: the global business card market is projected to reach roughly $242.3 million by 2027, growing at an 11.2% CAGR from 2021 (Tapni, business card statistics) — and selling that product through WooCommerce puts it on the platform already running an estimated 33.4% of tracked ecommerce stores worldwide, 4.53 million of them, as of August 2025 (Red Stag Fulfillment, StoreLeads data). A template-driven card product plugs into that large addressable base.

How do you set up an editable business card template in WooCommerce?

Setting up a Cmsmart business card template means turning on the designer for the product, building or picking a template with editable text layers in the Template library, assigning it to the product, and confirming the print options and print-ready PDF before you publish — all inside your existing WooCommerce admin.

  1. In WooCommerce, create or open your business card product and enable the Cmsmart online designer for it, the way Business Card - with print option is configured on the demo store.
  2. Add your print options — custom dimension, orientation, paper weight and finish — so the price matrix updates as a buyer chooses specs.
  3. Open Manager → Template and build (or reuse) a business-card template with the logo, color scheme and QR code locked in place, plus text layers for name, job title and phone.
  4. Assign the template to the product from the Template library so it appears in that product's Templates panel — the Manager Products list shows the count once it is attached.
  5. Preview the product page: confirm the price matrix, the "Start and upload design" / "Design here online" chooser, and that the template loads in the designer.
  6. Open the designer as a test buyer, select the template, and edit only the name, title and phone text layers to confirm the rest of the card stays untouched.
  7. Click Process to generate "Your artwork," add the item to the cart, and step through checkout up to — but not placing — a test order to confirm pricing and the design file attach correctly.
  8. On the admin order screen, check the Customer Design box, the print-ready PDF status (Ready / Rendering / Failed with a Regenerate button), and the available download formats before you send the job to print.
WooCommerce business card product page with custom dimension, orientation and price matrix options
The business card product page: custom dimension, orientation and a paper price matrix sit above the design chooser.
Price matrix table for paper weight and finish with a live price summary
Print options recalculate the price live — paper, weight, dimension and quantity all feed the price matrix.
Editing a text layer in the Cmsmart online designer canvas
A buyer double-clicks a text layer to edit it — on a locked template, only the name/title/phone layers would be unlocked like this.
Your artwork preview thumbnails after processing a business card design
"Your artwork" shows the processed design before the buyer adds it to the cart.
WooCommerce order detail screen showing a line item with design file link, order timeline and customer panel
Every NBDesigner order gets the same order screen — design file link, production timeline and customer panel — shown here on a different demo-store product; the business card order you just placed would open to the identical layout.
Print-ready PDF status panel showing Ready, rendered by the cloud renderer, with a Regenerate button
Print-ready PDF status on the order: Ready, rendered by the cloud renderer, with a one-click Regenerate.

For the print-option side of this same product — paper, weight, quantity discounts — see how to configure print pricing options on NBDesigner, and for building the template itself from scratch, see how to create a template with the WooCommerce product designer plugin.

Going further: what custom business card features can Cmsmart build?

Beyond the core editor, Cmsmart builds locked company templates, account-based auto-fill, QR vCard generation and directory sync as custom development, so a franchise or B2B client can hand every location a template that only accepts a name, title and phone number — never a redesign.

Once the core template and print-ready pipeline are live, these are the extensions we build most often for business-card and staff-card use cases. None of them ship in the core plugin today — each is scoped, sourced and delivered as a project:

  • Locked company templates for B2B accounts. Every layer except name, title and phone is frozen per client or location, so a multi-site franchise can't drift off-brand.
  • Account-based auto-fill. A logged-in buyer's saved name, title and phone populate the template automatically — useful for staff portals with frequent reorders.
  • QR vCard generation. Generating a scannable vCard QR code from the same fields and placing it on the card as a locked layer.
  • Directory or CRM sync. Pulling name, title and phone from an HR system so a new hire's card is pre-filled the moment their account is created. Not bulk CSV/variable-data printing — this is per-order field sync, not VDP.
  • Guest capture before the designer opens. A short popup that collects name, title and phone before a guest lands in the editor, for stores selling staff cards to walk-in clients.

Delivery follows the same path as any Cmsmart project: discovery call, a short solution design, build sprints, QA against your live catalog, launch, then support — see how that runs on real Cmsmart project deliveries.

Get a custom business-card template quote

Why work with Cmsmart on your WooCommerce business card templates?

Cmsmart has built WooCommerce print and customization stores since 2012 as a Netbase JSC division, with thousands of delivered projects and the same Cmsmart Product Designer (NBDesigner) plugin powering this template workflow on your own store.

Cmsmart has run 6,300+ client projects and delivered 4,600+ of them since 2012, with 1,800+ live stores running today across 80+ countries. Reviewers on Trustpilot rate the company 4.2 out of 5 across 404 reviews. One of them, printing-business customer M. Idema, wrote: "The tool has so many options. We are very happy with it. […] We would recommend the NB Designer tool for printing personalized cards." See more delivered work on Cmsmart projects, the product designer customization service, or browse the templates library for ready-made starting points.

Frequently asked questions

Does NBDesigner auto-fill a buyer's name, email or phone from their account today?

Not as a core-plugin toggle in 2.17.0. The template's text layers are edited manually by the buyer in the designer. Pulling a logged-in buyer's saved details into those fields automatically is custom development Cmsmart builds for stores that need it.

Can I lock the logo and background so only name, title and phone are editable?

Layer-by-layer edit locking for a template is not a built-in setting today — the core editor lets a buyer edit any unlocked text or image layer on a template. A per-field lock for B2B company templates is something Cmsmart builds as custom development.

How many templates can one product have?

As many as you assign from the Template library — the demo store's Manager Products screen shows products with anywhere from zero to ten templates attached, and a buyer picks one from the product's Templates panel in the designer.

Does this work for bulk, variable-data printing (CSV import of hundreds of names)?

No — NBDesigner's template fields are edited per order by a buyer in the designer, not from a CSV of records. True variable-data printing (VDP) at bulk scale is outside the core plugin; talk to Cmsmart about a custom pipeline if that is your use case.

What file do I get once a template-based card is ordered?

Once the buyer clicks Process, the plugin queues a print-ready PDF render; the order screen shows Ready, Rendering or Failed with a Regenerate button, and the admin can download the artwork in the formats configured for the product.

Can staff reorder their own card later without design help?

With the core template and designer, yes — they reopen the product, pick the same template, and retype their details. Pre-filling those fields automatically from an account or directory is the custom-development option above.