Skip to main content

Product Designer module

Visual product builder for WooCommerce

Products built from components, with a summary and live total, instead of a SKU and a photo for every combination.

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

Bike builder product page with frame size and paint finish swatches, a Customize button and an options summary with the final price

Real capture, demo store: a bike configured from components.

In short

What Product Builder does for your store

Product Builder is a module of Cmsmart Product Designer for WooCommerce for products made of parts. You add component, text and image fields to an option set, and the buyer configures the product on its page, then opens a Customize step to see the result. The summary lists every choice with its price and the total updates as they go.

Admin
Printing Options, product builder fields
Fields
Component, Text, Image
Buyer sees
Summary and live total, Customize step
Checked against
Plugin 2.17.1 source

The problem

Why configurable products break a normal catalogue

A bike with 7 frame sizes, 2 finishes and several decal and logo sets is a long list of combinations. Each one as a separate product needs its own SKU and photo, and buyers still cannot see their version.

  • Every combination needs its own variation, photo and price.
  • Buyers cannot picture the configured product, so they ask before they buy.
  • Price changes per part are updated by hand across many variations.
  • Cost of the status quo, with your own numbers: number of SKU combinations x photo cost per SKU.

What it does

Builders on our demo store

Real captures from nbdesigner.cmsmart.net on 5 October 2026. Prices are demo prices.

  • Bike configured from parts

    Bike configured from parts

    Frame size and paint finish swatches, a Customize step, and a summary with decals, logos and the final price.

  • Bag with a Customize step

    Bag with a Customize step

    A tote bag product that opens the builder for its parts.

  • Builder fields in wp-admin

    Builder fields in wp-admin

    Product builder field types (Component, Text, Image) sit beside the other option fields.

Verified capabilities

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

  • Component fields

    Build a product from parts, each with its own choices and views.

  • Text and image fields

    Let buyers add their own text or image to the configured product.

  • Customize step

    A Customize button opens the product builder page you choose in the settings.

  • Prices per part

    Each choice can carry its own price rule from Pricing Options.

  • Live summary

    Every selected part is listed with its price, the options price and the final price.

  • Saved with the order

    The configuration is saved with the design and written to the order line.

How it works

How it works

  1. Add builder fields

    Add builder fields

    Add Component, Text and Image fields to an option set.

  2. Buyer picks parts

    Buyer picks parts

    Swatches for each component, with prices per choice.

  3. Customize the result

    Customize the result

    The Customize step opens the builder for the product.

  4. Order carries every part

    Order carries every part

    Every choice is saved on the line item.

Use cases

Who uses Product Builder

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

  • Bikes and sports gear

    Frames, finishes, decals and logos in one product.

  • Bags and fashion accessories

    Body, handle and print options without a variation per colour.

  • Signage

    Sign type, material and mounting parts configured together.

  • Gifts and furniture

    Parts and finishes chosen by the buyer, priced as they go.

Feature table

Product Builder at a glance

Every option, rule and output in one place.

Field typesComponent, Text, Image (product builder group in Printing Options)
Buyer flowChoose parts on the product page, then Customize
PricingPer-part price rules, quantity breaks and summary from Pricing Options
SetupProduct builder page selected in the plugin settings
Order dataConfiguration saved with the design and on the order line

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 a product builder

Five steps in wp-admin, no code.

  1. In the plugin settings, choose the Product builder page.
  2. In Cmsmart, Printing Options, create an option set and add Component, Text or Image fields.
  3. Add the choices for each component with their images and prices.
  4. Apply the set to the product and publish.
  5. Open the product, choose parts, press Customize and check the summary and total.

Custom development

Need logic the plugin does not have?

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

  • 3D or layered configurators for complex products
  • Rules that block incompatible part combinations beyond conditional logic
  • Bill-of-materials export to your ERP
  • Dealer or B2B pricing per part

FAQ

Frequently asked questions

Straight answers about Product Builder, checked against the plugin.

Is there a product configurator for WooCommerce in Cmsmart Product Designer?

Yes. The product builder fields (Component, Text and Image) in Printing Options let buyers configure products from parts, with a Customize step and a live total.

Do I need a variation for every combination?

No. Components and their choices replace variations, and each choice can carry its own price.

Can I try it before installing?

Yes, open the bike builder or the customizable bag on our demo store.

Is the product builder part of Pricing Options?

It uses the same option sets and price rules, but it is its own module because the buyer experience is different.

Can I get a 3D configurator?

Yes, 3D configurators are available as custom development.

Can you build a configurator for our product?

Yes, as custom development, scoped and quoted after a short call.

Get started

Put Product Builder to work in your store

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


Top