Sell Custom Business Cards Online with WooCommerce

Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Verified on the live nbdesigner.cmsmart.net demo (Business Card — with print option) and against the 2.17.0 changelog.

In short

  • A WooCommerce business card store lets customers design, price and pay for their own cards in minutes, with a print-ready PDF waiting for your press by morning.
  • Cmsmart Product Designer (NBDesigner) adds templates, a live price matrix, an online editor with AI preflight, and an approval flow to any WooCommerce product.
  • Setup takes an afternoon: one product, one price matrix, bleed and safe-zone settings, a template or two — Cmsmart builds the rest as custom development.

A customer who wants to order business cards online will not wait for a back-and-forth email with a proof attached. They want to pick a layout, watch the price change as they add a finish, and pay the same evening. A WooCommerce store built on Cmsmart Product Designer offers exactly that, with bleed, safe zone and color mode enforced before the file reaches the press.

This guide walks the real nbdesigner.cmsmart.net demo — product page, price matrix, designer, and the admin side where an order becomes a print-ready PDF — so you can see what 2.17.0 already does and what a shop still has to configure.

What does it cost you to take business card orders by email?

Email-and-PDF ordering costs a print shop staff time on every round trip: re-sending proofs, catching low-resolution logos, chasing payment. Cmsmart Product Designer replaces that loop with a self-serve page that prices, proofs and locks the artwork automatically.

Selling business cards by email creates recurring costs that rarely show up on one invoice:

  • Proof rounds. A typo or a color change sends the job back to the queue, sometimes twice.
  • Low-resolution logos. A logo pulled from a website is rarely 300 DPI at card size, and nobody catches it until the proof looks soft.
  • Manual quoting. Paper weight, finish, sides and quantity all move the price, so a quote means staff doing the math by hand.
  • Missing bleed and safe zone. A file with no bleed guide prints with a white sliver at the edge or text cut off.
  • Abandoned requests. Anyone who waits for a reply before seeing a price often orders from Vistaprint or Moo instead.

A rough way to see the cost: (orders/month) × (minutes per email round trip) × (staff hourly cost ÷ 60) + (reprint rate × orders/month × cost per reprint). A self-serve designer removes most of that time.

What does a self-serve business card storefront look like?

With Cmsmart Product Designer, a buyer picks a template or uploads artwork, edits text and photos on the card itself, watches the price update live, and checks out — no email, no manual quote, no back-and-forth proof.

Talk to an ecommerce expert about your own catalog, or see what the flow looks like on the live demo below.

Example scenario: A local print shop shares a link to its business card page one evening. A visitor picks a template, swaps in a logo and phone number, bumps the paper weight, watches the total update, then pays on their phone. By morning, staff open Cmsmart → Orders and the print-ready PDF is already rendered at the order's exact size — no proof email was ever sent.

Sell custom business cards online: the live product page with custom dimension and a live total price
The live demo product page: a custom-size business card with the price shown before the buyer starts designing.

Should you print business cards yourself or route them to a POD network?

Cmsmart Product Designer works either way: it captures the design and the print-ready file whether your own press runs the job or a print-on-demand partner does, so the storefront decision does not lock in production.

Neither path is universally right — it depends on volume, margin targets and how much control you want over stock and finish.

FactorPrinting in-house / local pressOutsourcing to a POD network
Margin controlYou keep the full marginShared with the fulfilment partner
Minimum orderAs low as one, at your own costOften none, but a higher per-unit cost
TurnaroundYou control the scheduleFixed by the partner's calendar
Paper and finish choiceAny stock your press supportsLimited to the partner's catalog
Upfront equipmentPress, cutter, color managementNone — the partner owns it

Cmsmart insight: shops already running a press for other paper products tend to add business cards as a low-effort extra line, while new print businesses more often start on POD and bring production in-house once volume justifies it.

What are the print specs for a business card?

Cmsmart Product Designer shows bleed and safe-zone guides and checks resolution in the editor, so a card leaves the designer already matching your printer's file requirements instead of needing a manual fix later.

