Applies to Cmsmart Product Designer (NBDesigner) 2.18.4 and Cmsmart Phone Case Store 2.0.0 · Updated October 2026. Every screen in this guide comes from a real Store Setup v2 install on Cmsmart Product Designer 2.18.4, Cmsmart Stores Blocks 2.1.3 and WooCommerce 11.
In short
Outcome: a branded WooCommerce store for custom phone cases, stocked with a sample catalogue and ready for a real order, in about an hour.
How it works: Cmsmart Phone Case Store installs on WooCommerce with Cmsmart Product Designer and its printing options already wired to the demo products, so you brand and configure instead of assembling plugins.
What it takes: a Cmsmart Fullstore licence (a free 30-day trial is available), a WordPress host that meets the store's requirements, and about an hour to brand it, check the catalogue, and connect payments and shipping.
A custom phone case WooCommerce store setup usually means weeks of theme hunting and plugin testing. Cmsmart Phone Case Store skips that: it is a ready-made WooCommerce theme with Cmsmart Product Designer, printing options and a sample catalogue built in, so a shop that prints phone cases to order can brand it, check the catalogue and take its first order inside an hour.
What does it cost to sell custom phone cases without Cmsmart?
Cmsmart Phone Case Store removes the manual work of building a phone case shop from scratch: the designer, printing options and phone-model print areas are already in place, so the real cost left is the time you spend branding the store and loading your own catalogue.
Shops that sell custom phone cases without a system built for it run into the same three problems. Customers send photos that do not fit the camera cut-out of their phone, so an order comes back for a reprint. Every phone model needs its own print area, so a generic product page cannot show the right template. And questions about sizes and files arrive by email, so a staff member answers the same few questions before a sale ever happens.
Put a number on it with your own figures: (quote and sizing emails per week) × (minutes per reply) × (your loaded hourly cost) is the quoting bill that never shows up as a line item — it just shows up as a slower week. Add a reprint rate for mis-sized artwork and the cost of running a phone case shop without phone-model-aware tooling gets clearer fast.
The opportunity behind that cost is real: the global market for phone cases and protective covers was estimated at $27.5 billion in 2025, growing at roughly 8.7% a year to 2033 — demand a print shop cannot capture with a generic catalogue page and an inbox full of size questions.
Cmsmart insight: the most common reprint we see on phone case stores is not a design mistake — it is a model mismatch. A photo that looks right on a 6.9-inch case prints with the subject cut off on a 5.4-inch model. Model-aware print areas, not a bigger upload box, are what actually fix this.
What could your phone case store look like?
Cmsmart Phone Case Store gives a buyer a branded storefront where they pick a ready-made pattern or start from a blank case, edit it for their exact phone model, and see the price before they commit — all without an email leaving your inbox.
Example scenario: a buyer opens the store at ten at night, scrolls past the "Your design, your case" hero, and taps Start design on a pattern case. The designer opens already sized to their phone model; they drop in a photo, nudge it inside the safe area, and add their name as text. They add it to the cart, see the shipping cost before checkout, and pay. No one on your team answered a single email.
The Cmsmart Phone Case Store home page, with the Shop now and Start design buttons from the hero.Cmsmart Product Designer opened on a phone case: the template picker and the toolbar (Templates, Text, Cliparts, Photos, Elements, Layers).
This is not a nice-to-have: in Deloitte Digital's 2026 personalization research, 52% of consumers said they are more likely to buy from brands that personalize their experience, and those buyers reported spending 30% more with them — a strong case for letting the customer design the case, not just browse a catalogue.
How does Cmsmart put this store together?
Cmsmart builds the Cmsmart Phone Case Store on WooCommerce from four real pieces: the storefront theme, Cmsmart Product Designer, printing options and a demo content import, all activated by one licence — so you configure a store instead of assembling one from separate plugins.
Install the store before anything else here: download the installer from your Cmsmart dashboard, upload it to an empty folder on your host and open its link, or install the theme files by hand. We cover that in its own guide — follow it first, then come back for what happens after the store is live.
Once the store is live, four pieces work together:
The storefront theme. Cmsmart Phone Case Store 2.0.0, a child of the parent Cmsmart Stores 2.0.0 theme.
Cmsmart Product Designer. The plugin behind every Cmsmart store (formerly NBDesigner): online designer, templates, cliparts and layers.
Printing options. Each product's "NBD options" box points at a Printing Option set, so model, case type and finish are priced on the page, not in a quote.
Demo content import. A sample catalogue, pages and menus, so you start from a working store and replace the samples.
Appearance → Themes: Cmsmart Phone Case Store 2.0.0 active, with the parent Cmsmart Stores theme installed next to it.
Cmsmart Product Designer already produces the print-ready PDF that matches the order on Process, and keeps the approved-artwork lock, which refuses to save over a design once its order item is approved — both run in the background, with no extra click from your team.
How do you complete a custom phone case WooCommerce store setup in the first hour?
Once the store is installed, set up the Cmsmart Phone Case Store by working through branding, the imported pages and catalogue, your printing options, and payments and shipping, in that order, so each step builds on a store that is already live rather than one you are still assembling.
Confirm the install: open Appearance → Themes and check Cmsmart Phone Case Store is Active, with the parent Cmsmart Stores theme installed next to it.
Brand the header: open the Site Editor and edit the Header template part — swap the Site Logo block and review the Main menu.
Brand the footer the same way, in the Footer template part: contact details, policy links and social icons.
Set your site title under Settings → General and upload a site icon.
Check Pages → All Pages: the import creates Home, Shop, Cart, Checkout, My account, About us, Business orders, FAQ and more — edit the text, do not rebuild them.
Open Products → All Products and review the sample catalogue, then open one product to see how it is built.
On that product, open the Setting Cmsmart box: Enable Design and Enable Upload Design are the two ways a buyer can order — online design or their own print-ready file.
In the same product, open NBD options → Edit option to see the Printing Option set driving phone model, case type and finish on the product page.
Connect a payment method under WooCommerce → Settings → Payments: Woo Payments, PayPal Payments or offline payments for testing.
Set your shipping zones under WooCommerce → Settings → Shipping, with a rate for every country you ship to.
Confirm your store address, selling locations and currency under WooCommerce → Settings → General.
Place one test order end to end: browse, design or upload, add to cart, check out with an offline payment method, before you remove the sample data.
Site Editor → Header template part: the Site Logo and Main menu blocks are where the branding step happens.Pages → All Pages after the import: Home, Shop, Cart, Checkout, My account, About us, Business orders and more are already there.Products → All Products: the sample catalogue the import adds, ready to replace with your own cases.The product edit page's Setting Cmsmart box: Enable Design, Enable Upload Design and the Modern design editor layout.The NBD options box: Enable Printing option and Edit option open the Printing Option set behind the product's phone model and case type choices.WooCommerce → Settings → Payments: Woo Payments, PayPal Payments and offline payments for testing.WooCommerce → Settings → Shipping: a United States zone with Standard, Express and Free standard shipping, and a Rest of the world zone still to configure.
A few things are specific to phone cases. The designer opens already scoped to the model under Model Size, with the camera cut-out built into the template — the fix for the "photo does not fit the cut-out" pain above. Check Model Size and Case Type on more than one product, since a pattern case and a photo case can use different option sets, and test the designer on a phone, not only a laptop.
The product page buyers see: Model Size and Case Type options before Start design or upload.The same product page at 390px, with a Start and upload design button sized for a phone.
Cmsmart insight: set the DPI on your Printing Option before you load real products, not after. The designer's upload check and the print-ready PDF both read that number, and changing it once cases are live means re-checking every product.
Test order and go-live checklist
Place a test order with an offline payment method and confirm it reaches Cmsmart → Overview and WooCommerce Orders.
Open the design from that order and confirm the print-ready PDF renders.
Replace the sample catalogue with your own products, or your first few.
Re-check Printing Options on every live product: model, case type, finish and DPI.
Confirm your real payment method and shipping zones are active, and remove any offline test method you added.
Update the footer's contact details, policies and working hours before you announce the store.
Once orders start coming in, Cmsmart → Overview is where you check them: revenue, orders and designs waiting to be fulfilled, in one screen. The store ships with this view pre-populated from the sample catalogue, so you can see the layout before your first real sale.
Cmsmart → Overview, pre-populated with the sample catalogue's demo orders — your real numbers replace these once you go live.
What business value do you get from a ready-made phone case store?
Cmsmart Phone Case Store turns setup time into selling time: because the designer, printing options and catalogue import are already built, the time you save on assembly goes straight into branding, pricing and your first orders instead of plugin research.
Benefit
How it shows up in your business
KPI to track
No plugin assembly
Designer, printing options and catalogue import ship together, already connected
Hours from licence key to a live, test-ordered store
Self-serve pricing
Phone model, case type and finish are priced on the product page, not in a quote email
Average order value per case (your price × options chosen)
Fewer sizing questions
The designer opens already scoped to the buyer's phone model
Support messages per 100 orders
Faster first sale
A branded, catalogued store replaces weeks of setup
Days from go-live to first paid order
Feature
Cmsmart Phone Case Store
Generic WooCommerce theme
Online product designer
Cmsmart Product Designer included and connected to every product
Needs a separate plugin, licence and setup
Phone-model print areas
Model Size options scope the designer to the camera cut-out of each model
Built by hand per product, or as custom development
Printing options on the product page
Case type, finish and quantity priced live via Printing Options
Usually a plain WooCommerce variation, no live price matrix
Catalogue to start from
Demo content import: sample products, pages and menus
Often a blank shop or a generic, non-print demo
Print-ready output
Print-ready PDF produced when the customer clicks Process
Not included; needs a separate print-file workflow
What can Cmsmart build on top of the Phone Case Store?
The Cmsmart Phone Case Store covers the designer, printing options and a working catalogue out of the box; anything beyond that, your real catalogue, a different look, or a connection to another system, Cmsmart builds for your store as custom development.
Full store setup, done for you. Cmsmart builds your branding and first batch of products as a quoted service instead of a self-serve step.
Branding and layout beyond the Site Editor. A custom header, home page layout or full redesign, as custom development on top of the included theme.
Catalogue and print-option setup for your range. Cmsmart builds the option structure when your case types, finishes or models go beyond the sample set.
Integrations with Printful, Printify or your ERP. Cmsmart builds custom features when an order needs to reach a fulfilment partner or your own production system automatically.
Cmsmart has been building WooCommerce and web-to-print stores as a Netbase JSC division since 2012, with 6,300+ client projects and 1,800+ stores live today, the same team and the same Cmsmart Product Designer plugin behind this phone case store.
On Trustpilot, Cmsmart holds a 4.2 rating from 404 reviews, including one from a long-time user: "We have had the NB Designer plugin installed for three years... The designer works exceptionally well across all devices." — read the review.
Can I use my own products instead of the sample catalogue?
Yes. The demo import keeps the store from being empty, but every sample product, page and menu item is meant to be replaced. Add your own products under Products → Add new product and set up Printing Options and the Cmsmart Product Designer tab the same way the samples do.
Which plan activates the Cmsmart Phone Case Store?
Cmsmart Phone Case Store is a free download; you activate it on your domain with a Cmsmart Fullstore licence, including a free 30-day trial. Current plans, prices and what each one includes are on the pricing page.
Can I change the logo and colours without touching code?
Yes. The Site Editor's Header and Footer template parts hold the Site Logo and Main menu blocks, with a Design panel of style variations next to them, all from wp-admin, with no theme files to edit.
Does every phone model need its own print area?
Yes, and the store already handles it: the Model Size option scopes the online designer to the camera cut-out of the phone the buyer picked, so different models use different templates automatically.
Can customers upload their own artwork instead of designing online?
Yes. Enable Upload Design on a product lets a buyer send a print-ready file instead of using the online designer. Enable Design and Enable Upload Design can both be on at once, as they are on the sample products.
What should I check before I remove the sample data?
Run through the go-live checklist above: a completed test order, your own products in place of the samples, real payment and shipping methods active, and the footer's contact details updated. Only remove the sample data once a real order has gone through end to end.
In short
A custom phone case WooCommerce store setup usually means weeks of theme hunting and plugin testing. Cmsmart Phone Case Store skips that: it is a ready-made WooCommerce theme with Cmsmart Product Designer, printing options and a sample catalogue built in, so a shop that prints phone cases to order can brand it, check the catalogue and take its first order inside an hour.
What does it cost to sell custom phone cases without Cmsmart?
Cmsmart Phone Case Store removes the manual work of building a phone case shop from scratch: the designer, printing options and phone-model print areas are already in place, so the real cost left is the time you spend branding the store and loading your own catalogue.
Shops that sell custom phone cases without a system built for it run into the same three problems. Customers send photos that do not fit the camera cut-out of their phone, so an order comes back for a reprint. Every phone model needs its own print area, so a generic product page cannot show the right template. And questions about sizes and files arrive by email, so a staff member answers the same few questions before a sale ever happens.
Put a number on it with your own figures: (quote and sizing emails per week) × (minutes per reply) × (your loaded hourly cost) is the quoting bill that never shows up as a line item — it just shows up as a slower week. Add a reprint rate for mis-sized artwork and the cost of running a phone case shop without phone-model-aware tooling gets clearer fast.
The opportunity behind that cost is real: the global market for phone cases and protective covers was estimated at $27.5 billion in 2025, growing at roughly 8.7% a year to 2033 — demand a print shop cannot capture with a generic catalogue page and an inbox full of size questions.
Cmsmart insight: the most common reprint we see on phone case stores is not a design mistake — it is a model mismatch. A photo that looks right on a 6.9-inch case prints with the subject cut off on a 5.4-inch model. Model-aware print areas, not a bigger upload box, are what actually fix this.
What could your phone case store look like?
Cmsmart Phone Case Store gives a buyer a branded storefront where they pick a ready-made pattern or start from a blank case, edit it for their exact phone model, and see the price before they commit — all without an email leaving your inbox.
Example scenario: a buyer opens the store at ten at night, scrolls past the "Your design, your case" hero, and taps Start design on a pattern case. The designer opens already sized to their phone model; they drop in a photo, nudge it inside the safe area, and add their name as text. They add it to the cart, see the shipping cost before checkout, and pay. No one on your team answered a single email.
This is not a nice-to-have: in Deloitte Digital's 2026 personalization research, 52% of consumers said they are more likely to buy from brands that personalize their experience, and those buyers reported spending 30% more with them — a strong case for letting the customer design the case, not just browse a catalogue.
How does Cmsmart put this store together?
Cmsmart builds the Cmsmart Phone Case Store on WooCommerce from four real pieces: the storefront theme, Cmsmart Product Designer, printing options and a demo content import, all activated by one licence — so you configure a store instead of assembling one from separate plugins.
Install the store before anything else here: download the installer from your Cmsmart dashboard, upload it to an empty folder on your host and open its link, or install the theme files by hand. We cover that in its own guide — follow it first, then come back for what happens after the store is live.
Once the store is live, four pieces work together:
Cmsmart Product Designer already produces the print-ready PDF that matches the order on Process, and keeps the approved-artwork lock, which refuses to save over a design once its order item is approved — both run in the background, with no extra click from your team.
How do you complete a custom phone case WooCommerce store setup in the first hour?
Once the store is installed, set up the Cmsmart Phone Case Store by working through branding, the imported pages and catalogue, your printing options, and payments and shipping, in that order, so each step builds on a store that is already live rather than one you are still assembling.
A few things are specific to phone cases. The designer opens already scoped to the model under Model Size, with the camera cut-out built into the template — the fix for the "photo does not fit the cut-out" pain above. Check Model Size and Case Type on more than one product, since a pattern case and a photo case can use different option sets, and test the designer on a phone, not only a laptop.
Cmsmart insight: set the DPI on your Printing Option before you load real products, not after. The designer's upload check and the print-ready PDF both read that number, and changing it once cases are live means re-checking every product.
Test order and go-live checklist
Once orders start coming in, Cmsmart → Overview is where you check them: revenue, orders and designs waiting to be fulfilled, in one screen. The store ships with this view pre-populated from the sample catalogue, so you can see the layout before your first real sale.
What business value do you get from a ready-made phone case store?
Cmsmart Phone Case Store turns setup time into selling time: because the designer, printing options and catalogue import are already built, the time you save on assembly goes straight into branding, pricing and your first orders instead of plugin research.
What can Cmsmart build on top of the Phone Case Store?
The Cmsmart Phone Case Store covers the designer, printing options and a working catalogue out of the box; anything beyond that, your real catalogue, a different look, or a connection to another system, Cmsmart builds for your store as custom development.
Get a quote for my phone case store
For a scoped version of the first item, see store preset installation and demo import as a service, or talk to the team that runs Cmsmart's web-to-print solutions.
Why work with Cmsmart on your phone case store?
Cmsmart has been building WooCommerce and web-to-print stores as a Netbase JSC division since 2012, with 6,300+ client projects and 1,800+ stores live today, the same team and the same Cmsmart Product Designer plugin behind this phone case store.
On Trustpilot, Cmsmart holds a 4.2 rating from 404 reviews, including one from a long-time user: "We have had the NB Designer plugin installed for three years... The designer works exceptionally well across all devices." — read the review.
See our project case studies, browse the Cmsmart Product Designer product page, try the live demo before you install, or read more setup guides and the guide on customising a Cmsmart store.
Frequently asked questions
Can I use my own products instead of the sample catalogue?
Yes. The demo import keeps the store from being empty, but every sample product, page and menu item is meant to be replaced. Add your own products under Products → Add new product and set up Printing Options and the Cmsmart Product Designer tab the same way the samples do.
Which plan activates the Cmsmart Phone Case Store?
Cmsmart Phone Case Store is a free download; you activate it on your domain with a Cmsmart Fullstore licence, including a free 30-day trial. Current plans, prices and what each one includes are on the pricing page.
Can I change the logo and colours without touching code?
Yes. The Site Editor's Header and Footer template parts hold the Site Logo and Main menu blocks, with a Design panel of style variations next to them, all from wp-admin, with no theme files to edit.
Does every phone model need its own print area?
Yes, and the store already handles it: the Model Size option scopes the online designer to the camera cut-out of the phone the buyer picked, so different models use different templates automatically.
Can customers upload their own artwork instead of designing online?
Yes. Enable Upload Design on a product lets a buyer send a print-ready file instead of using the online designer. Enable Design and Enable Upload Design can both be on at once, as they are on the sample products.
What should I check before I remove the sample data?
Run through the go-live checklist above: a completed test order, your own products in place of the samples, real payment and shipping methods active, and the footer's contact details updated. Only remove the sample data once a real order has gone through end to end.