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.

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.

Cmsmart custom t-shirt store WooCommerce setup homepage showing the trust strip and sample promotions products
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.

Cmsmart dashboard Store Setup wizard choose your store step showing Cmsmart Print Shop Store, Cmsmart T-Shirt Store and Cmsmart Gift Store tiles
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.
WordPress Appearance Themes screen showing Cmsmart T-Shirt Store 2.0.1 active next to its parent theme Cmsmart Stores
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
StepGeneric WooCommerce themeCmsmart T-Shirt Store
Theme + WooCommerce layoutPick a theme, check block compatibility yourselfChild theme built on the Cmsmart Stores parent, WooCommerce-ready
Product designerSource, install and connect a separate pluginPre-installed and attached to a demo product
Print areas / DPI / templatesConfigure from a blank box, product by productOne demo product already has Front/Back areas and DPI set
Pages and menusBuild Home, Shop, About, Contact by handImported 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 dashboard in WordPress admin showing revenue, orders, in production and AI token stat cards plus a revenue trend chart
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
BenefitHow it shows up in your businessKPI to track
Faster activationStore, theme, designer and catalogue exist together from installTime from install to first live product
Fewer integration bugsTheme and designer ship as one tested pack, so Start Design, pricing and cart already agreeSupport tickets tagged "designer" or "checkout"
Reusable setup patternOnce print areas, DPI and pricing are set on one product, repeat the fields for every new designMinutes to add one new product
Numbers in one placeCmsmart > Overview shows revenue, orders and production load in wp-adminMinutes spent pulling a sales snapshot
Staff hours redeployedHours not spent wiring plugins go into sourcing and marketingHours 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.

  1. Open your Cmsmart dashboard, go to Stores > Store Setup, and pick Cmsmart T-Shirt Store, then choose an installer method.
  2. Open the Site Editor and update your logo, colors and footer under Patterns > Template Parts (Header, Footer).
  3. Check Pages > All Pages to confirm Home, Shop, Cart, Checkout, My Account, About and the rest imported correctly.
  4. Open Products > All Products and skim the sample catalogue so you know what is demo data.
  5. Edit your first real product's "Setting Cmsmart" box: confirm Enable Design, then review Front/Back print areas, DPI and templates.
  6. Open the same product's "NBD options" box and connect it to a printing option or price-matrix set.
  7. Set your store address and currency under WooCommerce > Settings > General.
  8. Turn on a payment method under WooCommerce > Settings > Payments.
  9. Configure a shipping zone under WooCommerce > Settings > Shipping — a shipping zone is the area you ship to and the methods that apply there.
  10. Keep Cmsmart Product Designer up to date under Dashboard > Updates: the store bundles 2.18.3, and WordPress offers the 2.18.4 update.
  11. 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.
WordPress Site Editor open on the Header template part showing the Site Logo block and main menu of the Cmsmart T-Shirt Store
Site Editor > Header template part: the Site Logo block and main menu.
WordPress Pages list showing Home, Shop, Cart, Checkout, My Account and About pages imported by Store Setup v2
Pages > All Pages: the buyer-journey pages Store Setup v2 created.
WooCommerce Products list showing the sample catalogue of the Cmsmart T-Shirt Store with images, prices and categories
Products > All Products: the sample catalogue to review and replace before launch.
Product edit screen Setting Cmsmart box showing Front and Back print areas with DPI set to 150
The "Setting Cmsmart" box: Front and Back print areas with a 150 DPI setting.
Product edit screen NBD options box with Printing Option tab selected, showing the Enable Printing option checkbox and Create option button
The "NBD options" box: connect this product to a printing option or price-matrix set here.
WooCommerce Settings Payments tab listing Woo payments, PayPal Payments and offline payments
WooCommerce > Settings > Payments: turn on at least one method first.
WooCommerce Settings Shipping tab showing a print shipping zone with local pickup and a rest of the world zone
WooCommerce > Settings > Shipping: add at least one zone and method.
Cmsmart T-Shirt Store product page with a Start Design button, price and add to cart for a designable apparel product
A designable product page: Start Design sits next to the price and Add to Cart.
WooCommerce cart page showing one designed product, quantity selector and proceed to checkout button
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 open on a phone showing the t-shirt design area and mobile tool bar
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).

Get a custom build quote for my t-shirt store

For branding, demo-catalogue swaps and print-pricing configuration done for you rather than by you, see Cmsmart's store preset installation service.

Why Cmsmart for your t-shirt store setup?

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?

The Cmsmart Store customization guide covers Site Editor styling, and the Cmsmart Store installation guide covers the theme install in more depth.

How do I pay securely?

Contracts and payments go to the company, Netbase JSC: plans are paid through PayPal; services are invoiced by Netbase JSC under a written proposal and paid by bank transfer to Netbase JSC's company account or by PayPal Business. Cmsmart (Cmsmart Ecommerce) is the ecommerce brand of Netbase JSC, a company based in Hanoi, Vietnam.

How do I contact Cmsmart or get a quote?

Message the Cmsmart team on WhatsApp at +84 937 869 689 or email project@cmsmart.net; the contact page at cmsmart.net/contact lists every channel, and Request a quote (cmsmart.net/project-proposal) sends a project brief. Customers with a licence open a ticket from the dashboard.

Further reading