Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Screens and steps below match the current release; anything older is marked as history, not as what you will see today.

In short

  • An AI background remover for WooCommerce lets buyers lift a photo off its backdrop inside your product designer, in seconds, with no separate editing tool and no email round trip.
  • It runs as one of the Cmsmart Cloud AI Tools built into Cmsmart Product Designer (NBDesigner): the buyer picks a subject type and edge softness, previews the cutout, brushes out rough edges, and applies it straight onto the canvas.
  • It takes the 2.17.x plugin, a short settings pass to turn the tool on for the right audience, and a product that already uses the online designer with a photo upload option.

A customer uploads their dog's photo to put on a mug, and the kitchen behind it ends up printed too, because nobody on your team has time to clean up every photo by hand. An AI background remover for WooCommerce fixes that inside the product designer itself, so the buyer sees a clean cutout before they pay, not a support ticket after.

Most print shops still push that problem onto the customer ("send us a photo with a plain background") or onto a staff member with Photoshop and a queue of orders before the press runs. Neither scales past a handful of orders a day. This guide covers what a built-in AI background remover changes for the business, what it takes to turn on, and where Cmsmart builds further, part of Cmsmart's broader AI for ecommerce work alongside Image Upscale and AI Preflight.

What does a missing background cost your print shop?

A messy background is rarely a one-time annoyance. Cmsmart sees the same pattern across print shops: every photo product either needs a manual edit before production or ships with a backdrop the customer never asked for, and both outcomes cost staff time and reorders.

The pain shows up in a few concrete, repeatable ways:

  • Manual proofing. Staff open every uploaded photo in an external editor, cut out the subject, and re-upload it before the order can move to production.
  • Slow turnaround on personalised gifts. Mugs, phone cases and framed prints are often last-minute purchases; a manual editing step adds hours a competitor without that step does not have.
  • Reprints. A customer approves a proof without checking the background closely, then asks for a reprint once the finished product arrives with a cluttered wall in the shot.
  • Inconsistent output. One staff member leaves soft edges, another leaves a visible halo; quality depends on who was on shift.
  • Abandoned carts. Buyers told to "edit the photo yourself first" in a separate app often leave instead of coming back with a new file.

The fix is not another subscription tool — it is removing the manual step from the workflow entirely, which is what the AI tool inside the designer does.

What would your designer look like with one-click background removal?

Picture a buyer uploading a photo at 10pm, running Remove background with AI inside Cmsmart Product Designer, and seeing a clean subject on the mockup a few seconds later — no separate app, no waiting on your team, no second visit to finish the order.

Example scenario: A buyer uploads a family photo taken in a cluttered kitchen to put on a mug, opens the photo tool menu, and chooses Remove background with AI. The cutout appears against a transparent checkerboard; a stray corner of a chair is still attached, so they brush it out with Smart Select, apply the result, and add the mug to the cart — before the print shop has even opened for the day.

That is the difference between a tool a customer has to go find and a tool that is simply part of placing the order. It also changes what your team sees on the other end: designs arriving in Orders already cut out, instead of a queue of photos waiting for someone to fix them by hand.

How Does Cmsmart's AI Background Remover for WooCommerce Fit Into Your Product Designer?

Cmsmart Product Designer runs the background remover as one of the Cmsmart Cloud AI Tools, alongside Image Upscale and AI Preflight, with its own on/off switch, an audience setting, and an in-canvas editor so buyers never leave the product page to get a usable cutout.

The building blocks, in the order a buyer and then your team meet them:

  • Storefront entry point. The buyer opens a product using the online designer and uploads or picks a photo, the same panel used for any image layer.
  • Remove background with AI dialog. A Subject type, an Edge softness slider, a High-detail mode for hair or fur, and an Output background choice of Transparent (PNG) or White.
  • In-canvas refinement. Brush and Smart Select tools to erase or restore parts of the cutout, with the original photo kept faintly visible underneath, before the buyer applies the result.
  • Cmsmart Cloud admin controls. A master switch for buyer-facing AI, a per-tool toggle for the background remover, and an audience setting — Everyone, Members, or Customers who have ordered.
  • Print-ready output. Once the buyer clicks Process, the design with its cutout flows into the same print-ready PDF pipeline as every other order.
  • Approval and production. The order lands on the admin order screen with the Customer Design box, where staff accept or decline the artwork before it reaches the floor.
