Examples for Flexcard Settings

Add a List of Filterable Products to the Lightning Page

1. Create a filter Flexcard that triggers an event.
2. Add an Apply button that triggers an event when a customer clicks it.
3. Create a product list Flexcard that shows product information, listens for the event, and executes an action.

   When a customer uses the filters on the page and clicks Apply, they trigger an action on the filter Flexcard that updates the product list Flexcard. The product list Flexcard then shows products that meet the filtering criteria.

Repeat Case Information

Access the Context ID of a Flexcard on an Experience Site

To get data from an Apex remote, an Omnistudio Data Mapper, or Integration Procedure data source, most Flexcards use a context ID represented by the {recordId} context variable in an input map. For a Flexcard to use the {recordId} context variable on an Experience Builder page, add a record ID property to the Flexcard, then configure the property on the Experience Builder page.

1. On the Flexcard, add an exposed attribute with these properties:

   Attribute

   RecordId

   Type

   String

   Targets

   lightningCommunity__Default

   Label

   Record ID

   Value

   {!recordId}

2. Save and activate your Flexcard.
3. After you add the Flexcard component to your Experience Builder page, enter {!recordId} in the Record Id field.