Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Verified against the 2.17.0 changelog and fresh captures of the Online Designer text panel, the T-shirt product page and the order admin on the live nbdesigner.cmsmart.net demo.

In short

  • Letting buyers type, curve and style their own text on a T-shirt turns a back-and-forth email order into a self-serve checkout.
  • Cmsmart Product Designer's Text tab gives every product a font picker, curved text, text patterns, outline and transform, right on the canvas next to the price.
  • Setup takes a product, a print area and a few text presets; anything beyond that — bulk name personalization, locked brand fonts, CSV-driven badges — is custom development Cmsmart builds on top.

Why do generic text tools cost you custom T-shirt sales?

Cmsmart Product Designer (NBDesigner) replaces email-based text requests with an in-page font and curved-text editor, so a WooCommerce store stops losing personalized T-shirt orders to slow manual proofs and mismatched fonts.

Online shoppers now expect to personalize, not just purchase — the print-on-demand apparel category alone is projected to be a $10.8 billion market in 2025, growing at a 23.6% CAGR through 2033. Most stores still cannot capture that demand with a text box and a static mockup. The pains repeat across every print shop and POD brand we talk to:

  • Back-and-forth proofing. A customer wants a name curved over a logo; staff mock it up in a design tool, email a PNG, wait for approval, repeat.
  • Font mismatches. The customer picked "something bold and curved" over the phone; what ships rarely matches what they pictured.
  • Abandoned carts. Shoppers who cannot preview their own text on the actual product leave before checkout.
  • Staff time on simple edits. Changing a name, a date or a jersey number should not need a designer's hour.
  • Inconsistent print files. Text resized by hand in an image editor can arrive off-center, too small to read, or without the font embedded.

Put a number on it with your own variables: (personalized orders per month) × (minutes spent on manual text proofs) × (your hourly design cost). At 40 orders a month and 20 minutes of back-and-forth each, that is over 13 staff-hours a month spent re-typing what a customer could have typed themselves.

What would self-serve text and font tools look like on your store?

Cmsmart Product Designer puts the Text tab on the same screen as the product, so a buyer picks a heading preset, types their own words, curves the text and checks out with a price that already matches what they designed.

Example scenario. A buyer opens your Men's T-shirt page, presses Start Design, and picks "Add curved text" from the Text tab. They type a name, drag it across the chest, switch the font from the preset list, and watch the canvas update live. They add to cart, pay, and your team receives a print-ready file with that exact font and curve — no email, no guesswork, no reprint.

That is not a hypothetical: it is the same Online Designer flow captured below on the live NBDesigner demo store, product page through to the order's print-ready file.

How does Cmsmart put text and font tools inside your store?

Cmsmart Product Designer's Online Designer ships a Text tab with font presets, curved text, text patterns, outline and transform on every print area, and hands your team a print-ready file the moment the buyer checks out.

The architecture behind a personalized T-shirt order has five building blocks, all live in the plugin today:

  • Storefront entry point. The WooCommerce product page carries a Start Design button that opens the editor without leaving the page.
  • Text tools in the canvas. Fonts, curved text, text patterns, outline and transform, with size limits you control per product.
  • Print areas per side. Front, back and sleeve areas each get their own bleed and safe zone, so text never prints too close to a seam.
  • Pricing beside the canvas. Printing Options sit next to the design, so the price updates as the buyer changes size, color or print method.
  • Print-ready output. Cmsmart Cloud renders a print-ready PDF for the order, with the exact font and curve the buyer set.
Online Designer Text tab on a T-shirt showing Add heading, Add subheading and Add curved text presets next to a font list including Medieval, Mexico and Smith and Sons
The Text tab on a live T-shirt product: heading, subheading and curved-text presets next to a scrollable font list.

Once a buyer places a heading on the canvas, the same tab turns into a text toolbar: font, size, bold, italic, alignment, letter case and color, with a prompt pointing at curved text and the layers panel.

Text formatting toolbar on a T-shirt design with a placed Heading layer highlighted and a tip pointing to curved text and layer options
Editing a placed heading: font, size, style and the curved-text tip, live on the T-shirt canvas.

Cmsmart insight: curated font and preset lists convert better than an open Google Fonts picker. In our projects, the stores that limit the list to 15–25 on-brand fonts see fewer abandoned designs than stores that expose hundreds of fonts and let buyers get lost choosing.

Manual text workflowCmsmart Online Designer
Customer emails a wording and font requestCustomer types and curves text directly on the product
Staff mock up a proof in a separate design toolBuyer sees the live canvas and price before paying
Font substituted by hand at print timeSame font carries through to the print-ready PDF
Reprints when the proof did not match expectationsApproved-artwork lock ties production to what the buyer confirmed

What's the business value of giving buyers real text tools?

Cmsmart Product Designer turns personalized text into a self-serve step, so stores see fewer abandoned carts, less staff time on proofs, and print files that match what the customer actually approved.

BenefitHow it shows up in your businessKPI to track
Fewer abandoned cartsBuyers commit once they see their own text priced and placedCart-to-order rate on personalized products
Less staff time per orderNo manual mockups for routine text changesMinutes of design time per order
Fewer reprintsThe print-ready file matches the approved on-screen designReprint rate on text-only designs
Repeat ordersSaved designs and reorder-in-one-click for team or event apparelReorder rate from My designs
Your artwork preview on the T-shirt product page showing the saved design thumbnail next to the Add to cart button
The saved design appears as "Your artwork" before checkout, so the buyer confirms the exact text and placement they typed.

Work it out with your own numbers: (orders/month with custom text) × (minutes saved per order) × (hourly design cost) gives the monthly time saved; (current reprint rate − expected reprint rate) × (cost per reprint) gives the second half of the case.

