# Cards from Table The Cards from Table node displays images from your data tables in a visually appealing card format. Cards are interactive elements that will be displayed in the touchpoint interface (web widget or kiosk) and that users can interact with (click on) during conversations. #### Setting up cards: 1. Select source data table 2. Choose image column 3. Select name/title column 4. Configure sorting options 5. Set up filtering if needed Example: ``` Data Table: Product catalog Image (to display on the card): Product photo Name (will be displayed on the card): Product name Filter settings: - Filter by: Product name - Condition: Equals - Match By: Context Variable - Variable: {{user.product}} (previously stored user selection) - Max records: 1 or more for multiple options, depends on the use case ```

Example of Cards from Table configuration

Consider filtering the results shown on cards based on user's previous inpur saved as variable:

Cards from Table: add filtering based on user's previous inpur saved as variable

#### Common use cases: * Product listings * Service options * Plan comparisons * Team member profiles * Location details * Event schedules #### How are cards displayed on the touchpoints: * Web

Cards on web widget (floating)

Cards on web widget (fullscreen)

* Kiosk
{% hint style="info" %} **Important considerations:** * Ensure data table is properly structured * Select relevant display fields * Configure visual elements carefully * Test card appearance across devices * Consider loading performance * Plan user interactions with cards {% endhint %}