Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Built-in AI background removal, image upscale and print preflight run inside the product designer on your Cmsmart license — this guide covers the buyer flow, the admin review and what each AI tool actually catches before a job goes to press.

In short

  • Outcome: buyers clean up and resize their own photos before checkout, so fewer custom orders arrive with artwork your team has to fix by hand before it can print.
  • How it works: the online designer calls Cmsmart's AI Background Remover, Image Upscale and Preflight Check, each controlled by a settings toggle and an audience rule you set.
  • What it takes: a Cmsmart license with AI tokens, the online designer already enabled on a product, and a few minutes in Settings to turn the tools on for the audience you choose.

What's the real cost of letting customers upload any photo they want?

Cmsmart Product Designer adds AI image checks directly in the buyer's upload step, so a low-resolution photo or a busy background gets caught before the order is placed — not after a print run comes back wrong and a staff member has to call the customer.

Personalized, print-on-demand products are a fast-growing slice of ecommerce — the global print-on-demand market was valued at $10.8 billion in 2025 and is projected to keep growing at a 23.6% CAGR through 2033 (Grand View Research, 2025), which means more of your traffic expects to upload their own photo, not just pick from a catalog. Ask anyone who has run a personalization storefront for a year and they'll tell you the same pains show up on repeat:

  • Selfies and screenshots, not studio photos. Most custom-product photos arrive as phone shots with a bedroom, a car interior or a cluttered desk in the background — fine for a social feed, wrong for a mug, phone case or canvas print.
  • Low-resolution uploads that look fine on a screen. WooCommerce itself recommends at least 800 x 800 pixels just for a catalog image (WooCommerce documentation) — a customer's 400-pixel upload fills their phone screen but prints as a soft, pixelated mess at 300 DPI, and most buyers have no idea what DPI even means.
  • Manual photo editing eats staff time. Without image tools built into the designer, someone on your team opens an editor, cuts out a background or upsizes a photo by hand, order by order.
  • Reprints from bad artwork that reached the press. A blurry or low-contrast image that slips through proofing becomes wasted substrate, a delayed shipment and a customer-service conversation.
  • Cart abandonment during a slow back-and-forth. If the workflow is still upload your photo now and wait for an emailed proof later, buyers who want an answer now go elsewhere.

What would it look like if every upload were print-ready by checkout?

Cmsmart Product Designer lets a buyer fix their own photo in the same editor where they add text and clipart, so the design that reaches your cart is already background-clean, sharp enough to print and flagged if it still falls short — before your team ever opens the order.

Example scenario. A buyer picks a mug, uploads a photo from last weekend, and the shot includes a cluttered kitchen counter behind them. One click on Remove background with AI lifts the subject onto a transparent layer. The photo is a little soft at the print size they want and well under 300 DPI, so they run Upscale at 2x to close the gap. Preflight Check runs automatically when they click Process and reports the design is ready. They add a caption, watch the price update, and check out — no email, no proof round-trip, no reprint six days later because the photo was too small to print.

How does Cmsmart's product designer turn a phone photo into a print-ready file?

Cmsmart Product Designer runs AI Background Remover, Image Upscale and Preflight Check inside the same editor buyers already use for text and clipart, then renders a print-ready PDF through Cmsmart Cloud that matches what the buyer actually ordered — no separate app, no manual export step for your team.

AI-powered image editing is moving from novelty to default: the global AI image editor market was valued at $6.28 billion in 2025, up from $5.12 billion the year before (Market Research Future, 2025) — buyers increasingly expect a one-click fix, not a lesson in DPI. Four pieces work together in Cmsmart's setup, and it's worth knowing which ones ship in the plugin and which ones a shop builds on top:

  • Storefront and online designer (in the plugin). The product page opens the designer with text, clipart, photo upload and templates already built in.
  • AI Background Remover and Image Upscale (in the plugin, since 2.15). Buyer-facing tools you switch on per site, each with its own audience rule — Everyone, Members, or customers who have already ordered.
  • AI Preflight Check (in the plugin, since 2.15). Runs in the designer and again on the order's print files, and the order screen shows a Ready / Rendering / Failed status with a Regenerate button.
  • Print-ready PDF via Cmsmart Cloud (in the plugin). Since 2.17, the automatic render and the admin's Create PDF button read the same page geometry — including a buyer's custom width and height — so the print file matches the order instead of a generic template.
  • Printer-specific rules and system sync (custom development). Your own bleed, minimum DPI per product line, or a hard sync into an MIS/ERP are not a settings toggle — Cmsmart builds those as a scoped project.
