Iza Product Designer customize products visually
Home Standalone Demos WooCommerce Live Demo JavaScript Docs WP & Woo Docs Support
Buy JavaScript Buy WordPress & WooCommerce
Buy JavaScript Buy WordPress & WooCommerce
Flexible interface controls

Build the action bar and module bar around your workflow.

Choose which actions and modules are available, arrange their order, group actions into menus and place modules on the left or along the bottom. The four live examples below combine both module bar positions with floating and fixed object toolbars.

Configuration 01

Left modules and floating object toolbar

Direct action buttonsLeft module barFloating object toolbar
Full workspace
Configuration 02

Left modules and fixed object toolbar

File menuLeft module barFixed object toolbar
Fixed editing controls
Configuration 03

Bottom modules and fixed object toolbar

Reduced action setBottom module barFixed object toolbar
Minimal storefront
Configuration 04

Bottom modules and floating object toolbar

File and More menusBottom module barFloating object toolbar
Compact application

Show customers only what they need.

The interface can support a complete production workflow, a compact application menu or a focused storefront experience without changing the underlying products.

01

Choose controls

Add or remove actions and modules based on the tools required for each project.

02

Control order

The order in the configuration becomes the visual order presented to customers.

03

Group actions

Use direct buttons for frequent actions and menus for secondary file or export tasks.

04

Choose placement

Keep modules on the left or move them to the bottom to match the surrounding page.

Create an interface that matches your product.

Start with the complete controls, then remove or regroup anything customers do not need.

View All Demos Interface Documentation
© FWD. Iza Product Designer
JavaScript documentation WordPress / WooCommerce documentation Support