Add a Flexcard to an Experience Cloud Page

After creating and activating your Flexcard, publish the generated component to an Experience Cloud page from the Experience Builder.

Note

Beginning Summer '22, add a standard Flexcard component to an Experience Cloud page. See Add a Flexcard to an Experience Builder Page.

Before You Begin

• Activate your Flexcard. See Activate a Flexcard.

1. To access the Experience Builder, see Navigate Experience Builder.
2. Click the lightning bolt icon to open the Components pane.
3. From the list of Custom Components in the Components pane, find the name of your generated Flexcard LWC and drag it to the canvas area.
   

   Important

   If you don't see your Flexcard, confirm that it is active and available to Experience Builder sites by selecting the appropriate Target. See Define Metadata Values from the Flexcard Designer.

4. To view record data on a Flexcard that uses the {recordId} context variable to pass the ContextId to a data source, enter {!recordId} in recordId. See Access the ContextId of a Flexcard on an Experience Site.
5. (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 Experience Builder. For example, if the attribute defined in the Flexcard is AccountRecordLimit, and the Label is Record Limit, look for Record Limit in the Experience Builder properties pane. See Create a Public Property for a Flexcard LWC in the Flexcard Designer.

   Beginning Summer '22, if you're adding a standard Flexcard to an Aura-based Experience Cloud page and need to define the value of a public property, use Exposed Attributes. See Add a Flexcard to an Experience Builder Page.

6. To preview, click Preview. See Preview Your Experience Builder Site.