NBDesigner Plugin Backgrounds: Fewer Reprints for Shops

Applies to Cmsmart Product Designer (NBDesigner) 2.17.0 · Updated October 2026. Covers the Backgrounds library inside the Online Designer, how it feeds the print-ready PDF pipeline, and what it takes to set one up for a personalised-stationery or print-on-demand store.

In short

  • Shoppers pick a studio-quality backdrop from a library you curate, instead of leaving a design blank or pasting in a random stock photo.
  • Admin uploads and categorises backgrounds once; the Online Designer's Backgrounds tab surfaces them to buyers, and the 2.17.0 cloud renderer builds the print-ready PDF from the same page geometry the buyer saw on screen.
  • It takes NBDesigner 2.17.0, a handful of curated background images sorted into categories, and about five minutes to test the buyer flow end to end before launch.

Why does letting shoppers add their own background cost you reprints?

Cmsmart's background library replaces blank canvases and ad-hoc Google-image pastes with a curated set of on-brand backdrops, so support staff stop re-exporting files when a customer's low-resolution upload fails at print size, and every order reaches production with print geometry that matches the preview.

Most online product designers ship with a text tool, a clipart panel and an upload button — and leave the canvas background blank unless the buyer drags in an image of their own. For an invitation, save-the-date card or custom label, a blank or low-resolution background is the single biggest reason a design looks unfinished at checkout and wrong on paper: a phone screenshot or a 72dpi web image previews fine on screen, then pixelates the moment it scales to a print-ready PDF.

That gap between "looked fine on screen" and "printed badly" is a manual, staff-hours problem — someone on your production team has to notice the low-resolution file, email the customer, wait for a replacement, and re-render the order before it can ship.

What could your stationery shop look like with a background library built in?

Imagine Cmsmart's Online Designer offering a dedicated Backgrounds tab next to Templates and Cliparts, so a shopper designing an invitation picks from backdrops you've already checked for print resolution and on-brand colour, instead of hunting for their own.

Picture a stationery storefront where the Invitation product page opens straight into a designer with a Backgrounds panel next to Templates, Text and Photos. A shopper buying a save-the-date card doesn't need a designer's eye for print resolution — they pick a category ("Floral", "Minimal", "Photo frame"), choose a vetted backdrop, drop their own photo or text on top, and the canvas is never empty or pixelated.

NBDesigner plugin Invitation product page with Start and upload design button
The demo Invitation product on the live NBDesigner storefront — the starting point for the buyer flow below.

How does Cmsmart's NBDesigner plugin background library solve this?

Cmsmart's Online Designer ships Backgrounds as one of its editor tabs alongside Templates, Cliparts, Photos and Layers, so a curated backdrop is one click away, and Process still locks the finished layout into the same print-ready pipeline as every other order.

The feature sits in two places. On the admin side, backgrounds live under the plugin's Media menu group together with Cliparts, Fonts and Templates — upload an image, sort it into a category, and delete or recategorise it later without breaking other cards. On the buyer side, the Online Designer's editor exposes those same backgrounds as a tab a shopper can browse while they design, next to Templates and Photos.

NBDesigner online designer showing a save-the-date invitation template with floral background
A buyer opens the Online Designer and starts from a template that already has a styled background — the same tab layout used for curated backdrops.

A shopper can still add their own photo on top of a chosen backdrop — the designer supports both at once. Here, the shopper has dropped a personal photo into the card while keeping the pre-built floral background behind it:

Customer photo placed over a floral background inside the NBDesigner editor canvas
The shopper's own photo sits on top of the curated background, inside the same canvas.

Clicking Process turns that canvas into "Your artwork" — a locked preview the buyer sees before adding to cart, and the same file the print-ready PDF renderer reads from:

Your artwork thumbnail after processing the invitation design in NBDesigner
"Your artwork" — the processed design, generated from the background plus the buyer's own edits.

Cmsmart insight: since 2.17.0, automatic print PDFs read the same page geometry as the admin's Create PDF button, including the background — so a custom paper size or a changed background no longer produces a PDF that drifts from what Create PDF would build by hand. The backdrop a shopper picks is treated as part of the order's print geometry, not a cosmetic overlay.

From there the order flows through the regular WooCommerce cart and checkout — the background choice travels with the line item as part of the saved design, not as a separate asset to track:

