Skip to main content

Product Designer module

Online product designer for WooCommerce

Templates, text, cliparts, photos and layers on every side of the product, with bleed, safe zones and print-ready output.

Plugin 2.17.0 Part of Cmsmart Product Designer for WooCommerce (formerly NBDesigner)

Cmsmart Online Designer editing a business card with print options and a live summary beside the canvas

Real capture, demo store: the modern layout with print options beside the canvas.

In short

What Online Designer does for your store

Online Designer is the design editor at the heart of Cmsmart Product Designer for WooCommerce. Customers start from a template or a blank print area, add text, photos, cliparts, shapes and QR codes, and see each side of the product as they work. You set the print areas, bleed and safe zone per product, and every approved design reaches your team as a print-ready file on the order.

Layouts
Modern and Visual
Editor tabs
Templates, Text, Cliparts, Photos, Elements, Layers
Output
Print-ready PDF, PNG, SVG, JPG CMYK
Checked against
Plugin 2.17.1 source

The problem

Why personalised products need a real editor

Without an editor, every personalised order becomes a back-and-forth: the customer describes what they want, your designer mocks it up, and proofs go round by email.

  • Customers cannot see the result, so they hesitate at checkout.
  • Designers spend hours on simple text changes.
  • Files arrive at the wrong size, without bleed or in RGB.
  • Every new product needs its own design workflow.

What it does

See the editor at work

Real captures of the plugin editor on the demo store nbdesigner.cmsmart.net.

  • Start from a template

    Start from a template

    Searchable templates by product, applied to the print area in one click.

  • Text styles

    Text styles

    Heading and body presets plus ready-made text designs.

  • Clipart library

    Clipart library

    Categories and search over the shared clipart library.

  • 3D preview product

    3D preview product

    A can mock-up with Start Design and a 3D preview of the result.

Verified capabilities

Checked against the plugin source (version 2.17.1) and its changelog. Anything else is listed under custom development.

  • Templates

    Product templates and a global template store, with locked layers and photo placeholders that fill themselves.

  • Text tools

    Fonts, curved text, text patterns, outline and transform, with size limits you control.

  • Photos from anywhere

    Upload, URL, Google Drive, Dropbox, Facebook, Instagram, webcam, and stock from Pixabay, Unsplash, Pexels and Freepik.

  • Cliparts and elements

    A global library of 25,918 cliparts in 69 categories (2.14.0), plus shapes, icons, frames, QR codes and free draw.

  • Print areas per side

    Several sides per product, each with bleed, safe zone, overlay and shape, in cm, mm, inches, feet or pixels.

  • Print-ready output

    Print-ready PDF (2.16.0), plus PNG, SVG and JPG CMYK downloads with an ICC profile when ImageMagick is available.

  • 3D preview

    A 3D preview of the product can be switched on per product (desktop).

  • Proofs and reorders

    Approved, Needs fix and Pending review status for buyers, and My designs with Order again (2.12.0).

How it works

From template to print-ready file

The same steps for a business card, a T-shirt or a mug.

  1. Start from a template

    Start from a template

    Pick a product template or a blank print area.

  2. Personalise it

    Personalise it

    Text, photos, cliparts and layers on every side.

  3. Choose options and see the price

    Choose options and see the price

    Pricing Options sit beside the canvas.

  4. Receive a print-ready file

    Receive a print-ready file

    The design and its PDF arrive with the order.

Live examples

Designer gallery

Customers can also browse designs and templates in a gallery page before they open the editor.

Use cases

Who uses Online Designer

The same module, set up for different products and buyers.

  • Business cards and flyers

    Templates with locked layers; customers change their details and print.

  • Apparel and print on demand

    Front, back and sleeve print areas with colour choices and bulk sizes.

  • Labels and packaging

    Print areas with bleed and safe zone for every side of the pack.

  • B2B brand stores

    Locked brand templates where staff change only their own details.

Feature table

Online Designer at a glance

Every option, rule and output in one place.

