> For the complete documentation index, see [llms.txt](https://conusyntax.gitbook.io/products/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://conusyntax.gitbook.io/products/integration/customization-component.md).

# Customization Component

Open your Character Blueprint, click the **Add** button to add a new component, then search for and select **BP\_CustomizationComponent**.

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FDzkV1bYG7kqu4d2qsONb%2FIntegration%20-%20Customization%20Component.jpg?alt=media&amp;token=bd3fb57d-25fa-444d-8ca2-cad8ce3a4bd9" alt=""><figcaption></figcaption></figure>

In the **Components** of your Character Blueprint, select the specific component (such as a Skeletal Mesh, Static Mesh, or Groom Asset) you want to make customizable. Go to **Details** ➞ **Tags** and add a new entry to **Component Tags**.

{% hint style="warning" %}
When tagging your components, you must use the required **Slot\_** prefix followed by a unique **Name** for that slot (e.g., Slot\_Mesh, Slot\_Legs, Slot\_Hairstyle).
{% endhint %}

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FDvb8Jhb89KNAaVrANWFS%2FeRSk102.jpg?alt=media&amp;token=3577e5e4-f136-4887-a1a0-e3d9beeb7831" alt=""><figcaption></figcaption></figure>

Repeat this for each component you want to customize.

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2F88AAc95WMs012ECT6Xb3%2FIntegration%20-%20Character%20Component%20-%20Slots.png?alt=media&amp;token=599f325a-5e58-4c4c-b0e9-96eb8c1aba08" alt=""><figcaption></figcaption></figure>

That being said, if you prefer a different naming convention, you can easily modify the required prefix. Select **BP\_CustomizationComponent**, then go to **Details** ➞ **Customization Component** ➞ **Component Tag Prefix** and type your desired prefix into the field, ensuring it ends with an underscore to act as a delimiter (e.g., Customizable\_).

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FW6BBxAzioQ885c0CvwK8%2FeRSk103.jpg?alt=media&amp;token=9c491e97-bf4f-4b57-9dfb-30bcbee85650" alt=""><figcaption></figcaption></figure>

Components that use the prefix are identified by the Customization Component. At runtime, the prefix is automatically stripped, leaving the remaining name to serve as the Slot's internal identifier.

#### Summary of Workflow

* **Add** the component to your Character.
* **Tag** each mesh or groom with **Slot\_** + **Name**.
* **Match** these names in your UI widgets (like the **Slot Name** array in [WBP\_GenericButton](https://conusyntax.gitbook.io/products/integration/pages/XHAmUzIMt5NsLflbPT3W#id-3.-setup-in-the-designer)) to create a functional link.

#### Quick Check

If a button in your UI isn't updating the Character, verify that the **Slot Name** you typed in the UI widget (e.g., Torso) exactly matches the name you added after the prefix in the **Component Tags** (e.g., Slot\_Torso).
