---
schema_version: "1"
id: 9d896620e16795c0adf45472126caec2ea8dfce6e9d3c6cfc41d4786a2cfb002
title: User Interface Customization
collection: legacydeveloper
version: current
locale: en-us
portal_url: https://docs.salesforce.com/legacydeveloper/current/en-us/retail_api/tpm_ui_customization.md
canonical_url: https://developer.salesforce.com/docs/atlas.en-us.retail_api.meta/retail_api/tpm_ui_customization.htm
source_site: developer.salesforce.com
content_type: documentation
content_hash: 6711fedc53478cc6e0623eda2f5060932365af98f31ba1d646a830080db5e1b2
description: This section provides information on how to customize the TPM user interface.
---
# User Interface Customization

This section provides information on how to customize the TPM user interface.

- **[UI Customization](https://developer.salesforce.com/docs/atlas.en-us.retail_api.meta/retail_api/ui_customization.htm)**  
    All managed packages provided UI components are replaceable by custom implementations if the default requirements are not suited for your implementation.
- **[APEX Configuration](https://developer.salesforce.com/docs/atlas.en-us.retail_api.meta/retail_api/apex_setup.htm)**  
    In order to customize the Promotion Save process in APEX layer, you must introduce a callable APEX class as a customization hook.
- **[LWC Configuration](https://developer.salesforce.com/docs/atlas.en-us.retail_api.meta/retail_api/lwc_setup.htm)**  
    In order to access the TPM promotion data in LWC layer, the tpm-promotion service component is used. Use the tpm-promotion component to hook into the promotion state and be able to extract data from the promotion (through events) and push new data to the promotion (through methods).
- **[Apex Save Process Customization](https://developer.salesforce.com/docs/atlas.en-us.retail_api.meta/retail_api/apex_save_customization.htm)**  
    This section provides information on the different workflow process to customize the save process using APEX calls.