Customer Design approve box in wp-admin with an Accept option for the uploaded artwork
The Customer Design approve box on the order screen, where staff accept or decline the cut-out artwork.
AI background remover for WooCommerce product designer: Remove background with AI dialog with subject type, edge softness and output background options
The Remove background with AI dialog inside Cmsmart Product Designer 2.17, captured on the live demo.

Cmsmart insight: busy or low-contrast backdrops are the most common reason a cutout looks rough at the edges in our delivery work. Turn on High-detail mode for hair, fur or fine jewellery before you ask a customer to approve the proof — it takes a little longer to process, but it is cheaper than a reprint.

Brush and Smart Select tools refining an AI background removal cutout before it is applied
Brush and Smart Select let the buyer clean up a cutout before applying it, with the original photo kept faintly visible underneath.

This is also where the manual workflow and the built-in one really diverge. Here is the same job, side by side:

StepManual workflow (external editor)Cmsmart AI background remover
Where it happensPhotoshop, Canva or a dedicated background-removal site, outside your storeInside the online designer, on the product page
Who does itA staff member, or the customer before they even find your storeThe buyer, in the same session as placing the order
File handlingDownload, edit, re-upload, repeat if the first attempt is roughNo file leaves the browser; the cutout is applied straight onto the canvas
ConsistencyDepends on who did the edit and how much time they hadSame Subject type, Edge softness and output options every time
Cost controlStaff time per order, hard to budgetGated by an audience setting (Everyone, Members, Customers who have ordered)

The market context backs up why this matters: the global print-on-demand market was valued at $10.8 billion in 2025, and the global background-removal software market was valued at $1.32 billion in 2024 — both growing fast enough that a manual, staff-time-bound editing step is a harder bottleneck every year, not a smaller one.

What's the Business Value of Built-In AI Background Removal?

For a store owner, the value of Cmsmart's AI background remover is fewer staff hours spent editing photos, fewer reprints from backgrounds nobody checked, and a faster path from upload to checkout — tracked through ordinary KPIs you already watch.

BenefitHow it shows up in your businessKPI to track
No manual photo editing stepStaff stop opening every photo order in an external editor before it can go to productionMinutes of staff editing time per photo order
Fewer reprintsBuyers see and adjust the cutout before they pay, instead of after the product arrivesReprint rate on photo-personalised products
Faster checkoutThe buyer finishes the whole design, including the cutout, in one sessionTime from design start to add-to-cart
AI as a lead channelGating the tool to Members turns a casual visitor into a saved account before they even orderNew accounts created through the AI channel
No post-approval disputesOnce staff approve a design in the Customer Design box, 2.17 locks it on the server so it cannot quietly changeApproval-to-production lead time
Admin order detail screen showing production status and the attached customer design file
An order moving through production on the order detail screen, with its design file and print status visible.

Sizing it for your store: take the photo orders each month that would otherwise need a background clean-up, multiply by the minutes your team currently spends doing that in a separate editor, then multiply by your fully loaded hourly rate. That is the monthly cost of the manual workaround you are comparing the built-in tool against — and it does not count the reprints a missed background still causes after the fact.

How Do You Set Up an AI Background Remover for WooCommerce in Cmsmart Product Designer?

Setting up Cmsmart's AI background remover is an admin settings pass plus a product check: turn the tool on for the right audience in Cmsmart Cloud, confirm the product has a photo upload option in its design area, then test the buyer flow end to end before you announce it.

  1. Go to Cmsmart → Cmsmart Cloud → AI Tools in wp-admin.
  2. Turn on the master switch that allows buyer-facing AI tools in the designer.
  3. Enable the Background Remover toggle specifically (Image Upscale and AI Preflight have their own toggles and can stay off if you do not need them yet).
  4. Pick an audience: Everyone for the simplest rollout, Members if you want a free-account signup before someone can use it, or Customers who have ordered to keep it for repeat buyers.
  5. Open a product that already uses the online designer and confirm its design area includes a photo or image layer buyers can upload into.
  6. On the storefront, open that product and click Start design (or upload a photo directly if the product supports upload without the full designer).
  7. Select the uploaded photo, open its photo tool menu, and choose Remove background with AI.
  8. Set the Subject type, adjust Edge softness, turn on High-detail mode for hair or fur if the photo needs it, and choose Transparent (PNG) or White as the output background.
  9. Review the cutout with the Brush and Smart Select tools, then click Apply background.
  10. Click Process so the design, cutout included, is saved and queued for its print-ready PDF, then add the item to the cart and reach checkout to confirm the whole flow works.