SpecTypical valueWhy it mattersSource (accessed)
Finished size (US)3.5 × 2 inStandard wallet size most presses and cutters are set up forJukebox Print, accessed 2026-10-07
Bleed0.125 in (3 mm) beyond the trim lineCovers trim drift so color does not leave a white edgeJukebox Print, accessed 2026-10-07
Safe zone0.125 in inside the trim lineKeeps text and logos away from the cutJukebox Print, accessed 2026-10-07
Resolution300 DPI minimum at final sizeBelow this, photos and fine text look softJukebox Print, accessed 2026-10-07
Color modeCMYK, not RGBMatches the press; RGB shifts color on outputJukebox Print, accessed 2026-10-07
Paper weight and finish100–300gsm, silk or gloss (demo range)The most common upsell on a card orderCmsmart Printing Options, live demo, accessed 2026-10-07

A print-ready file generally means a PDF/X — the ISO 15930 family built for prepress exchange, so a printer gets "a robust digital content file" instead of one that needs reworking.

What to configure in Cmsmart Product Designer:

SettingWhereWhat to set
Design area, bleed, safe zoneProduct edit → NBDesigner settings3.5 × 2 in with 0.125 in bleed and safe zone (or your custom-dimension range)
Required DPICmsmart Cloud → AI Tools → Preflight Quality Checker300 (the demo default)
Output formatOrder → Create PDF / Download designPrint-ready PDF plus CMYK JPG with an ICC profile

How does Cmsmart build a business card ordering site?

Cmsmart Product Designer (NBDesigner) supplies the storefront, online editor, price matrix and print-ready output inside WooCommerce; Cmsmart's team adds anything beyond that — ERP sync, a B2B portal, NFC cards — as custom development.

In the plugin today: storefront and product page (dimensions, paper and finish, live pricing), online designer (templates, text, photo upload), price matrix (paper weight × finish grid plus quantity breaks), AI Preflight and the approved-artwork lock (2.17), and print-ready PDF via Cmsmart Cloud at the order's exact size (2.17). Beyond that — ERP/MIS sync, a PO-approval portal, NFC/QR cards, gang-sheet imposition — Cmsmart builds it as custom development.

Design chooser on a business card product: upload a full design or design here online
Every design-enabled product offers both paths: upload a finished file, or design on the card itself.
StepManual (email and PDF)Cmsmart Product Designer
Getting a priceStaff quotes by handPrice matrix updates live
ProofingPDF sent back and forth by emailBuyer sees "Your artwork" before paying
Checking the fileStaff eyeballs resolution and bleedAI Preflight scans DPI, bleed, color, fonts
Approval trailBuried in an email threadApprove/decline box, locked once approved
Print fileBuilt by hand in the press operator's softwarePrint-ready PDF at the order's exact size
Print-ready PDF status panel on a Cmsmart order, showing Ready and a Regenerate button
Every order gets this panel: render status, the renderer used, and a one-click Regenerate print-ready PDF.

How do you set up business card printing with Cmsmart Product Designer?

Setting up a business card product in Cmsmart Product Designer means configuring one WooCommerce product, a price matrix, and the design area's bleed and safe zone — most shops finish in an afternoon.

  1. Confirm you are on Cmsmart Product Designer 2.17.0 (WordPress → Plugins) — the version with the print-ready PDF fix and the approved-artwork lock.
  2. Create or edit a WooCommerce product for your card and enable the online designer under its NBDesigner settings.
  3. Set the design area to 3.5 × 2 in (or your custom-dimension range), with 0.125 in bleed and safe zone.
  4. Build a price matrix under Cmsmart → Printing Options: paper weight columns, finish rows, and quantity-break discounts.
  5. Add one or two starter templates for buyers who do not want to design from a blank canvas.
  6. In Cmsmart Cloud → AI Tools, confirm Preflight Quality Checker is enabled and set Required DPI to 300.
  7. Test the buyer flow: pick options, open the designer, add text or a photo, and run Process to see "Your artwork" appear.
  8. Place a test order and open it in Cmsmart → Orders to review the Customer Design approve/decline box.
  9. From the order's design detail screen, create the print-ready PDF and confirm it matches what your press expects.
