> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Widget

Customize the Composer widget's name, category, and icon shown inside the Elementor editor.


The Widget tab controls how the Composer widget appears inside the Elementor editor. Rename the widget, change the category it belongs to, and replace its icon so clients see your branded widget name when they search the Elementor panel.

### Opening Widget

Go to **UiChemy → White Label** and click the **Widget** tab.

<Callout kind="warning">
Make sure the **Enable white label** master switch at the top of the page is turned on for your changes to appear.
</Callout>

### Live Preview

A **Live Preview** panel on the right shows the widget tile as it appears in Elementor's Elements panel, alongside the stock Heading and Image tiles for context, with your custom name and icon applied. It's captioned "How the widget appears in Elementor".

### Fields

<ExpandableGroup>
  <Expandable title="Widget name (Default: Composer)" default-open="false">
    The label in the Elementor Elements panel and the "Edit ..." header (for example, "Edit Composer" becomes "Edit [your name]").

    <Callout kind="tip">
    **Example:** Studio Widget
    </Callout>
  </Expandable>

  <Expandable title="Widget category (Default: UiChemy)" default-open="false">
    The category heading in the Elementor Elements panel. When a user browses widgets by category, your widget appears under this heading.

    <Callout kind="tip">
    **Example:** Studio Tools
    </Callout>
  </Expandable>

  <Expandable title="Widget icon" default-open="false">
    Pick from the WordPress Dashicons library, or keep the default.

    - Search for an icon by name using the **Search icons...** field, the grid updates as you type.
    - Browse the full Dashicons icon grid and click any icon to select it.
    - Click **Default** to revert to the original widget icon.

    The selected icon appears on the widget tile in the Elementor panel live preview on the right.
  </Expandable>
</ExpandableGroup>

### Saving Changes

Click **Save changes** at the bottom right of the page.

<Callout kind="tip">
Choose an icon that fits your brand's style, and check it in the Live Preview panel to make sure it reads clearly at tile size.
</Callout>

### Related

<Columns cols={2}>
  <Card title="White Label Overview" href="/uichemy-plugin/white-label/overview">
    See everything White Label can rebrand, not just the widget.
  </Card>
  <Card title="Plugins Screen" href="/uichemy-plugin/white-label/plugins-screen">
    Keep the rebrand consistent on the Plugins list too.
  </Card>
  <Card title="Advanced" href="/uichemy-plugin/white-label/advanced">
    Go further with custom branding controls.
  </Card>
</Columns>