---
schema_version: "1"
id: fe66aca4a47811412e1a60d498822a2637b5f5da7b6e800de283fa1ad5b49365
title: Customize Your UI with Lightning Web Components
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/messaging_lightning_web_components.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.messaging_lightning_web_components.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ade2eeb13eaa606936d81edcc007ffdfe6db00997ecee30d25ac67e8c9934763
description: To update the look and feel of your customer-facing messaging interface, create and add Lightning Web Components.
products:
  - Service Cloud
  - Digital Engagement
release: "264"
---
# Customize Your UI with Lightning Web Components

To update the look and feel of your customer-facing messaging interface, create and add Lightning Web Components.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.messaging_editions.htm&amp;type=5&amp;language=en_US" target="_blank">View supported editions.</a></td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <a name="messaging_lightning_web_components__d777e335"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="messaging_lightning_web_components__d777e335" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_channels-264-0-0-production-enus/f3c4b3d2-ff86-4f7c-9fe2-3d8b23d35109/resources-global/_corporate/images/checkmark.png" alt="Checkmark"></span>
              <strong>This article applies to:</strong>
            </td>

            <td class="slds-cell-wrap" style="vertical-align:top;">Enhanced In-App Chat and Enhanced Web Chat channels</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_channels-264-0-0-production-enus/f3c4b3d2-ff86-4f7c-9fe2-3d8b23d35109/resources-global/_corporate/images/crossmark.png" alt="X icon"></span>
              <strong>This article doesn’t apply to:</strong>
            </td>

            <td class="slds-cell-wrap" style="vertical-align:top;">Enhanced WhatsApp, Enhanced Facebook Messenger, Standard and Enhanced SMS,
              Enhanced Apple Messages for Business, Enhanced LINE, and Bring Your Own
              Channel</td>

          </tr>
        </tbody>
      </table>

1. [Create a Lightning web component](https://developer.salesforce.com/docs/service/messaging-web/guide/custom-ui-component.html).
2. From Setup, Enter Embedded Service Deployments, and select **Embedded Service Deployments**.
3. Click the downward arrow to the right of your deployment, and select **View**.
4. Click **Add Custom UI Components**.
5. Select a component from the Custom Component dropdown that corresponds with the desired standard UI element.
6. Save your changes.
7. Publish your deployment.