Related posts
Cmsmart Ecommerce provides custom ecommerce and WooCommerce development services for web-to-print, product personalization, plugin support and API integration.
Cmsmart Product Designer Plugin Engineer
Builds and supports the Cmsmart Product Designer (NBDesigner) for WooCommerce.
Meet the team →
Top
In short
Cmsmart Product Designer's live chat design monitor WooCommerce settings add a real-time chat widget and let your team watch a buyer's design update live, from one admin screen, so a stuck customization doesn't quietly end in an abandoned cart.
What's the real cost of running live chat without a design monitor?
Cmsmart Product Designer's live chat tells you a buyer has a question; the design monitor shows you what they're stuck on. Without both, a support agent is guessing at a problem they can't see, and the buyer is often gone before an answer arrives.
A generic chat widget without design context forces an agent to ask what a buyer's screen looks like, then wait for a screenshot — a delay a buyer mid-checkout rarely tolerates. Adding live chat to a website typically lifts conversion by around 20% (LiveChat, 2025), and that gap costs the most on exactly the orders this feature targets: a custom mug, a wrap, a sticker sheet with layers a buyer doesn't understand.
In a print shop or POD operation, the same pattern repeats: a buyer emails a screenshot, a staff member replies hours later, and by then the buyer has abandoned the order or ordered something simpler. None of that is a plugin bug — it's a support channel that can't see the one thing the conversation is about.
What does live chat with a built-in design monitor look like for your shop?
Cmsmart Product Designer's design monitor turns a vague "can you help me?" into a shared screen: the buyer keeps designing while an admin watches the same canvas update live inside the chat widget, so advice lands before the buyer gives up and closes the tab.
Example scenario: A buyer opens a print shop's product page at 9pm, starts a gang-sheet layout, and isn't sure two logos will overlap once printed. They tap the design-monitor button in chat, and a staff member on duty sees the same canvas update live, typing one line of guidance instead of asking for a screenshot. The buyer finishes the order that evening instead of abandoning it until "tomorrow."
Talk to an ecommerce expert if you'd rather have Cmsmart configure the channels and staffing model than work it out field by field yourself — get help setting up live chat and design monitor.
How does Cmsmart Product Designer's live chat design monitor WooCommerce feature work?
Cmsmart Product Designer's live chat design monitor WooCommerce feature runs on a Firebase Realtime Database: one toggle adds a chat widget storefront-wide, a second adds the design-monitor button inside it, and separate panels layer in Facebook Messenger, WhatsApp and an email fallback.
The General panel supplies the real-time connection: Firebase Realtime Database ID, API Key and Private Key link the tab to a Firebase project, where "data is stored as JSON and synchronized in realtime to every connected client" (Firebase documentation, Google) — the sync behind an admin's screen mirroring a buyer's canvas without a refresh. Maximum Connected Guests caps how many live sessions run at once, which matters if your Firebase plan has a connection quota.
Default Messages is the scripted copy buyers see — popup title, welcome message, greeting and closing line — and Design Monitor is a single toggle, Show design monitor button in live chat, that adds the screen-share button. Further down the order pipeline, Cmsmart Cloud renders the print-ready PDF that matches the order, so what your team approves over live chat is the same file that reaches production.
What's the business value of watching chats and designs in one place?
Cmsmart Product Designer's live chat design monitor turns a lost order into a measurable, fixable moment: your team sees exactly where a design stalled, answers it live, and tracks whether that conversation became a completed order.
Quick worksheet: (number of chat conversations per month) × (minutes saved per conversation by seeing the live design instead of asking for a screenshot) × (your team's hourly cost) estimates the monthly value of the design-monitor button alone — before counting the orders it rescues from abandonment.
How do you set up live chat and design monitor in Cmsmart Product Designer?
Cmsmart Product Designer's live chat and design monitor goes live from WP Admin in a few minutes once you have a Firebase project: connect the database, write your chat scripts, choose your extra channels, and save.
Cmsmart insight: most shops that try this feature once and abandon it never got past step one — Firebase. The widget won't appear until a valid Database ID, API key and private key are all saved together; a half-filled General panel looks broken when it's just not connected yet.
Every field below is exactly as shown on this tab today; as installed marks a value this demo has not customized.
A shared inbox in Recipients, not one employee's address, also fits the GDPR principle that personal data stay adequate, relevant and limited to what is necessary (GDPR.eu).
What mistakes do shops make with live chat and design monitor settings?
Cmsmart Product Designer's live chat and design monitor fails quietly rather than loudly: the most common mistakes leave the widget invisible, the design monitor disconnected, or a channel switched on with nobody watching it, not an error message.
Going further: custom development on top of live chat and design monitor
Cmsmart Product Designer's live chat and design monitor covers the channels every store shares. When a shop needs chat data feeding a helpdesk, a CRM or a staff rota, Cmsmart builds that as custom development on top of the plugin.
Cmsmart delivers product designer customization the same way every time: discovery, solution design, build sprints, QA, launch and support — see it in practice on real Cmsmart project case studies.
Get a custom live chat setup quote
Why work with Cmsmart on your live chat and design monitor setup?
Cmsmart has built and supported Cmsmart Product Designer (formerly NBDesigner) since 2012 as a Netbase JSC division, configuring real-time features like this live chat and design monitor tab for print shops, POD brands and B2B sellers.
Cmsmart has delivered 6,300+ client projects and keeps 1,800+ live stores running, with a Trustpilot rating of 4.2 from 404 reviews on the Cmsmart Trustpilot profile.
"Fast support by chat / video!" wrote Sven v B in a verified Trustpilot review — the same responsiveness this tab is built to bring to your own buyers.
Related chapters: the installation and setup hub, General settings for editor and notification basics, and Custom quotes admin for the other main channel buyers use to reach your team. See also the product page and the web-to-print solutions hub.
Frequently asked questions about live chat and design monitor in Cmsmart Product Designer
Do I need a Firebase account to use live chat and design monitor?
Yes. The Database ID, API key and private key all come from a Firebase project you create yourself; the feature does not run without them.
Does the design monitor show the admin the buyer's whole screen, or just the design canvas?
Based on the settings captured here, the toggle (Show design monitor button in live chat) adds a button for sharing the design, scoped to the designer canvas, not a general screen-share.
Can I use Facebook Messenger or WhatsApp without turning on the main live chat?
Both panels sit under the same tab, documented here as channels of that feature; this chapter does not cover running them independently of the main toggle.
What happens if a buyer emails instead of using chat?
If the email fallback is on, the widget offers a form that goes to Recipients, falling back to a placeholder address if that field is empty.
Is the reCAPTCHA key safe to show in a screenshot like this one?
The site key is meant to be public by design in Google's reCAPTCHA v3 — only the secret key is sensitive, and this tab masks that one.
Can Cmsmart connect this chat data to our own helpdesk or CRM instead of just WordPress?
Yes — Cmsmart builds that as custom development, from a settings review to a full sync between live chat, your CRM and production workflow.