---
schema_version: "1"
id: 5561a05ab5e0d8aa9c74d7f1ca906537ebec6b6e736eb54d9f75fa2b555d51d2
title: Add Custom Lightning Web Components to an Omniscript (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_custom_lightning_web_components_to_an_omniscript.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_custom_lightning_web_components_to_an_omniscript.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ca7b34bc913427be94f7ef83595f23ca48a77c5111d2d5927c27f5f22ea19f9f
description: For the managed package runtime, after you create a custom Lightning web component for an Omniscript, apply the component’s new behavior by adding it to an Omniscript.
products:
  - Omnistudio
release: "264"
---
# Add Custom Lightning Web Components to an Omniscript (Managed Package)

For the managed package runtime, after you create a custom Lightning web component for an Omniscript, apply the component’s new behavior by adding it to an Omniscript.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

Use the custom component to override an individual Omniscript element’s component, override all Omniscript element components of one element type, or add an entirely custom component that doesn’t extend an element’s component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d28857e48">
            <p style="margin-bottom:0;">Mapping Option</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d28857e54">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Mapping Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e48 ">

          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e54 ">
            <p style="margin-bottom:0;">Override an individual element's LWC.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Mapping Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e48 ">

          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e54 ">
            <p style="margin-bottom:0;">Override the LWC for every element of a specific element type—for example,
              override the element Types Text or Currency.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Mapping Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e48 ">

          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d28857e54 ">
            <p style="margin-bottom:0;">Add custom LWCs that don’t extend an existing Omniscript element using the
              Custom LWC element.</p>
          </td>

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

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png)

Note

Before previewing an Omniscript that uses custom Lightning web components, you must activate the Omniscript. If the Omniscript isn’t active, custom Lightning web components don’t render in Preview. If you deploy changes to a custom Lightning web component embedded in an active Omniscript, the Omniscript displays the changes.

- **[Override an Element's Lightning Web Component (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_override_an_element_s_lightning_web_component.htm&release=264.0.0&type=5)**  
    For the managed package runtime, override an element's component using the element's LWC Component Override. The custom LWC must extend the element's component because Omniscript passes in properties specific to the original component that the custom component is overriding.
- **[Map an Element Type to a Custom Lightning Web Component (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_map_an_element_type_to_a_custom_lightning_web_component.htm&release=264.0.0&type=5)**  
    For the managed package runtime, override all elements of one type with a custom Lightning web component by mapping the element type to the Custom LWC. The custom Lightning web component must extend the element type's Lighting web component. For example, to override all of the Text elements in the Omniscript, the custom component must extend the OmniScriptText component.
- **[Add a Custom Lightning Web Component to a Custom LWC Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_custom_lightning_web_component_to_a_custom_lwc_element.htm&release=264.0.0&type=5)**  
    For the managed package runtime, add custom Lightning web components that don’t extend an Omniscript element's component by using the Custom LWC element.