The UI Composer lets you design the interface your shoppers use to personalize products. You control which panels, tools, and actions appear — and you can build more than one interface, so an apparel product and an engraved sign can each get a layout that fits.

Every product uses a default interface unless you assign it another one. You can edit that default, or create separate interfaces for different product lines.

Before you start

• Chamevo is installed and your license is active.
• Have at least one customizable product ready to test your changes. See create your first customizable product.
• Decide the goal: are you tweaking the default look for all products, or building a dedicated interface for one product line?

Open the UI Composer

1. In WordPress admin, open the Chamevo menu.
2. Click UI Composer.

You land on the User Interfaces list. A second tab, Shortcodes, holds a separate shortcode generator — that is covered in embed the product customizer on any WordPress page, not here.

Create or edit an interface

From the User Interfaces list you can:

• Edit default UI — change the baseline interface every product uses by default.
• New interface — build a separate interface. Give it a clear name like "Apparel Customizer".
• Duplicate — copy an existing interface as a starting point.
• Delete — remove an interface. Products assigned to it fall back to the default interface.

Use the search box to find an interface by name when the list grows.

Click Edit on any interface to open the editor. The editor has five tabs — Layout, Modules, Actions, Custom CSS, and Guided Tour — plus Reset and Save in the top-right corner.