---
schema_version: "1"
id: 31cc2328c56b0cc3204567cfb141abb6f21ccfdf64effad6604aba9a67a2255f
title: Get Started with Flexcards (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_get_started_with_flexcards.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_get_started_with_flexcards.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2b1db3fb6e964452240d0c335b90385019465aca89a0d39820b1cb3f7dec53bd
description: For the managed package runtime, Flexcards provide a set of components for building UI components and applications on the Salesforce platform. Here are some key resources to help you navigate the Flexcard Designer and guide you through common tasks.
products:
  - Omnistudio
release: "264"
---
# Get Started with Flexcards (Managed Package)

For the managed package runtime, Flexcards provide a set of components for building UI components and applications on the Salesforce platform. Here are some key resources to help you navigate the Flexcard Designer and guide you through common tasks.

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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d115212e44">
            <p style="margin-bottom:0;">Required Versions</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d115212e44 ">
            <p style="margin-bottom:0;">Available beginning with Vlocity Insurance and Health Summer '20.</p>
          </td>

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

- Use a drag UI with WYSIWYG editing to build dynamic, context-aware user interfaces.
- Provide context to data sources, actions, and other components on your Flexcard with global and local context variables.
- Configure optional settings for your Flexcard in the Setup panel of the Flexcard Designer, such as updating a data source, creating an event listener, adding session variables, and more.
- Configure a data source on your Flexcard to retrieve data from a Salesforce object or an external database.
- Add elements such as actions, states, data fields, and more to build your Flexcard.
- Add an action to your Flexcard to launch or update an Omniscript, navigate to a web page or application, display a flyout, fire an event, and more.
- Configure the look and feel of your Flexcard by styling individual elements and entire states.
- Preview your Flexcard before publishing. Add test parameters. Use the Data JSON and Action Debugger panels to debug.
- Define metadata values and update the SVG resource for your generated LWC from the Flexcard Designer
- Review troubleshooting tips for Flexcards.