LetsCMS Product Designer for WooCommerce

LetsCMS Product Designer adds a product designer to your WooCommerce store. Customers click Customize on a product, add their own text and pictures, see exactly how it will look, and order. You get the finished artwork with every order: a print-ready PNG at the real print size, plus the customer’s original images.

It runs entirely on your own website. There is no account to create, no monthly fee and nothing is sent to another service.

Made to fix what store owners complain about

• Fast product pages. Nothing is loaded on products without the designer. On products with it, the page gets about 18 KB; the drawing library (about 92 KB compressed) loads only when a customer clicks Customize.
• No blurry prints. Customers see the print quality (DPI) of each image while they resize it, and are warned before ordering if an image is too small to print sharply. You see the same warning on the order.
• Print-ready files. The print file contains only the print area, on a transparent background, at the size and DPI you set for the product (for example 10 × 12 in at 300 DPI). Customer images are kept exactly as uploaded.
• Nothing lost. Unsaved designs are kept in the browser, so a reload or a closed tab does not lose the customer’s work. Undo and redo included.
• Works on phones. Full-screen designer with touch controls, and a normal text field for editing text.
• Accessible. Keyboard controls (arrow keys to move, Delete to remove, Ctrl+Z to undo), labelled controls and visible focus.
• Private by design. Files are stored in your uploads folder; originals and print files are only downloadable by shop staff. Designs that are never ordered are deleted automatically after a few days.

Features

• Turn the designer on per product (simple and variable products).
• Place the print area visually by dragging a box on the product image.
• Set the real print size (inches or centimetres) and DPI per product.
• Text with your choice of fonts, size, colour, bold and italic.
• Customer image uploads (JPG, PNG, WebP) with a size limit you choose.
• Move, resize, rotate, centre, delete, undo and redo.
• Layers panel: select, rename, reorder by drag or keyboard, hide (hidden items are not printed), lock and duplicate.
• Optional design fee added to the product price.
• Optionally require a design before the product can be added to the cart.
• Saved designs: customers reopen their last draft, change the design of a cart item, and find all their designs under My Account > My designs.
• The design preview replaces the product image in the cart, mini-cart, Cart and Checkout blocks, order pages and order emails.
• Each order item keeps a frozen copy of its design, so what was ordered never changes.
• Order screen: preview, print file details, low-resolution warning, the texts and fonts used, download of the print file, the original images or everything as a ZIP.
• Shop staff can view a design read-only or fix a copy of it; the customer’s original and an order note are kept.
• Privacy: designs are included in WordPress’s personal data export and erasure tools.
• Translated into 12 languages, including right-to-left Arabic.
• Variable products: the designer uses the image of the selected option.
• Compatible with WooCommerce High-Performance Order Storage (HPOS) and the Cart and Checkout blocks.

Third-party libraries

• Fabric.js 7.4.0 – MIT License – https://github.com/fabricjs/fabric.js (bundled in assets/vendor/fabric).