Product views and products
Support multiple products and multiple views per product, with thumbnails, starting view control and view-specific print boxes.
JavaScript, WordPress and WooCommerce ready
Build customizable products with a clean, fast visual editor.
Iza Product Designer lets customers personalize products with text, SVG artwork, uploaded images, shapes, colors, shadows, layers, multiple views, saved designs and production-ready exports.
Multi-view
Front, back and product variations with synchronized colors.
Print-ready
Preview, download, print and production export workflows.
JSON-driven
Products, modules, libraries and UI are easy to configure.
Build for your industry
Use the same designer foundation for apparel, paper products, merchandise, phone cases, and practically anything else you can imagine. Each product type can have its own views, print boxes, artwork libraries, colors and production export settings.
Industry example
Apparel
Iza Product Designer works well for apparel products such as t-shirts, hoodies, caps and bags. Build front/back views, editable SVG color areas, realistic PNG shading overlays and print boxes for screen printing, DTG, embroidery or sublimation workflows.
Industry example
Paper Products
Iza Product Designer can be used for paper-based products such as business cards, greeting cards, flyers, brochures, stickers, tags and packaging inserts. Use reusable templates, precise print boxes, editable colors and production export settings for clean web-to-print workflows.
Industry example
Merchandise
Create customizable merchandise such as mugs, bottles, phone cases, mouse pads, tote bags, notebooks, stickers and small packaging. Combine image uploads, artwork libraries, color presets and print-ready output for branded or personalized product lines.
Industry example
Phone Cases
Use Iza Product Designer for personalized phone cases with artwork uploads, color presets, SVG graphics, pattern layouts and accurate production exports. Build reusable case templates and let customers preview designs visually before ordering.
Main Features
The core editing tools are built for real product customization: customers work visually, while product owners keep control through JSON settings, permissions and export rules.
Text editing and templates
Add editable text, custom fonts, font weights, line height, letter spacing, stroke, shadows and curved text presets.
SVG and image coloring
Use fill colors, SVG multi-fill color control, image tinting, preset palettes and a consistent custom color picker.
Layers and permissions
Control visibility, locking, ordering, selection, deletion, duplication, reset behavior and layer-name editing.
Transforms and alignment
Scale, rotate, skew, flip, align, snap to center and constrain objects inside print boxes or custom masks.
Responsive UI
The modules bar, object toolbar, dialogs, preview windows and scrollbars adapt across desktop, tablet and phone layouts.
Modules and Libraries
Every major content source has its own module. Libraries are loaded from JSON files, so reusable product data stays separate from text, image, shape and artwork assets.
Products
Switch between complete product JSON files with their own views, assets and bounds.
Saved Designs
Save snapshots, dispatch events for backend storage and reload saved designs.
Add Text
Load reusable text templates with typography, price and editing permissions.
Add Images
Show reusable PNG, JPG and SVG items plus browser upload and drag/drop.
Artwork Library
Use categorized artwork, search, per-category removal rules and object defaults.
Complete Product Workflow Tutorial
Learn how to create and configure a customizable product, use it on a WordPress or WooCommerce page, complete an order, confirm the purchase and inspect the submitted design in the backend.
WordPress & WooCommerce Admin
The WooCommerce version adds the backend tools needed to build products, control the customer interface, manage customized orders and prepare files for production.
Products
Flexible product backend
Create products with multiple views, default elements, editable text, images, SVG artwork, upload areas and per-layer permissions.
Orders
Order management
Review customer designs from the order screen, inspect selected options and export files when fulfillment needs them.
Interface
Designer layout control
Adjust colors, sizing, module position, toolbar behavior and responsive layouts so the designer fits your product page.
Pricing
Dynamic price rules
Add charges for products, views, elements, text, images, artwork or options, then show the customer the updated total.
Customer Workflow
The interface follows the way buyers customize products: choose a base, add content, refine the design, preview it and export the result.
Choose a product
Use product thumbnails, view thumbnails and product-specific settings.
Add content
Insert text, images, shapes or categorized artwork from module libraries.
Edit precisely
Use object toolbars, sliders, inputs, rulers, snapping and keyboard shortcuts.
Export or save
Create previews, downloads, print files, product ZIP exports or saved designs.
Export, Print and Production
Normal downloads are made for customers. Production export is made for print or manufacturing, using the printing box, bleed, DPI and output unit settings.
Supported output formats
Preview downloads can include the current view or all product views. Production export focuses on print-ready output from the printable area.
Transparent image PNG
Flattened image JPG
Vector preview SVG
Document export PDF
Production controls
- Printing boxDefines the exact editable/exportable print area per view.
- Bleed and DPIControl extra edge area and raster output resolution.
- UnitsDisplay ruler and dimensions in px, mm, cm or inch while keeping product data predictable.
- Exclude rulesKeep overlays or product shading visible in the editor but out of production files.
Secondary Features
Small tools make the editor feel complete: shortcuts, undo and redo, editable bounds, fixed or floating toolbars, live dimensions, custom dialogs and API methods.
Public API
Use methods for preview, download, print, production export, product export, saved designs, view switching and destroy.
Configurable UI
Use grouped settings for the action bar, modules, dialogs, toolbar, preview, download, canvas and libraries.
JavaScript, WordPress and WooCommerce
The WordPress and WooCommerce interface is already planned around the same UI, while the JavaScript version can be integrated into any custom setup.
Start with the product viewer, then wire your own products.
Use the included shirt, cap, mug and phone products as references for views, print boxes, SVG color fills, image overlays, artwork libraries and production export settings.