---
schema_version: "1"
id: 85d32422721026a00d457e767ccd08fe4f678fe2c631b264a436ab15185ac15e
title: Add a Flexcard to a Lightning 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_a_flexcard_to_a_lightning_page.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_flexcard_to_a_lightning_page.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: af5682a38a37f6bcdb28fee256e1b01bb737e8ccbb048918e43f3af5aaac4eed
description: For the managed package runtime, after creating and activating your Flexcard, publish the generated component to a Lightning page from the Lightning App Builder.
products:
  - Omnistudio
release: "264"
---
# Add a Flexcard to a Lightning Page (Managed Package)

For the managed package runtime, after creating and activating your Flexcard, publish the generated component to a Lightning page from the Lightning App Builder.

Before you begin, activate your Flexcard. See

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

[Activate a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_activate_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, activate a Flexcard to generate an LWC and publish it to a Lightning page or Experience Builder site. After you activate a Flexcard, you can’t edit it or add elements to it.").

1. In your org, go to Setup > Lightning App Builder and click **Edit** for an existing Lightning app to open the Lightning App Builder. Or, on a Lightning record page, from the Setup menu, click **Edit Page**.
2. From the Components pane, find your generated Flexcard Lightning web component from the list of **Custom** components, and drag it to the canvas area.
    
    ![Important](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_important.png)
    
    Important
    
    If you don’t see your component listed, confirm that the appropriate Target is checked in Publish Options.
3. (Optional) Beginning Winter '22, if your Flexcard defines an attribute that creates a public property, set the public property value from the properties pane in the Lightning App Builder. For example, if the attribute defined in the Flexcard is `AccountRecordLimit`, and the **Label** is Record Limit, look for **Record Limit** in the Lightning App Builder properties pane. See [Create a Public Property for a Flexcard LWC in the Flexcard Designer (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_create_a_public_property_for_a_flexcard_lwc_in_the_flexcard_designer.htm&release=264.0.0&type=5 "For the managed package runtime, in the Flexcard Designer, define an attribute that creates a public property whose value is set in the Lighting App Builder and Experience Builder. Call the attribute within the Flexcard as a session variable ({Session.AttName}) where merge fields are supported, such as in a Text element and a data source parameter.").
4. (Optional) To modify the component's visibility by adding filters, set **Component Visibility**. See [Dynamic Lightning Pages](https://help.salesforce.com/articleView?id=lightning_page_components_visibility.htm&type=5&language=en_US).
5. To configure activation options, click **Activation**. See [Activate Your Lightning App Page](https://help.salesforce.com/articleView?id=lightning_page_getting_into_salesforce1.htm&type=5&language=en_US).