WooCommerce cart showing the custom Invitation design with background and photo
Cart: the finished design, background included, travels as one line item.
WooCommerce checkout page with the custom Invitation order ready to place
Checkout: no separate upload step, no extra approval gate for the shopper — the design they processed is the design that ships to production.
Manual background handling vs. Cmsmart's background library
TaskEmail/Photoshop workaroundCmsmart background library
Where the backdrop comes fromShopper uploads their own, or asks staff to add one by handShopper picks a pre-vetted backdrop inside the Online Designer
Print-resolution riskDepends on what the shopper happened to uploadYou control every background's resolution before it ever reaches a buyer
Staff time per orderDesign or re-export by hand when the upload failsNone — the designer and renderer handle it
Print-ready PDF accuracyDepends on who built the file and whenRendered from the same page geometry the buyer approved (2.17.0)
Brand consistency across ordersVaries order to orderEvery buyer chooses from the same curated set

What's the ROI of a built-in background library?

Cmsmart's background library turns a source of reprints and support tickets into a self-service step, and in a print-on-demand market already worth $10.8 billion in 2025, cutting even a small percentage of reprint labor off every order adds up fast.

The direct cost a background library removes is staff time: every order where a shopper's own background fails at print resolution costs you a round of back-and-forth before it can ship. The direct benefit is that the backdrop never needs re-checking, because you approved its resolution before it was ever offered to a buyer.

The wider market context makes the case for that polish. The global print-on-demand market was valued at USD 10.8 billion in 2025, growing at a 23.6% CAGR through 2033 — more sellers competing for the same personalisation-hungry buyers. The personalised-gifts category is tracking even faster: USD 33.70 billion in 2025, projected to reach USD 69.20 billion by 2033. And getting a design right the first time rather than reprinting it holds up industry-wide — offset reprints typically waste 3–10% of total print volume, versus under 1–3% for digital runs done right the first time.

Quick ROI worksheet — fill in your own numbers:

  • Custom orders per month: ____
  • Share that currently need a background fix or reprint: ____%
  • Staff minutes spent per fix (email, re-export, re-approve): ____
  • Your blended hourly labor cost: $____
  • Monthly cost of background-related fixes = orders × share × minutes ÷ 60 × hourly cost

Most stores that run this worksheet find the background library pays for the setup time within the first month simply by removing that line item.

Cmsmart itself has shipped 6,300+ client projects since 2012, with 1,800+ stores live today in 80+ countries — the background library is one small piece of a plugin built specifically to keep a print-ready file matching what the buyer approved.

How do you set up the background library for your products?

Setting up Cmsmart's background library is an admin-side task: upload and categorise the images once, assign them to the right products, then test the buyer flow yourself before launch — no theme edits or custom code required for the core library.

  1. In wp-admin, open the plugin's Media menu group and go to the Backgrounds page (it sits alongside Cliparts, Fonts and Templates).
  2. Upload your first curated background image — start with 6–10 that cover your most common use cases (floral, minimal, photo-frame, seasonal).
  3. Create categories that match how your buyers shop (for example "Wedding", "Baby shower", "Corporate") rather than how the files are named.
  4. Assign each uploaded background to the right category using the per-card category picker, so buyers only see relevant options for the product they're on.
  5. Open the product you want to enable backgrounds for and confirm the Online Designer is set as its design tool.
  6. On the storefront, click "Design here online" on that product and confirm the Backgrounds tab appears alongside Templates and Photos.
  7. Pick a background, add a text or photo layer on top, and click Process — check that "Your artwork" shows the backdrop correctly behind your edits.
  8. Add the test design to cart and go to checkout to confirm no separate upload step interrupts the flow.
  9. From Orders in wp-admin, open the test order and confirm the print-ready PDF status shows Ready, rendered by the cloud renderer.
  10. Delete a background you no longer want and confirm the remaining category cards and assignments are unaffected before you go live with a full set.

What can Cmsmart build on top of the background library?

The core Backgrounds library covers upload, categorisation and buyer selection — for anything beyond that, Cmsmart builds custom development on top of the same plugin, tailored to how your store actually sells.

The categorised library in 2.17.0 is deliberately general-purpose: upload, sort, assign, select. It doesn't automatically rotate backgrounds by season, lock a wholesale account to its own approved palette, or generate a new backdrop from a prompt. Those are real requests from stores selling personalised stationery at scale, and Cmsmart builds them as custom development rather than claiming they ship in the core plugin:

  • Seasonal rotation — scheduling which background categories are visible per product, so a holiday set appears and disappears automatically instead of someone remembering to toggle it.
  • Brand-locked palettes for B2B accounts — restricting a wholesale or franchise account to only the backgrounds and colours their brand guidelines allow, on top of Cmsmart's B2B account structure.
  • AI-generated custom backdrops — building on Cmsmart Cloud's AI tooling to generate a one-off background from a buyer's own photo instead of picking from a fixed library.
  • DAM/brand-portal sync — keeping the library in sync with an external digital asset manager so marketing doesn't re-upload approved art twice.