Stores already running the plugin confirm the pattern in their own words: "I have NBDesigner installed on my website. We sell a wide variety of products from mugs, custom tees, name badges, canvas print and more. NBDesigner has lots of variable options, including colour and image swatches and pricing tables" — Ray Barlow, Trustpilot review.

How do you set up text and font tools on your T-shirt products?

You install Cmsmart Product Designer, enable design on your T-shirt product, configure the Text tab and print areas, then place a test order to confirm the font and curve carry through to the print-ready file.

The steps below follow the same path captured on the live demo: product page, Online Designer, order admin and the print-ready PDF.

  1. Install Cmsmart Product Designer (NBDesigner) and activate your license.
  2. Open a WooCommerce T-shirt product and switch on Enable Design.
  3. Add the product's sides (front, back, sleeve) with their print area, bleed and safe zone.
  4. Set up WooCommerce variable attributes for color and size, the way the color swatches and bulk-size table show on the product page.
  5. Choose which Text tab presets to expose — heading, subheading, body text and curved text — and trim the font list to the families on your brand.
  6. Open the product page and press Start Design to confirm text, curved text and the font list behave as expected.
  7. Type a test heading, curve it, and press Process to confirm it saves as "Your artwork" with the right preview.
  8. Add the test item to cart and reach checkout to confirm the price and design preview carry through (stop before payment).
  9. Place a real test order, then open it in Cmsmart > Orders to confirm the line item carries the design file and status timeline.
T-shirt design tool entry point: Men's T-shirt product page with color swatches, bulk size table and the Start Design button above Add to cart
The T-shirt product page: color and size variants plus the Start Design button that opens the text and font editor.
Cmsmart order detail screen with a status timeline, line item and design file for a personalized order
Every personalized order carries its design file and a production status timeline in Cmsmart > Orders.

Before you ship, confirm the print-ready PDF kept the font you set in the designer. The Create PDF panel on the order includes paper size, margin, bleed-line controls — defined the same way printers use Ghent Workgroup preflight standards — and a Font tab for the typeface baked into that file.

Print-ready PDF panel showing a Ready status and a Font tab in the Create PDF settings for the order
The print-ready PDF panel: a Ready status from the cloud renderer and a Font tab among the PDF export settings.
Video thumbnail for a Cmsmart demo of modern WooCommerce product customization and web-to-print UI
Video: Modern WooCommerce product customization and web-to-print UI (Cmsmart on YouTube).

What can Cmsmart build on top of the standard text tools?

Cmsmart builds custom development on top of the standard Text tab for stores that need bulk personalization, locked brand fonts or production integrations the plugin does not ship with today.

The Text tab covers single-item personalization well. Teams, leagues and corporate apparel programs usually need more, and that is where it becomes custom development rather than a plugin setting:

  • Bulk name and number personalization. Upload a CSV of player names and numbers and Cmsmart builds the pipeline that drops each one into the same template, so a 30-shirt team order does not mean 30 manual designs.
  • Brand-locked font and template portals. For corporate or franchise stores, Cmsmart builds a portal where staff can only change the name and size on a locked template — on-brand every time.
  • Automated layout checks. Beyond the plugin's own AI preflight, Cmsmart can add automated checks that flag text too small to read or too close to the bleed before an order reaches production.
  • ERP and print-MIS sync. Cmsmart connects the order's design data and print-ready file to your production system or print MIS, so a team order routes itself.

Our delivery approach is the same for any of these: discovery, solution design, build in sprints, QA against your real catalog, launch, then support — see how we scope this kind of build on past ecommerce projects.

Plan my custom apparel personalization build

Why work with Cmsmart on your T-shirt design tool?

Cmsmart has built web-to-print and personalization storefronts since 2012 as a Netbase JSC division, with thousands of live client projects and a published Trustpilot rating backing the Product Designer plugin and the custom work around it.

Cmsmart is a Netbase JSC division that has been building ecommerce and web-to-print solutions since 2012, with 6,300+ client projects, 4,600+ delivered and 1,800+ stores live today across 80+ countries. Our Trustpilot rating sits at 4.2 from 404 reviews, and T-shirt and apparel personalization is one of the solution areas in our own merchandise project portfolio, including dedicated T-shirt and POD store development.

Whether you need the plugin configured on your existing catalog or a custom build on top of it — bulk personalization, a brand portal, an MIS connection — our web-to-print solutions team scopes it against your actual order volume, not a generic package.

Related reading: The Beginner's Guide to How to Create a T-Shirt Design and Batch Design Made Easy with Gang Sheet Builder.

Frequently asked questions

Does Cmsmart Product Designer support curved text on T-shirts today?

Yes. The Text tab includes curved text, text patterns, outline and transform on any product with design enabled, verified against the 2.17.0 changelog and the live demo captures above.

Can customers choose from a large font library?

Yes, with server-side pagination and category filtering so a large font list stays fast to browse; you control which fonts and presets are visible per product.

Can we personalize names and numbers in bulk for team orders?

Not as a built-in feature. Cmsmart builds bulk, CSV-driven personalization as custom development so a team order fills itself from a spreadsheet instead of one design at a time.

Does the text stay accurate in the final print file?

Yes. The same font and curve the buyer set in the designer carries through to the print-ready PDF that Cmsmart Cloud renders for the order, visible on the order's Create PDF panel.

How long does it take to set up text tools on an existing WooCommerce store?

Enabling the Text tab on a product you already sell is a short configuration task once the plugin is installed and print areas are set; a full personalization rollout across a catalog, or any custom development on top, is scoped per project.

Can you connect this to our existing print production system?

Yes, as custom development. Cmsmart designs the integration between the order's design data, the print-ready file and your print MIS or ERP.