# Manage chat group member attributes (/en/realtime-media/im/build/build-groups-rooms-and-threads/chat-group/manage-group-member-attributes/web)

> For AI agents: see the complete documentation index at [llms.txt](/llms.txt).

Chat groups enable real-time messaging among multiple users.

    This page shows how to use the Agora Chat SDK to manage the attributes of the members of a chat group in your app.

    ## Understand the tech [#understand-the-tech-5]

    The Chat SDK provides the `GroupManager` and `Group` classes for chat group management, which allows you to implement the following features:

    * Set custom attributes of a group member via key and value items.
    * Fetch group member custom attributes.
    * Listen for attribute changes of a group member.

    ## Prerequisites [#prerequisites-5]

    Before proceeding, ensure that you meet the following requirements:

    * You have initialized the Chat SDK. For details, [SDK quickstart](../../../get-started-sdk).
    * You understand the call frequency limits of the Chat APIs supported by different pricing plans as described in [Limitations](../../limitations).
    * You understand the number of chat groups and chat group members supported by different pricing plans as described in [Pricing Plan Details](../../../reference/pricing-plan-details).

    ## Implementation [#implementation-5]

    This section describes how to call the APIs provided by the Chat SDK to implement chat group features.

    ### Set custom attributes of a group member via key and value items [#set-custom-attributes-of-a-group-member-via-key-and-value-items-5]

    Each chat group member can set their own attributes. Chat group admins/owners can also modify all members' attributes. Each custom attribute should be in key-value format.

    Refer to the following sample code to set a custom attribute of a group member:

    ```javascript
    const options = {
      groupId: "groupId",
      userId: "userId",
      memberAttributes: {
        key: "value",
      },
    };

    chatClient
      .setGroupMemberAttributes(options)
      .then((res) => {
        console.log(res);
      })
      .catch((e) => {
        console.log(e);
      });
    ```

    ### Fetch group member custom attributes [#fetch-group-member-custom-attributes-5]

    Chat group members and group admins/owners can retrieve custom attributes of multiple group members by attribute key.

    Refer to the following sample code to use the attribute key to fetch custom attributes of multiple group members:

    ```javascript
    const options = {
      groupId: "groupId",
      userId: "userId",
    };

    chatClient
      .getGroupMemberAttributes(options)
      .then((res) => {
        console.log(res);
      })
      .catch((e) => {
        console.log(e);
      });
    ```

    ### Listen for attribute changes of a group member [#listen-for-attribute-changes-of-a-group-member-5]

    `GroupEvent` class holds callbacks that can be used to monitor the change of any key-value items. When such a change occurs, a `memberAttributesUpdate` callback will notify the Client SDK by returning chat group ID, UID, and key-value pairs of the changes.

    ```javascript
    case "memberAttributesUpdate":
        break;
    ```