Related reading: if your platform limits go beyond backgrounds — pricing matrices, multi-vendor routing, or a full personalisation rebuild — see how Cmsmart rebuilt one print shop's customization experience in Revolutionizing User Experience: Flexible Background Customization and Admin Empowerment.

Get a custom background-library quote

Why work with Cmsmart for your stationery store's design tools?

Cmsmart has run the Online Designer behind thousands of personalised-product stores since 2012, and real sellers specifically call out the plugin for printing personalized cards — exactly the stationery use case a background library is built for.

Cmsmart Ecommerce (Netbase JSC) has delivered 4,600+ projects and runs 1,800+ live stores across 80+ countries, rated 4.2/5 from 404 Trustpilot reviews. Reviewers who sell personalised print products call out the designer directly:

"The tool has so many options. We are very happy with it. Also the support team is very fast... We would reccommend the NB Designer tool for printing personalized cards." — M. Idema, Trustpilot

"We have had the NB Designer plugin installed for three years and have experienced absolutely no problems during that time... The designer works exceptionally well across all devices and allows us to create the exact customisations required to perfectly fit our products and our business model." — Web Developer, Trustpilot

On the production side, the same plugin that shows a buyer their background choice is what your team uses to fulfil the order. The order timeline keeps status visible without digging through email:

WooCommerce order detail timeline showing Placed, Paid, Awaiting review and In production stages
Order detail: the timeline your production team checks, from Placed through to Delivered.

Every design — background included — can be downloaded in the format your print equipment needs:

Design download panel with SVG, PNG, JPG and PDF export options
Download design: SVG, high-resolution PNG, CMYK JPG or PDF — the backdrop is baked into whichever format production needs.

And the print-ready PDF itself is rendered in the cloud and timestamped, so your team never has to guess whether a file is current:

Print-ready PDF status showing Ready, rendered by the cloud renderer
Print-ready PDF: rendered by the cloud renderer, with a one-click regenerate if anything changes.

Before a design goes to print, the Customer Design box gives staff a straightforward accept/decline step with a notify-the-customer email — the approved-artwork lock (2.17.0) then stops any further edits to that saved design on the server:

Order admin approve or decline design controls with send notify mail form
Accept, decline, or send a notify email — once accepted, the approved-artwork lock keeps that design from changing.

Example scenario: a stationery seller curates two background categories, Wedding and Baby shower, with eight backdrops each, assigns them to the Invitation product, and tells customers the backgrounds are pre-checked for print quality. Within the first month, blurry-background messages to support drop off, because uploading a low-resolution image is no longer the only path through the designer.

Video thumbnail for managing the WooCommerce Online Designer clipart and background library in the backend
Video: How to manage WooCommerce Online Designer clipart in the backend — the Backgrounds page uses the same admin screen (Cmsmart on YouTube).

To see the full buyer-to-production flow on a live store first, the WooCommerce Product Designer demo walks through design, cart, order and print-ready PDF end to end. For the wider picture, see Cmsmart's web-to-print platform overview and, for wholesale stationery sellers, the B2B web-to-print portal. The background library ships as part of the Cmsmart Product Designer plugin itself.

Talk to Cmsmart about your stationery store

Frequently asked questions

Is the background library part of the core NBDesigner plugin, or an add-on?

It's core: backgrounds are one of the Online Designer's editor tabs, and the admin Backgrounds page lives under the plugin's own Media menu group alongside Cliparts, Fonts and Templates.

Can a buyer still upload their own background instead of picking from the library?

Yes. The curated Backgrounds tab sits next to the regular upload and template options, so you can offer both — a vetted library for a fast, safe choice, and a full upload path for buyers who already have artwork.

Does the background show up correctly in the print-ready PDF, not just the on-screen preview?

Since 2.17.0, automatic print PDFs read the same page geometry as the admin's Create PDF button, including the background, so a custom paper size or a changed backdrop doesn't produce a file that drifts from what the buyer approved on screen.

How do I organise backgrounds so buyers aren't scrolling through everything?

Use categories. The admin library lets you sort each background into a category and move it later without re-uploading, so you can group by occasion ("Wedding", "Baby shower") and show only the relevant set per product.

What if I need something the library doesn't do, like per-brand locked palettes?

That's custom development, not a core setting — Cmsmart builds brand-locked background sets, seasonal rotation and similar extensions on top of the standard plugin.

Does approving a design lock in the background the customer chose?

Yes. Once staff accept a design through the Customer Design box, the 2.17.0 approved-artwork lock refuses further saves to it on the server, so the background and every other element stay exactly as approved through to print.