Live editor on product page
A "Customize Design" button opens a full
design studio on your website product page.
Customers see exactly what they will get.
- All products
- Personalized Print Product Builder | Web-to-Print Product design studio | Custom Product print designer
- All products
Personalized print
product builder
This app lets customers design their own products directly on your
website. They add text, images, shapes, and more on a live canvas,
and you receive the print-ready design right inside the sales order.
It is useful for businesses that print on t-shirts, mugs, phone covers,
mobile skins, bags, cards, and any other custom product. No external
design tool is needed; everything happens inside our app.
Live design canvas
Add text, images & more
Print-ready design
Auto in sales order
Features
Exact print area control
Define the product size and the printable area in millimeters, with a visual area selector. Customers can only design inside the allowed zone.
Per-variant designs
Each size or color variant can have its own base image and print area. The editor switches automatically when the customer changes the variant.
Designs on sales orders
Every customer design is saved on the sale order line. Your team can view it in a popup and download print-ready files in one click.
Templates & saved images
Customers save designs as reusable templates and keep an image library. Admins can also create public starting templates from the backend.
You control the editor
Show or hide editor tabs (Text, Images, Shapes, Draw, QR Code) and set how many templates/images each customer can save.
Inside the editor
A complete design studio, and it opens right on the product page instead of sending the customer somewhere else.
Backend - Setup & Management
Configure Product
Enable "Personalized" on the product and set the print area in the Print to Web tab.
Print to web
-
This happens in the Print to Web tab on the product. Each line in this tab is one print zone, and each zone
becomes one design side in the editor. So a t-shirt with a front and a back print simply gets two lines. - Open the Print to Web tab and add a line.
- Name it. Front, Back, whatever makes sense for the product.
- Upload the base image. This is the photo of the blank product that customers will design on.
- Fill in the height and width of the product surface, in millimeters.
Customer designs
- The customer clicks Customize Design and creates their design on the live canvas.
Added to cart
- The design is attached to the cart line and follows the order to checkout.
You print it
- Open the sale order, view the design, and download print-ready files.
Configuration
-
From the configuration menu you can select which design tools will be visible to the users just by
unchecking the box.
Need Help ?
You can instantly find the answer you need here when
you're looking for a quick solution.
No. Anyone can open the editor and add a design to the cart. An account is only needed to save templates and images for later reuse.
Yes. You can add a print configuration per variant. The editor automatically loads the correct base image and print area when the customer switches the variant.
Yes. Add multiple print configurations (e.g. Front and Back). The customer designs each side, and you can download all sides together as one ZIP file.
Yes. Every editor tab and the advanced text options can be turned on or off from the module settings.
Yes, I do provide free support for 90 days for any queries or any bug/issue fixing.
In case of if any bug raised in the listed features of this module, I am committed to providing support free of cost. You will need to provide me server ssh access or database access in order to solve the issue.
Changelog(s)
Each update brings improvements to make the
app work better for you.
Recommended Apps
