Add to Bag Action Application Steps

Defining the Action in UI Design

  1. Log in to the Kuika platform.
  2. Select your project from the Apps screen.
  3. Go to the UI Design module.
  4. Open the product listing or product details screen.
  5. Place an “Add to Bag” button on the product card or detail page.
  1. Select this button and add the + ADD ACTION → appropriate trigger (Initial Actions, OnClick, etc.) → BagAdd to Bag action from the Properties panel.

Configuring Action Parameters

  • Bag Key (Required – Symbol Picker): The ID of the bag to which the product will be added. This value can be entered as a fixed value or determined dynamically. For example: “default”, wishlistBagKey,
  • Bag Item (Required – Symbol Picker): Any object/list on the Kuika platform to be added to the bag. It is usually sent as a JSON object and contains the following information:
{‘id’: product.id,“name”: product.name,‘price’: product.price,‘quantity’: 1}

  • This structure is dynamically linked by taking data from data sources or form inputs.
  • The Bag Key and Bag Item parameters must be linked via Symbol Picker. It is recommended to use values specific to each user and instant values instead of fixed data.