Cmsmart Cloud AI Tools settings screen with the master AI switch, audience options and Preflight Quality Checker, Background Remover and Image Upscale toggles
Settings → Cmsmart Cloud → AI Tools: the master switch, the audience rule and a required-DPI setting for Preflight, plus per-tool toggles for Background Remover and Upscale.
AI image tools for WooCommerce product customization: the AI background remover dialog in the Cmsmart Product Designer, with subject type, edge softness and output background options
The AI Background Remover panel inside the online designer, with edge softness and a transparent or white output background.
AI image upscale dialog in the Cmsmart Product Designer showing 2x and 4x upscale factor options
AI Image Upscale offers a 2x or 4x factor to bring a photo up toward the 300 DPI a press needs.

Cmsmart insight: Set Background Remover's edge softness above the default on busy edges like hair, fur or fabric fringe — a hard cut looks clean on a simple product silhouette but leaves a visible halo on anything with fine detail, and that halo is what turns into a reprint request.

StepManual workflowCmsmart Product Designer
Background on a customer photoStaff opens an image editor after the order arrivesBuyer clicks Remove background with AI before checkout
Low-resolution photoDiscovered at proofing; order paused for a replacement fileAI Preflight Check flags it in the designer; Upscale can fix it on the spot
Print fileAdmin exports and checks the file against the order by handCmsmart Cloud renders a print-ready PDF that matches the order's size automatically
Who can use the AI toolsN/A — the tools don't exist without custom codeSet per audience: Everyone, Members, or customers who've already ordered

What's the ROI of catching bad artwork before it reaches the press?

Cmsmart Product Designer's AI tools replace staff time spent fixing photos with a few seconds of buyer self-service, and replace a share of your reprints with a preflight flag the buyer can fix before checkout — both show up directly in your production and support costs.

