---
schema_version: "1"
id: d57abae7b19bf83d8f8811f8cca3d8a06ece7f53b204a6b0b9dddf35d77258ed
title: Add your Omniscript to an Experience Page (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_your_omniscript_to_an_experience_page.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_your_omniscript_to_an_experience_page.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: cb608010d3eb49d03351e2e08f41acaf1a491d80b39d598c71c1a378d23bdb0b
description: For the managed package runtime, add your Omniscript to a Salesforce Experience page.
products:
  - Omnistudio
release: "264"
---
# Add your Omniscript to an Experience Page (Managed Package)

For the managed package runtime, add your Omniscript to a Salesforce Experience page.

![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).

1. In an Experience Builder, click on the **Components** tab.
    
    ![image](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/owc_community_components.png)
2. Search for the name of your Omniscript by entering the Omniscript's unique Type, SubType, and Language. Use the syntax **Type/SubType/Language** to search as the search does not ignore forward slashes.
    
    ![The name of an LWC OmniScript component as it appears in Community and Lightning component lists.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/component_name_os.png)
3. Drag the component into the Experience page.
4. (Optional) Apply Newport styling by entering **newport** into the layout field in the component's properties panel. Lightning styling is the default styling when the layout property is blank.
    
    ![Configuration fields for an LWC OmniScript component in a Community.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/community_lwc_os.png)
5. (Optional) Configure the inline options. See [Display Inline Omniscripts on Lightning and Community Pages (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_display_inline_omniscripts_on_lightning_and_community_pages.htm&release=264.0.0&type=5 "For the managed package runtime, enable LWC Omniscripts to run inline without leaving the context of a page. An inline Omniscript renders as a button that, when clicked, launches the Omniscript inline. The record id of a page passes into an inline Omniscript as a Context Id automatically. You can render more than one inline Omniscript on a page beginning in Vlocity Insurance and Health Summer '20 and CME Fall '20 .").
6. (Optional) Control how right-to-left languages display. Omniscript provides beta support for right-to-left languages. In the **dir** field, select whether the Omniscript displays ltr or rtl.Available beginning with Vlocity Insurance and Health and Vlocity CME Summer '20.
7. (Optional) Change the device view in the Experience Builder to Phone or Tablet to see how the Omniscript displays on a mobile or tablet device. Available beginning with Vlocity Insurance and Health and Vlocity CME Summer '20.