Editor layoutsModern (recommended) and Visual
Editor tabsDesign, Product, Templates, Text, Backgrounds, Cliparts, Photos, Elements, Layers, AI Design
TextFonts, curved text, text pattern, transform, outline, min and max size
ImagesFilters, crop, low-resolution warning, ten photo sources
ElementsShapes, icons, frames, grid frames, QR code, free draw, map image
TemplatesProduct and global templates, locked layers, auto-filled photo placeholders
Print areasMultiple sides, bleed, safe zone, overlay, area shape, dynamic sides with price per side
OutputPrint-ready PDF, PNG, SVG, JPG CMYK with ICC profile, PDF watermark and password
AccountMy designs with rename, search and Order again; proof status pills; downloads after checkout
AIAI Design tab and AI image tools, billed in Cmsmart AI tokens

Proof

Shipping today, and you can try it live

Everything on this page runs on our public demo store. Open it, change the options and watch it work before you install anything.

The team behind it

A dedicated team runs your project

  • Cmsmart Account Manager, portraitAccount Manager
  • Cmsmart Project Manager, portraitProject Manager
  • Cmsmart Business Analyst, portraitBusiness Analyst
  • Cmsmart Developers & QA, portraitDevelopers & QA
  • Scoped first by an Account Manager and a BA
  • Milestones and sprints tracked in WorkSuite
  • Support and growth after launch

Real numbers, real clients

Trusted by store owners in 80+ countries

What we have delivered since 2012, and what customers say about working with us.

  • 6,300+ client projects since 2012
  • 4,600+ projects delivered since 2012
  • 1,800+ live stores online now
  • 80+ countries clients worldwide
  • 500+ custom development projects since 2012
  • 120+ engagements running 5+ years ongoing support

Since 2012 · a Netbase JSC company · as of Sep 2026 · source: WorkSuite project records

Teams in 80+ countries run their ecommerce projects with Cmsmart

Excellent service for the right price! - Fast support by chat / video! Happy to work with people like Chuong, always ready to fix all needs. Hope to work for many years with them.

Sven v B Sven v B Netherlands Jan 2021
Verified on Trustpilot

The website is very well made. However, I would like to point out the quick response of the staff, especially Ms. Andrea, who solved all our problems very quickly and kindly. Thanks.

Juš Jordan Kondić Juš Jordan Kondić Slovenia Jan 2021
Verified on Trustpilot

NBDesigner is a very robust plugin for printing shops. It may take a bit of time to learn, as I am, but the support team is there to help. I've been in printing 30 years and I am impressed with how the developers have thought this plugin through. It has everything.

Pamela Redman Pamela Redman United States Dec 2020
Verified on Trustpilot

Read more testimonials Delivered & maintained with WorkSuite: tickets, tasks, milestones and invoices in one place. See how it works

Setup

How to set up the online designer

Five steps in wp-admin, no code.

  1. Install the plugin, activate your licence and open a WooCommerce product.
  2. Switch on Enable Design and add the product sides with their print area, bleed and safe zone.
  3. Choose the editor layout and the tabs you want to show.
  4. Add templates for the product, or connect the global template store.
  5. Open the product page, press Start Design and place a test order to check the print file.

Custom development

Need logic the plugin does not have?

We extend Online Designer for your business as a scoped project, built on your WooCommerce store and tracked in WorkSuite like every client project.

  • Variable data printing from a CSV (name badges, certificates)
  • Product-specific editors and 3D configurators
  • Brand portals with locked templates per company
  • Connection to a print MIS or RIP for automated production

FAQ

Frequently asked questions

Straight answers about Online Designer, checked against the plugin.

What is the Cmsmart Online Designer?

It is the product design editor in Cmsmart Product Designer for WooCommerce. Customers personalise products with templates, text, photos and cliparts, and you receive print-ready files with the order.

Which products can I sell with it?

Any WooCommerce product you can define as one or more print areas: business cards, flyers, posters, stickers, T-shirts, mugs, phone cases, bags and more.

Does it output print-ready files?

Yes. Since 2.16.0 the plugin produces a print-ready PDF for each design; PNG, SVG and JPG CMYK downloads can be enabled as well.

Can customers start from templates?

Yes. You add templates per product or use the global template store, and you can lock template layers so customers only change what you allow.

Does the editor work with print options and prices?

Yes. Pricing Options appear beside the canvas, so buyers change size, paper or quantity while they design and see the final price.

Can you build a custom editor for our product?

Yes, as custom development. Product-specific editors, configurators and production integrations are scoped and quoted per project.

Get started

Put Online Designer to work in your store

Start with a free 30-day trial licence of the plugin, or tell us what your products need.


Top