WordPress Plugins screen showing Cmsmart Product Designer version 2.17.0 active
Step 1: confirm the active version before you configure anything — this guide applies to 2.17.0.
Cmsmart Printing Options list with Business card price matrix entries applied to the Business Card product
Step 4: the Printing Options list — this demo already has two business card price matrices configured.
Cmsmart online designer open on a business card template, with a Preflight Check button in the toolbar
Step 7: the online designer, with Preflight Check available right from the toolbar before Process.
WooCommerce cart showing a business card line item with its design thumbnail and Edit design link
The cart carries the design thumbnail and an Edit design link, so nothing gets lost between designing and paying.
Video thumbnail: configuring the price matrix feature in Cmsmart Product Designer
Video: How to configure and use the price matrix feature in Cmsmart Product Designer — the same Printing Options screen used for business cards (Cmsmart on YouTube).

Can AI catch a bad business card file before it goes to the press?

Cmsmart's Preflight Quality Checker scans a saved design for resolution, color mode, bleed and font issues before Process, so a 150 DPI logo or an RGB file gets flagged in the browser instead of printing soft.

Preflight is a toggle in Cmsmart Cloud → AI Tools: it scans saved designs for DPI, color mode, bleed and fonts, with a configurable Required DPI (300 by default) and manual or automatic runs per order. An AI auto-fix is available per flagged issue, and spends a token.

Cmsmart Cloud AI Tools settings showing Preflight Quality Checker enabled with Required DPI set to 300
Preflight Quality Checker settings: required DPI, and manual vs automatic runs per order.

The margin for error on a business card is tiny — a logo that looks fine on screen at 150 DPI is visibly soft at card size. Catching that before checkout beats a reprint after.

How do you price custom business cards?

Cmsmart's price matrix prices a card by paper weight and finish, with quantity-break discounts layered on top, so the total updates live as the buyer configures it instead of waiting on a manual quote.

On the live demo, a card prices on three drivers: paper weight (100–300gsm), finish, and quantity, with a discount tier past 100 units. The same price-matrix approach prices labels and stickers.

Business card price matrix showing paper weight and finish options with live pricing from $20.40 to $21.20
The price matrix on the live demo: paper weight × finish, with the summary breaking out each option's price delta.
Cmsmart Edit Options screen showing the printing fields available to build a price matrix
The admin side of that matrix: Edit Options, where a shop maps paper weight, finish and quantity breaks to a price.

ROI worksheet (fill in your own numbers): monthly orders × minutes saved per order by skipping a manual quote and proof email × staff hourly cost ÷ 60 = monthly staff time recovered.

How do orders move from checkout to the press?

Once a business card order is paid, Cmsmart shows it in Orders with a production timeline and an approve/decline box for the artwork — the same screens for every web-to-print order, through to a one-click print-ready PDF.

An order moves through Placed → Paid → Awaiting review → In production → Shipped → Delivered. The Customer Design box lets staff approve or decline the artwork, and once approved the 2.17 lock refuses further saves over that design, so the version that prints is the version signed off on. See Cmsmart's B2B web-to-print work for larger multi-location setups.

What's the business value of selling business cards online?

A self-serve business card storefront turns a manual, email-driven product into one that prices, proofs and locks itself — freeing staff time and cutting reprints from bad files reaching the press.

BenefitHow it shows up in your businessKPI to track
Fewer proof emailsBuyers see the price and artwork before paying, not after a quote requestQuote requests per order
Fewer reprintsPreflight catches low-DPI and off-color files before ProcessReprint rate per 100 orders
Faster checkout-to-press handoffPrint-ready PDF renders automatically, matching the order's exact sizeHours from Paid to In production
Repeat and bulk ordersSaved designs and Order again skip a redesignReorder rate, average order value

