Iza Product Designer

Iza Product Designer lets store owners create customizable products for WordPress and WooCommerce. Customers can add text, uploaded images, shapes and artwork, change supported colors, work across product views and save or order personalized designs.

The plugin includes a product manager, view designer, module libraries, WooCommerce product assignment, variation assignment, cart pricing support, saved designs and order tools for viewing and exporting customer designs.

Video Tutorial

Main features include:

• Visual product builder for WooCommerce products.
• Product views with editable layers and thumbnails.
• Text, image, shape and artwork libraries.
• SVG color editing and color presets.
• Printing box setup for real print areas.
• Rulers, snapping, zoom and fullscreen support.
• Preview download and production export.
• Saved designs for logged-in customers.
• WooCommerce cart, order and variation support.
• Product import and export.
• Responsive inline and lightbox display modes.
• Customizable action bar, module bar and object toolbar.

Getting Started

After activation, open the Product Manager and create your first Iza product. You can start from an included template or build a product manually.

A product is made from one or more views. Each view can include product images, SVG layers, shading overlays, text, shapes, artwork and a printing box. The printing box controls the editable print area and production export crop.

For WooCommerce products, use the product edit screen to enable Iza Product Designer and select the assigned Iza product. Variable products can assign different Iza products to individual variations.

Product Manager

The Product Manager is used to create, duplicate, edit, delete, import and export Iza products. Products can be created from templates such as shirt, cap, mug and phone, then adjusted for your own assets and print areas.

Each product stores its own settings, views and module data. This keeps every product independent and makes export/import easier.

View Designer

The View Designer is used to build the actual editable product view. It includes layer controls, canvas editing, printing box editing and element settings.

You can add images, SVGs, text, shapes and artwork to a view. Elements can be configured with permissions such as movable, resizable, rotatable, removable, duplicable, resetable, visible in layers and excluded from production export.

Printing Box

The printing box defines the editable and printable area for a view. It is positioned in canvas pixels, while the real print size is configured in millimeters using print width and print height.

Use the printing box to:

• Limit where customers can place content.
• Crop production exports to the real print area.
• Match the visual editor to the physical print size.
• Add bleed around the exported print file.

When editing the printing box, the ruler and input fields use pixels because the box is placed directly on the canvas.

Modules And Libraries

Iza Product Designer includes configurable content modules for text, images, shapes and artwork.

Each module can define templates, prices, permissions, color presets, thumbnails and item background colors. Items added from these modules keep their own settings after they are added to a view.

Artwork supports categories, so larger libraries can be organized into smaller groups.

Colors

The designer supports color presets for text, images, shapes, artwork and SVG product layers. SVG files can expose editable fills so customers can recolor supported areas from the frontend.

Color presets are not applied automatically as a tint unless configured by the item. They are available choices for the customer or administrator.

WooCommerce

The WooCommerce integration can display the designer inline or in a lightbox, replace the product image area, update totals, store customized data with the cart item and attach the final customization to the order.

Supported WooCommerce features include:

• Simple products.
• Variable products.
• Variation-specific Iza products.
• Cart price updates from added text, images, shapes and artwork.
• Saved customized product data after add to cart when enabled.
• Order view tools for administrators.

Orders

When a customer orders a customized product, the current product data is attached to the WooCommerce order item. In the order screen, administrators can open the ordered design, inspect the views and download preview or production files.

Production export is intended for print-ready output. It uses the printing box, print size, DPI and bleed settings.

Saved Designs

Saved designs allow logged-in customers to save their current customization and reload it later. Saving can be rate-limited to prevent repeated saves in a short time.

Saved designs are stored in the WordPress database and loaded by the designer when the Saved Designs module is enabled.

Shortcode

The shortcode can be used on normal pages, posts or page builders when WooCommerce product placement is not required.

Example:

[iza_product_designer products="Shirt"]

The shortcode renders the designer exactly where it is placed in the page content. If a shortcode is used, it controls that placement instead of relying on the metabox output.

Import And Export

Products can be exported as a package and imported again later. During import, assets can optionally be added to the WordPress Media Library when they are not already available.

This is useful for moving products between sites or starting new products from prepared templates.

Development

Developed and maintained by FutureWebDesign.

• Source code and build tools
• Distributed plugin uses a compiled build generated by Vite for optimal performance.