Background removed and applied directly on the product canvas before Process, ready for the print-ready PDF
The cutout applied on the canvas, ready for Process and the print-ready PDF pipeline.
WooCommerce product page with a Start and upload design button on the Cmsmart live demo
A product configured for the online designer: this is the entry point buyers reach before they ever see the AI tools.

Deeper output settings — DPI, PDF/ICC options for the files production prints — live under WooCommerce → Settings → Cmsmart → Output and are outside this guide; see the settings guide for those.

Going Further: What Can Cmsmart Build On Top of the AI Tools?

The AI background remover ships as Transparent or White cutouts for any product; when a store needs something the core tool was never built to do — a branded backdrop, a bulk catalogue pass, or a rule tied to your own production queue — Cmsmart builds it as custom development on top of Cmsmart Product Designer.

Four directions we see print shops and POD brands ask for most:

  • Branded backdrop swap. Out of the box, the output background choice is Transparent or White. If you want every cutout to land on a studio backdrop that matches your brand, Cmsmart builds that compositing step as custom development.
  • Bulk background removal across an existing catalogue. The in-designer tool works one photo at a time, at checkout. For a backlog of product photos, Cmsmart builds a batch pipeline that runs the same AI cutout across the whole catalogue at once.
  • Catalogue-specific presets. Apparel, mugs and signage often need different edge-softness and subject-type defaults. Cmsmart builds per-category presets so the right settings apply automatically.
  • Production-queue hand-off. Once a design clears the Customer Design approve box, Cmsmart can connect that event into your MIS, ERP or print-queue system, so an approved cutout reaches the press without anyone re-keying the order.

Our delivery approach is the same whatever the feature: discovery, solution design, build in sprints, QA against your real catalogue, launch, then ongoing support — see our project delivery model.

Plan a custom AI background workflow or browse AI integration services for WooCommerce stores.

If gang sheets or print-production integrations are also on your roadmap, see our guides on batch design with the gang sheet builder and web-to-print and print API integrations.

Why Work With Cmsmart on Your Product Personalization Stack?

Cmsmart has built and supported WooCommerce product personalization since 2012 as a Netbase JSC division, with Cmsmart Product Designer (NBDesigner) as the core plugin and a track record of custom development for stores whose needs go past what ships by default.

Cmsmart has delivered 6,300+ client projects and 4,600+ projects delivered since 2012, with 1,800+ live stores running today across 80+ countries. Reviews are independently verified on Trustpilot, rated 4.2 from 404 reviews. See the range of work in real Cmsmart projects, from storefront builds to AI and automation work like this.

Frequently Asked Questions About the Cmsmart AI Background Remover

Is the AI background remover part of Cmsmart Product Designer, or a separate plugin?

It is built in. The Background Remover is one of the Cmsmart Cloud AI Tools that ship with Cmsmart Product Designer (NBDesigner) from 2.15.0 onward, alongside Image Upscale and AI Preflight, each with its own on/off switch on the Cmsmart Cloud admin page.

Does it work on every product, or only specific ones?

It works on any product that uses the online designer with a photo or image layer in its design area — mugs, apparel, phone cases, photo prints and similar products. A product with no image upload step in its design area has nothing for the tool to act on.

How do we control who can use the AI tools, and the cost of running them?

The audience setting is the main lever: Everyone, Members, or Customers who have ordered. Turning the master switch off removes the buttons from the storefront entirely and stops the endpoints from running, so nothing is spent from a page where the tool is not meant to be offered.

What happens if the automatic cutout looks wrong?

The buyer is not stuck with the first result. The in-canvas editor has Brush and Smart Select tools to erase or restore parts of the cutout, a High-detail mode for hair or fur, and the original photo stays faintly visible underneath until the buyer applies the result.

Can Cmsmart automate background removal across our whole product catalogue, not just new orders?

Yes, as custom development. The in-designer tool runs one photo at a time, at checkout; a bulk pass across an existing catalogue, or a rule that only lets approved cutouts reach your production queue, is the kind of project Cmsmart builds on top of the core plugin.

Does removing the background affect the print-ready PDF or DPI?

No extra step is needed on your side. Once the buyer applies the cutout and clicks Process, the design feeds into the same print-ready PDF pipeline as any other design, using whatever paper size, bleed and output settings you already configured under Settings → Output.

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 →