Start with your product
Prepare product views, text, images and colors in WordPress. Use a 2D mockup or a compatible 3D model; each configuration can serve more than one catalog product.
Create your first 2D productWordPress + WooCommerce
Personalize WooCommerce products, from design to order
Let shoppers add text, images and colors to your products in a 2D or 3D editor. AsukaDesigner (Asuka Product Designer) connects their design to the WooCommerce product, cart and order, so your team can prepare production from the saved customization.
01 / The customer experience
See the design on the product before adding it to the cart.
This screenshot shows the working WooCommerce demo: a customer applies a motif to a T-shirt in the editor. Open the demo to try personalization yourself. The available tools depend on the product configuration and enabled features.
Native WooCommerce workflow
One product configuration. A connected customer journey.
For personalized apparel, printed gifts and other products: configure the experience once, then reuse it across the relevant products in your catalog.
Keep your WooCommerce catalog
Link the custom product to a simple WooCommerce product or map its variations. Customers start the editor from your product page and add the result to the cart.
Link a WooCommerce productFind the design with the order
The saved design reference and generated preview follow the cart item into the order. Your team can reopen the customization and inspect its production information.
Follow an order into productionBegin free. Add premium tools when needed.
The WordPress.org plugin includes the core 2D and 3D editor without a paid key. Starter adds drawing areas; Pro and Agency add advanced pricing and export capabilities through the commercial addon. Check each plan for included features and limits.
Understand licenses and permissions
02 / The merchant experience
The same design, ready to review with the order.
The demo order shows the personalized T-shirt inside its production pack, with its saved customization, preview, workshop notes and production status. Use this information to review the job before manufacturing. Advanced export formats and capabilities depend on your plan; compare them before choosing your production workflow.
Setup
From plugin installation to the first customizable product
Test a complete customer journey on your shop before opening personalization to your customers.
Install the plugin
Install the free Asuka Product Designer plugin from WordPress.org. Activate WooCommerce for the native shop integration. A portal license is only needed for a paid plan.
Follow the installation guidePrepare a first 2D product
Choose a product mockup, prepare its views and enable the editing tools your customers need. Start with a simple configuration you can test from end to end.
Configure a 2D productConnect products and variations
Assign the configuration to a WooCommerce product. If the product has variations, map their visual changes and check each selection in the storefront.
Map WooCommerce variationsCheck a test order
Create a design, add it to the cart and place a test order. Check the saved preview, design reference and production files available with your configuration and plan.
Verify production filesTry the free plugin. Choose premium tools for your workflow.
Keep the free WordPress.org plugin as your foundation. Compare Starter, Pro and Agency for premium drawing areas, pricing and export capabilities, with the limits shown for each plan.