---
schema_version: "1"
id: cdd5abe819f3b28b20204eeaaa13276d0acb703eea50504dda35072415c8ef1d
title: Creating an LWC Card Layout (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_creating_an_lwc_card_layout.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_creating_an_lwc_card_layout.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 59add2966be96c5756eb52580491bac425ec20e18e58413820472390c29b8e67
description: For the managed package runtime, create an LWC card layout to enable Vlocity Lightning web components.
products:
  - Omnistudio
release: "264"
---
# Creating an LWC Card Layout (Managed Package)

For the managed package runtime, create an LWC card layout to enable Vlocity Lightning web components.

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

Beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model.

With Vlocity Lightning Web Components, use standard JavaScript and HTML to modify and extend Vlocity Cards, embed LWC Cards inside Omniscripts, and embed other Vlocity Lightning Web Components inside card states.

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

- **[Create a New LWC Card Layout (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_create_a_new_lwc_card_layout.htm&release=264.0.0&type=5)**  
    For the managed package runtime, to create a new LWC Card Layout:
- **[LWC Enable an Angular Card Layout (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_lwc_enable_an_angular_card_layout.htm&release=264.0.0&type=5)**  
    For the managed package runtime, allow an Angular card to work with Lightning web components.
- **[Remote Site URL Configuration (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_remote_site_config.htm&release=264.0.0&type=5)**  
    For the managed package runtime, ensure that you configured the remote site URL correctly.
- **[Lightning Web Component Settings Configuration (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_lwc_settings_config.htm&release=264.0.0&type=5)**  
    For the managed package runtime, ensure that you configured Lightning Web component settings correctly.