Custom T-Shirt Website Software: Install & Setup Guide

Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Steps and screenshots are verified against the current plugin release and a live demo store; anything the core plugin does not do today is marked as custom development.

You want to sell custom T-shirts online, not list a plain product and hope people email their artwork. This guide walks a store owner through turning a plain WooCommerce T-shirt listing into custom t-shirt website software with online design built in — importing a ready-made catalogue, then setting up the price matrix and print settings — so a shopper designs, prices and buys a shirt in one visit, and you get a print-ready file, not a screenshot.

What does it cost you to run a T-shirt store the manual way?

Most T-shirt sellers who outgrow a plain WooCommerce catalogue hit the same five walls:

• Manual mockups. Someone opens Photoshop for every quote request, since the product page can't show the customer's own design on the shirt.
• Quoting by hand. Sizes, print placements and quantity breaks all change the price, so staff build one-off quotes instead of the cart doing it.
• Email ping-pong for proofs. Artwork approval happens over email threads, so nobody has one place to see what was approved and when.
• Reprints from bad files. Customer art arrives at low resolution or the wrong color mode, and it isn't caught until the shirt is already printed.
• Cart abandonment. A shopper who can't see their design before paying is a shopper who leaves to "think about it."

Put a rough number on it: if your team spends t minutes per quote, handles n custom orders a month, and a staff hour costs c, manual quoting alone costs roughly n × (t ÷ 60) × c a month — before a single reprint. Add your reprint rate r (per 100 orders) times cost per reprint p, and the status quo has a real, recurring price tag.

What could your T-shirt website look like with online design built in?

This isn't a niche idea. The custom t-shirt printing market was valued at $5.2 billion in 2024 and is projected to reach $9.8 billion by 2030 (Grand View Research, 2025), and apparel is the single largest category inside the broader print-on-demand market, holding 39.5% of its revenue share in 2025 (Grand View Research, 2025). T-shirts are a reasonable first product to put an online designer in front of.

How does Cmsmart's custom t-shirt website software work?

The moving parts, in the order an order actually flows through them:

• Storefront & catalogue — your WooCommerce T-shirt products, each with the Online Designer turned on. In the plugin.
• Online designer — the canvas where a buyer adds text, uploads or clipart on your T-shirt template. In the plugin.
• Printing options & price matrix — sizes, colors and print placements, each with its own price rule. In the plugin.
• Order & approval — the order screen gains a Customer Design box so staff accept or decline artwork before it ships. In the plugin.
• Print-ready output — a PDF rendered by Cmsmart Cloud that matches the order, including custom sizes, from Create PDF on the order screen. In the plugin, 2.17.
• Fulfillment / ERP hand-off — pushing the approved print file into a press queue, MIS or 3PL system without re-uploading it by hand. Custom development.

What's the business value of adding online design to a T-shirt store?

How do you set up a T-shirt website with online design, step by step?

Here is the full install-to-first-order path, verified against the plugin's current admin screens:

1. From Plugins, install and activate the Cmsmart Product Designer (NBDesigner) plugin (requires WooCommerce).
2. Open Cmsmart › License and activate your license key so Cloud rendering, hi-res export and automatic updates are available.
3. Go to Cmsmart › Import Products and import the sample product package — it includes a T-shirt with print option entry pre-configured with printing options and templates, so you're not starting from a blank product.
4. In Manager Products, confirm your T-shirt products show Designer: Enabled and Status: Active, or add new ones with Add new.
5. On each T-shirt product's configuration screen, set the Production specs: material, bleed area, print resolution (DPI) and color profile (CMYK for print, not RGB).
6. Under Settings › Upload design, set the allowed file types and the minimum upload DPI, so a customer's own art is rejected before it reaches the press rather than after.
7. Under Printing Options, build (or confirm) the price matrix for your T-shirt sizes, colors and print placements, and apply it to the product.
8. Open the product on the storefront and click through the designer yourself: add text, add an image, and confirm the price changes with your options.
9. Click Process to generate "Your artwork," then add the designed shirt to the cart and confirm it carries a design preview through checkout.
10. Place a real test order (or use a sandbox payment method) and open it from Cmsmart › Orders to see the production timeline and the Customer Design approval box.
11. From the order's Create PDF tab, generate the print-ready PDF and confirm its paper size, margins and bleed line match what your press expects before you approve the order for production.

For the deeper settings behind any of these screens — output options, ICC profiles or automatic export rules — see the general NBDesigner installation guide and the lite-to-premium activation walkthrough.

What can Cmsmart build on top of a T-shirt website?

Common next steps we see T-shirt and apparel sellers ask for, going further than the core plugin:

• DTF gang-sheet builder. For DTF transfer printers, Cmsmart builds a gang-sheet layout tool that nests customer designs onto one sheet to cut material waste. Custom development.
• Team / bulk ordering portal. A portal where a sports team or company orders one design across many sizes and names in a single checkout. Custom development.
• ERP / MIS / 3PL hand-off. Pushing the approved print-ready PDF straight into your press queue, MIS or a fulfillment partner's API, instead of re-uploading it by hand. Custom development.
• AI checks tuned to your press. Beyond the plugin's AI preflight, Cmsmart tunes resolution and bleed checks to your specific press tolerances and materials. Custom development.
• Reorder & loyalty flows. A "My designs" experience that lets a returning customer reorder a past design in a new size or color in two clicks. Custom development.

Our delivery approach for any of these is the same: discovery call, a short solution design, build in sprints, QA against your real catalogue, launch, then support — see how we scope these on the ecommerce project delivery page or browse the T-shirt & apparel POD development service directly.

Plan my custom T-shirt store

Why work with Cmsmart on your T-shirt website?

A few numbers: Cmsmart has delivered 6,300+ client projects and 4,600+ completed projects since 2012, with 1,800+ live stores running today across 80+ countries, and holds a 4.2 rating on Trustpilot from 404 reviews.

From a Trustpilot review of the T-shirt setup itself: “The tshirt website is very user friendly. Very good service thank you very much CMSmart.” — Brahimi Manal.

If you'd rather see finished work than take our word for it, browse merchandise and apparel project examples, or look at the ready-made T-shirt Store package if you'd rather start from a finished theme than a bare plugin. For anything beyond a standard setup, talk to an ecommerce expert before you build.

WooCommerce remains the platform this is built on for a reason: it's detected on 6.64% of all measurable web origins and holds the largest share, 39.0%, among named ecommerce platforms as of May 2026 (GravityKit, 2026) — a large, well-supported base to build a print-on-demand storefront on. For the broader designer feature set beyond T-shirts, see the Cmsmart Product Designer plugin page or the web-to-print solutions hub.

Further reading

• PRINTING United Alliance
• Statista printing industry research