BenefitHow it shows up in your businessKPI to track
Less manual photo editingStaff stop opening an image editor for routine background and resolution fixesMinutes of design/production staff time per order
Fewer reprints from bad artworkLow-resolution or malformed files get flagged before the order is placed, not after the press runReprint rate (orders reprinted ÷ orders shipped)
Faster checkout, fewer abandoned cartsNo email-a-proof loop — the buyer fixes their own photo and checks out the same visitCart-to-order conversion on design-enabled products
Controlled AI spendAudience rules (Everyone / Members / customers who've ordered) limit who can spend wallet tokensAI tokens used per order placed

Rough-cut the savings with your own numbers:

(orders per month needing a manual photo fix) × (minutes per fix ÷ 60) × (your staff's loaded hourly cost) = monthly staff time saved. Fill in your own order volume, average minutes per manual background or resolution fix, and hourly rate.

(orders per month) × (your current reprint rate) × (cost per reprint, including material and shipping) = monthly reprint cost at risk. Compare that figure before and after turning Preflight Check on for a full quarter.

How do you set up AI image tools for WooCommerce product customization?

You turn on Cmsmart's AI tools from one settings screen: a master switch, a per-tool toggle for Background Remover, Upscale and Preflight, and an audience rule — then the buttons appear automatically inside the online designer on every design-enabled product.

If the designer isn't set up on a product yet, start with our guide on how to design a product online — the steps below assume Cmsmart Product Designer is already enabled on at least one product.

WooCommerce product page for a men's t-shirt with a Start Design entry point for the Cmsmart Product Designer
A design-enabled product page: this is where the buyer starts, and where the AI tools become available once the designer opens.
  1. In wp-admin, go to Cmsmart Cloud → AI Tools and confirm your license shows a connected status.
  2. Turn on the master AI switch for the storefront.
  3. Enable Background Remover, Image Upscale and Preflight individually — each has its own on/off toggle.
  4. Set the audience for each tool: Everyone, Members (asks for a free account first), or Customers who have ordered.
  5. Open a design-enabled product on the storefront and start a design to confirm the AI buttons appear in the designer toolbar.
  6. Upload a test photo, run Remove background with AI, choose a subject type and edge softness, and apply the result.
  7. Run Upscale image at 2x or 4x to raise a small photo's DPI, and confirm the sharper version replaces the original on the canvas.
  8. Click Process to save the design; Preflight Check runs and the design carries through to cart and checkout.
  9. In wp-admin, open the order and check the Customer Design box and the print-ready PDF status (Ready, Rendering or Failed) before approving the artwork.

Here's what that looks like on both sides of the order:

Background removed from a customer photo and applied to a t-shirt design in the Cmsmart Product Designer
The background is removed and applied to the design — no studio shot required from the buyer.
AI upscale result preview in the Cmsmart Product Designer before applying the sharper image
The Upscale result preview, with Apply upscaled image ready to replace the original on the canvas.
Print-ready PDF status on the WooCommerce order screen, showing Ready and rendered by the cloud renderer
The order's print-ready PDF status: Ready, with the renderer and timestamp, plus a Regenerate button.
Customer Design approval box on the WooCommerce order screen with Accept, Decline and notify-by-email options
The Customer Design box where an admin reviews and approves the artwork before it goes to production.

What can Cmsmart build on top of the AI tools for your store?

Beyond the toggles in Settings, Cmsmart builds the AI workflow further for stores with specific production rules — printer-tuned preflight, ERP/MIS hand-off for approved artwork, bulk checks for B2B orders and brand-locked background presets — scoped as a project, not a plugin setting.

  • Printer-tuned Preflight rules. Business reason: your press has its own bleed, minimum DPI and color-mode requirements that a general check won't catch. What Cmsmart builds: custom preflight thresholds per product line or per press, wired into the existing Preflight Check flow.
  • ERP/MIS hand-off for approved artwork. Business reason: your production team works from a different system than wp-admin. What Cmsmart builds: an integration that pushes the print-ready PDF and order data to your MIS the moment artwork is approved.
  • Bulk preflight for B2B and gang-sheet orders. Business reason: a wholesale buyer uploads dozens of files in one order and can't fix each one in a single designer session. What Cmsmart builds: a batch preflight and reporting view across multi-file orders.
  • Brand-locked background presets. Business reason: a catalog brand wants every background removal to land on the same off-white, not a transparent layer a buyer might leave empty. What Cmsmart builds: a locked output preset per product or category.

Projects like these are usually scoped through Cmsmart's AI integration service and follow the same delivery path as any Cmsmart ecommerce project: a discovery call, a written solution design, sprint-based build, QA against your real files, launch and ongoing support.

Get a custom AI preflight quote

Why work with Cmsmart on AI-powered print production?

Cmsmart has built WooCommerce product customization and web-to-print storefronts since 2012, with AI image tools now part of the same Product Designer plugin — backed by a Trustpilot rating buyers can check and real client projects your team can review before you commit.

"We have had the NB Designer plugin installed for three years and have experienced absolutely no problems during that time. It is wonderful to see their commitment to continuous development, with new features being added frequently to keep the software current and highly capable." — Web Developer, Trustpilot review

For more on deciding who can use the AI tools and the token wallet behind them, see our WooCommerce Product Customizer guide. If you're starting from scratch on the designer itself, our how to design a product online tutorial covers that first step.

Frequently asked questions

Do customers need an account to use the AI tools?

Only if you set the audience to Members. With that setting, a visitor is asked to create a free account before running an AI tool, and their in-progress design is kept; with Everyone, no account is required.

What happens if AI Preflight finds a problem with a photo?

The check runs in the designer and again on the order's print files, flagging issues like low resolution before the file goes to production. The order screen shows Ready, Rendering or Failed, with a Regenerate print-ready PDF button so an admin can re-run it after a fix.

Does the print-ready PDF match our press's color setup?

Cmsmart's Output settings support a PDF export with CMYK and an ICC color profile attached — see the ICC profile specification for how that keeps color consistent from screen to press. Since 2.17, the automatic render and the admin's Create PDF button read the same page geometry, so the file also matches the order's actual size.

How much do the AI tools cost to run?

AI Background Remover, Upscale and Preflight draw from your Cmsmart AI wallet, funded by your plan's token allowance. You control who can spend tokens with the audience setting, and you can see usage and demand on the Cmsmart Cloud overview tab.

Can Cmsmart tune Preflight to our specific printer or press?

Yes, as custom development. The built-in check covers resolution and general file health; printer-specific bleed, DPI floors or color-mode rules are scoped and built as a project on top of the existing Preflight flow.

Do I need the online designer, or does this work for direct file uploads too?

The AI tools run inside the online designer. For a product configured for a direct file upload without the designer, the file still goes through the order's print-ready pipeline and the AI Preflight box on the order screen — ask Cmsmart about extending the buyer-facing AI tools to that flow as custom development.

Written by

Cmsmart AI for Ecommerce Engineer

Adds practical AI to stores: image tools, preflight checks, automation and assistants.

  • AI tools
  • Automation
  • AI preflight
  • Cmsmart Cloud
More from this expert →