Smart Product Designer allows your customers to design and personalize products before they buy. Upload images, add text, insert shapes and cliparts, generate QR codes and see exactly what they’re getting.
This doc explains how to set up a product for personalization and fulfill orders.
Step 1: Configure Your Product Designs
↑ Back to top- Navigate to the Smart Product Designer page from WordPress admin > Products > Smart Product Designer.
- Navigate to the Design Templates tab and click “Add New Design Template”
- Give the template a name (e.g. T-shirt Design, Mug Design).
- Add product sides click Add Side, give it a name (e.g. Front, Back), and upload a mockup image for that side.
- Repeat to add more sides if needed (e.g. Sleeve).
- Under Fonts tab, select or upload the fonts available to customers.
- Under the Shapes and Clip Arts tabs, add shapes and clipart for customers to use. Set an additional fee for each if needed using the Additional Fee field.
Step 2: Link Your Design to a Product
↑ Back to top- Go to Admin → Products and open the product you want to make customizable.
- Scroll to the Product Data panel and click the Product Designer tab.
- In the Choose product designer template dropdown, select the template you just created (e.g. T-shirt Design).
- Click Update.
The product is now configured and ready for customers to personalize.
What Customers See
↑ Back to top- On the product page, customers click the Design button (the button label can be customized via settings page).
- The designer page opens, showing the product along with all the tools you enabled.
- Customers can add text, upload photos, place cliparts, insert shapes, or generate a QR code.
- If multiple sides are configured, customers switch between them using side tabs (e.g. Front / Back).
- When done, customers click Add to Cart and proceed through the standard checkout flow.
- The cart and order confirmation show a thumbnail of the customer’s design so they know exactly what they ordered.
My Account — Past Designs
↑ Back to topCustomers can log in to My Account → Orders and see a preview of every design they’ve purchased, useful for repeat orders or placing a follow-up order with small changes.
Step 3: Fulfill Orders as an Admin
↑ Back to top- Go to WooCommerce → Orders and open the order.
- Click Print Design next to the product to download a print-ready PDF.
- Forward the PDF to your print supplier or print directly. No additional file preparation needed.
That’s it.
Tip: To change the design button label, designer page layout option, or other display options, go to WordPress Admin > WooCommerce > Settings, then click the Products tab and select Smart Product Designer from the sub-tabs links.