What can Cmsmart build beyond the core plugin?

Cmsmart's team extends the core plugin with the project-specific work a business card store often needs next — NFC-enabled cards, a B2B ordering portal — delivered as custom development on top of Cmsmart Product Designer.

Beyond the storefront, designer, pricing and print-ready output, Cmsmart builds as a project:

  • NFC or QR "smart" cards. Linking to a digital profile or vCard — not a core plugin feature.
  • ERP or MIS sync. A paid order pushed into production or accounting, matched to its print-ready PDF.
  • PO-approval ordering portal. A manager approves a design before print, across many employees or locations.
  • Gang-sheet imposition. Laying multiple jobs onto one press sheet is not a plugin feature today.
  • Brand-locked franchise templates. Only name and contact details editable, so every location stays on-brand.

Cmsmart's delivery process is discovery, solution design, build sprints, QA and launch, with support after go-live — see Cmsmart's project case studies.

Plan my business card store

Why work with Cmsmart on your business card store?

Cmsmart has built web-to-print storefronts since 2012 as a Netbase JSC division, with 6,300+ client projects and 1,800+ live stores running today — including business card ordering sites like the one in this guide.

Cmsmart has delivered 6,300+ client projects since 2012, with 1,800+ stores live across 80+ countries, rated 4.2 on Trustpilot (404 reviews). A recent five-star review, from a UK web developer: "The designer works exceptionally well across all devices... the level of support is outstanding." (Trustpilot, 2026) Related: streamlined business card ordering, a Cmsmart case study.

Frequently asked questions

Do I need design skills to sell custom business cards online?

No. The online editor lets a buyer start from a template and swap text, logos and photos; a shop just needs a template or two and a price matrix set up once.

What file format does my printer need for a business card order?

A print-ready PDF sized and bled to match the order exactly, at the Required DPI you set — Create PDF and the Cmsmart Cloud renderer both produce this. If your press wants CMYK specifically, the order's Download design options also include a CMYK JPG with an ICC profile, alongside SVG and high-res PNG.

Can customers order front-and-back business cards with different designs on each side?

Yes — the design area supports multiple sides, and the demo's templates ship with a front and back layout by default.

How does Cmsmart stop a blurry or off-color file from reaching the press?

The AI Preflight Quality Checker scans a saved design against a Required DPI (300 by default) and checks color mode, bleed and fonts, with an optional AI auto-fix per issue.

Can a customer reorder the same business card design later without redesigning it?

Yes — saved designs live under My designs with an Order again action that puts the design straight back in the cart.

Does Cmsmart support NFC or QR "smart" business cards?

Not as a core plugin feature today. Cmsmart builds NFC and QR-linked card programs as custom development on top of the designer and storefront.

Which business card options should a WordPress store offer at launch?

Start with the options customers ask for most: card size, paper weight, finish, one or two sides and quantity. Price each combination in a price matrix and add more options only when orders show demand. Fewer options make proofs, pricing and production easier to check.

Can customers upload their own business card artwork instead of designing online?

Yes, a business card store can accept uploads as well as online designs. Set rules for file type, resolution and color mode, and show a proof before payment. Uploaded files still need bleed and safe-zone checks so a soft logo or a cut-off line is caught before printing.

Can I start a business card printing website for free?

You can test it for free. Every Cmsmart plan starts with a free 30-day trial of the plugin with premium features, so you can set up a business card product with templates, print options and a print-ready PDF before you pay. Running the store afterwards needs a plan; plan prices are on the pricing page.

Who can build a custom business card ordering website for my company?

A team that builds both the storefront and the print workflow: product options and prices, an online editor or file upload, artwork checks and a print-ready file per order. Cmsmart Ecommerce designs and builds such stores on WooCommerce, delivered remotely for clients in any country. Every build is scoped and quoted; see our ecommerce services.