cometchat · ketanyekale · Aug 24, 2026 · Aug 22, 2026
diff --git a/fundamentals/avatars.mdx b/fundamentals/avatars.mdx
@@ -20,7 +20,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Avatars extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Avatars**.
 
 ## How does it work?
 
@@ -61,11 +61,11 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;
 JSONObject body=new JSONObject();

 // bytes refer to the selected image bytes
 String imageString = Base64.encodeToString(bytes, Base64.NO_WRAP);

 // The image type can image/jpg, image/png, etc.
 // based on the image file under consideration.

diff --git a/fundamentals/bitly.mdx b/fundamentals/bitly.mdx
@@ -1,9 +1,9 @@
 ---
 title: "Bitly"
 description: "Shorten long links in CometChat text messages with Bitly by configuring an access token, group GUID, and extension call."
 ---

 *Learn how to minify the long website links in your text messages using Bitly.*

 ## Before you begin

@@ -12,14 +12,14 @@
 3. Click on Settings and in the left navigation pane, select API.
 4. Click on Generate Token to create a new Access Token.
 5. Using the above Access Token, fetch the GUID for your group using their [Get Groups API](https://dev.bitly.com/api-reference#getGroups).
 6. The Access Token and Bitly Group's GUID are required in extension settings.

 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Bitly extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Bitly** under **Extensions**.
 3. Open the settings for this extension.
 4. Enter your Bitly Access Token and Group's GUID.
 5. Save your settings.

 ## How does it work?
@@ -45,12 +45,12 @@
 <Tab title="Java">
 ```java
 String URL = "/v1/shorten";
 JSONObject body=new JSONObject();

 body.put("text", "Your message with URL https://yourdomain.com/very/very/long/url");

 CometChat.callExtension("url-shortener-bitly", "POST", URL, body,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // minifiedText from the extension

diff --git a/fundamentals/chatwoot.mdx b/fundamentals/chatwoot.mdx
@@ -1,9 +1,9 @@
 ---
 title: "Chatwoot"
 description: "Connect Chatwoot with CometChat to route customer support conversations through your chat experience using access tokens and inbox IDs."
 ---

 The Chatwoot extension makes customer support seamless for your users. Instead of having two interfaces- one for chat between users and one for chat with your support team, you can use CometChat as a front-end for your customer support use case as well!

 <Frame>
  <img src="/images/555c497f-hou0795h82wqx8nuao1gvuhj8voozcv5194qj2axb54bd7k3xugudpga1xb4z180-446cdb35aa82249ba3c30cf2735896a7.jpg" />
@@ -11,15 +11,15 @@

 ## Before you begin

 1. You may have an existing account created with Chatwoot. If not, sign up with [Chatwoot](https://app.chatwoot.com/app/auth/signup).

 2. Do the following mandatory setup on Chatwoot:

   1. To add Agent(s): [Click here](https://www.chatwoot.com/docs/user-guide/add-agent-settings)
   2. To create a Channel and Inbox: [Click here](https://www.chatwoot.com/docs/product/channels/api/create-channel)
   3. Only mention the name of the channel for now. The webhook URL can be skipped.

 3. Get your Chatwoot Access token:

   1. Once you have logged in, click on your avatar in the bottom left corner.
   2. Scroll to the bottom of the Account settings section that opens up.
@@ -30,7 +30,7 @@
   1. Once you have logged in, click on the Settings icon in the left bar.
   2. Click on the "Inboxes" in the navigation.
   3. Click on the Inbox that you want to set up for the CometChat support.
   4. Copy the Inbox ID from the URL. For eg, if the URL is: `https://app.chatwoot.com/app/accounts/123/settings/inboxes/12128` then the Inbox ID is `12128.`

 5. Get the Account ID:

@@ -57,15 +57,15 @@
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
 
-2. Go to the Extensions section and enable the Chatwoot extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Chatwoot** under **Extensions**.
 
 3. Open the Settings for this extension.
 
 4. Enter the following details about your Chatwoot account (copied earlier):

   1. Chatwoot Access token
   2. Chatwoot Account ID
   3. Chatwoot Inbox ID

 5. Enter the user's UID on CometChat who's going to be the Customer Support contact.

@@ -75,7 +75,7 @@
  <img src="/images/1d9406ad-poi305w548f8iby8n7b5a2bstoibjp9pxippeq8oqygdesa82berqmj8ny7rj5dj-8a6c0e0a1002a0a810c2ea795dd863ef.png" />
 </Frame>

 #### On Chatwoot Dashboard

 1. Go to the Settings and the Inboxes section.
 2. Click on the settings icon for the inbox in use.
@@ -88,6 +88,6 @@
 ## How does it work?

 * The end users of your app can send queries to the Customer Support user that you have set in the extension's settings.
 * These queries will be forwarded to the configured Chatwoot inbox.
 * When an agent replies to the queries, those will be sent over to CometChat and received by your end user.
 * With this, your end users can communicate with each other as well as your Customer support team using the same Chat interface.
diff --git a/fundamentals/collaborative-document.mdx b/fundamentals/collaborative-document.mdx
@@ -8,7 +8,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Collaborative Document extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Collaborative document** under **Extensions**.
 
 ## How does it work?
 
@@ -21,7 +21,7 @@

 You can initiate the session in either one-on-one chat or a group chat. The session can be shared by simply submitting the `receiver` (uid/guid) and `receiverType` (user/group).

 This extension uses the `callExtension` method provided by our SDKs.

 <Tabs>
 <Tab title="JavaScript">
@@ -40,7 +40,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("receiverType", "user/group");
@@ -179,7 +179,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {

@@ -216,10 +216,10 @@
 4. Strikethrough
 5. Numbered list
 6. Bulleted list
 7. Indent and Outdent

 You can export your document as:

 1. Etherpad
 2. HTML
 3. Plain text
diff --git a/fundamentals/collaborative-whiteboard.mdx b/fundamentals/collaborative-whiteboard.mdx
@@ -8,7 +8,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Collaborative Whiteboard extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Collaborative whiteboard** under **Extensions**.
 
 ## How does it work?
 
@@ -21,7 +21,7 @@

 You can initiate a whiteboard in either one-on-one chat or a group chat. The session can be shared by simply submitting the `receiver` (uid/guid) and `receiverType` (user/group).

 This extension uses the `callExtension` method provided by our SDKs.

 <Tabs>
 <Tab title="JavaScript">
@@ -58,7 +58,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("receiverType", "user/group");
@@ -67,7 +67,7 @@
 CometChat.callExtension("whiteboard", "POST", "/v1/create", body,
 	new CometChat.CallbackListener<JSONObject>() {
    @Override
    public void onSuccess(JSONObject responseObject) {
        // The whiteboard link to join as an initiator.
    }

@@ -99,7 +99,7 @@
    };
    CometChat.callExtension("whiteboard", "POST", "/v1/create", body, onSuccess: (map) {

    }, onError: (e) {

  });
 ```
@@ -125,7 +125,7 @@

 By default, the unread count is not incremented for Custom Messages.

 Hence, the `metadata`contains `incrementUnreadCount` with value as `true`. Use this for incrementing the unread count every time a Collaborative whiteboard's custom message is received.

 ### Append username to the Whiteboard URL

@@ -172,7 +172,7 @@

 <Tab title="Java">
 ```java
 User user = CometChat.getLoggedInUser();
 if (user != null) {
    String username = user.getName().replace(" ", "_");
    String boardUrl = "your_board_url_here"; // replace with your actual URL
@@ -296,7 +296,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {


diff --git a/fundamentals/disappearing-messages.mdx b/fundamentals/disappearing-messages.mdx
@@ -10,7 +10,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Disappearing messages extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Disappearing messages** under **Extensions**.
 
 ## How does it work?
 
@@ -57,7 +57,7 @@
 CometChat.callExtension("disappearing-messages", "DELETE", "/v1/disappear", body,
 	new CometChat.CallbackListener<JSONObject>() {
    @Override
    public void onSuccess(JSONObject responseObject) {
        // Will disappear successfully.
    }


diff --git a/fundamentals/email-replies.mdx b/fundamentals/email-replies.mdx
@@ -67,13 +67,13 @@

 Before saving the Inbound Host and URL:

 1. Uncheck **Spam Check** checkbox.
 2. Uncheck **Send Raw** checkbox.

 ## Extension Settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Email replies extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Email replies**.
 3. Open up the settings page for this extension.
 4. Select *Email replies* option and enter the sender Email ID.
 5. Save your settings.

diff --git a/fundamentals/end-to-end-encryption.mdx b/fundamentals/end-to-end-encryption.mdx
@@ -43,7 +43,7 @@
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
 
-2. Go to the Extensions section and enable the End-to-end encryption extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **End-to-end encryption**.
 
 3. Open the Settings for this extension and save the following:
 
@@ -84,9 +84,9 @@
 <Tab title="Java">
 ```java
 CometChat.callExtension("e2ee", "GET", "/v1/virgil-jwt", null,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // virgilToken, identity
    }
    @Override
@@ -119,9 +119,9 @@
 <Tabs>
 <Tab title="JavaScript">
 ```js
 const uids = ['cometchat-uid-1'];
 const guids = ['cometchat-guid-1', 'anothergroup'];
 CometChat.callExtension('e2ee', 'POST', '/v1/get-identities', { uids, guids })
  .then(response => {
   // userIdentities and groupIdentities are array of objects.
   // Each object has (g)uid as the key and the identity as its value.
@@ -139,11 +139,11 @@
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 JSONArray uids = new JSONArray();
 JSONArray guids = new JSONArray();

 uids.add("cometchat-uid-1");
 guids.add("cometchat-guid-1", "anothergroup");

 body.put(uids);
 body.put(guids);

diff --git a/fundamentals/giphy.mdx b/fundamentals/giphy.mdx
@@ -1,9 +1,9 @@
 ---
 title: "Giphy"
 description: "Add Giphy GIFs to CometChat conversations with trending GIFs, search results, API keys, and extension calls."
 ---

 GIFs are a great way to change the tone or convey emotions in your conversations. Here's a guide which helps to implement Gifphy in an easy and quick way. Let's get started!

 ## Before you begin

@@ -15,8 +15,8 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Giphy extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Giphy** under **Extensions**.
 3. Click on the settings button and enter your Giphy API key and hit save.
 
 ## How does it work?

@@ -27,7 +27,7 @@

 ### Get Trending GIFs

 To list and show the most trending GIFs on Giphy, all you have to do is include the following parameters in your request.

 | key    | Value  | Description                                                                                                    |
 | ------ | ------ | -------------------------------------------------------------------------------------------------------------- |
@@ -56,9 +56,9 @@
 String URL = "/v1/trending?offset=1&limit=15";

 CometChat.callExtension("gifs-giphy", "GET", URL, null,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // GIFs data from Giphy
    }
    @Override

diff --git a/fundamentals/intercom.mdx b/fundamentals/intercom.mdx
@@ -24,7 +24,7 @@

 <Note>

 The integration works with Intercom API Verion `2.3 (2020-11-12)`. If there's a version mismatch, the extension won't work.

 </Note>

@@ -34,7 +34,7 @@
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
 
-2. Go to the Extensions section and enable the Intercom extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Intercom** under **Extensions**.
 
 3. Open the Settings for this extension.
 

diff --git a/fundamentals/link-preview.mdx b/fundamentals/link-preview.mdx
@@ -10,7 +10,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Link Preview extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Link Preview** under **Extensions**.
 
 ## How does it work?
 
@@ -92,7 +92,7 @@

 <Tab title="Java">
 ```java
 JSONObject metadata = message.getMetadata();
        if (metadata != null) {
        JSONObject injectedObject = metadata.getJSONObject("@injected");
        if (injectedObject != null && injectedObject.has("extensions")) {
@@ -100,7 +100,7 @@
        if (extensionsObject != null && extensionsObject.has("link-preview")){

         JSONObject linkObject = extensionsObject.getJSONObject("link-preview");
         JSONArray linkArray= linkObject.getJSONArray("links");
         JSONObject linkPreviewObject=linkArray.getJSONObject(0);
          if (linkPreviewObject.has("description"))
         String description = linkPreviewObject.getString("description");
@@ -153,7 +153,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage

 if let metaData = textMessage.metaData , let injected = metaData["@injected"] as? [String : Any], let cometChatExtension =  injected["extensions"] as? [String : Any], let linkPreviewDictionary = cometChatExtension["link-preview"] as? [String : Any], let linkArray = linkPreviewDictionary["links"] as? [[String: Any]] {


diff --git a/fundamentals/mentions.mdx b/fundamentals/mentions.mdx
@@ -16,7 +16,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Mentions extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Mentions** under **Core**.
 
 ## How does it work?
 
@@ -59,7 +59,7 @@
 String URL = "/v1/fetch";

 CometChat.callExtension("mentions", "GET", URL, null,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // {messages: []}

diff --git a/fundamentals/message-shortcuts.mdx b/fundamentals/message-shortcuts.mdx
@@ -14,7 +14,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Message shortcuts extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Message shortcuts** under **Extensions**.
 3. Open the settings for this extension.
 4. You should a list of Global Message shortcuts.
 5. Edit the existing shortcuts or add new ones.
@@ -57,7 +57,7 @@
 CometChat.callExtension("message-shortcuts", "GET", "/v1/fetch", null,
    new CometChat.CallbackListener<JSONObject>() {
    @Override
    public void onSuccess(JSONObject responseObject) {
        // Shortcuts received here.
    }

@@ -111,13 +111,13 @@
 <Tabs>
 <Tab title="JavaScript">
 ```js
 const finalList = {
  shortcuts: {
    "!hbd":"Happy birthday! Have fun!"
  }
 };

 CometChat.callExtension('message-shortcuts', 'POST', 'v1/update', finalList)
 .then(response => {
 	 // Updated successfully.
 })
@@ -157,11 +157,11 @@

 <Tab title="Swift">
 ```swift
 let finalList = ["shortcuts": ["!hbd": "Happy Birthday!" ,
            "!cu" : "See you later.",
            "!ty", "Hey! Thanks a lot! :blush:",
            "!wc", "You're welcome!"]]
 CometChat.callExtension(slug: "message-shortcuts", type: .post, endPoint: "v1/update", body: finalList, onSuccess: { (response) in
 	// Updated successfully.
 }) { (error) in
 	// Error occured

diff --git a/fundamentals/message-translation.mdx b/fundamentals/message-translation.mdx
@@ -8,7 +8,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Message Translation extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Message Translation** under **Extensions**.
 
 ## How does it work?
 
@@ -20,87 +20,87 @@

 | Language              | Language code |
 | --------------------- | ------------- |
 | Afrikaans             | af            |
 | Albanian              | sq            |
 | Amharic               | am            |
 | Arabic                | ar            |
 | Armenian              | hy            |
 | Azerbaijani           | az            |
 | Bengali               | bn            |
 | Bosnian               | bs            |
 | Bulgarian             | bg            |
 | Catalan               | ca            |
 | Chinese (Simplified)  | zh            |
 | Chinese (Traditional) | zh-TW         |
 | Croatian              | hr            |
 | Czech                 | cs            |
 | Danish                | da            |
 | Dari                  | fa-AF         |
 | Dutch                 | nl            |
 | English               | en            |
 | Estonian              | et            |
 | Farsi (Persian)       | fa            |
 | Filipino, Tagalog     | tl            |
 | Finnish               | fi            |
 | French                | fr            |
 | French (Canada)       | fr-CA         |
 | Georgian              | ka            |
 | German                | de            |
 | Greek                 | el            |
 | Gujarati              | gu            |
 | Haitian Creole        | ht            |
 | Hausa                 | ha            |
 | Hebrew                | he            |
 | Hindi                 | hi            |
 | Hungarian             | hu            |
 | Icelandic             | is            |
 | Indonesian            | id            |
 | Irish                 | ga            |
 | Italian               | it            |
 | Japanese              | ja            |
 | Kannada               | kn            |
 | Kazakh                | kk            |
 | Korean                | ko            |
 | Latvian               | lv            |
 | Lithuanian            | lt            |
 | Macedonian            | mk            |
 | Malay                 | ms            |
 | Malayalam             | ml            |
 | Maltese               | mt            |
 | Marathi               | mr            |
 | Mongolian             | mn            |
 | Norwegian (Bokmål)    | no            |
 | Pashto                | ps            |
 | Polish                | pl            |
 | Portuguese (Brazil)   | pt            |
 | Portuguese (Portugal) | pt-PT         |
 | Punjabi               | pa            |
 | Romanian              | ro            |
 | Russian               | ru            |
 | Serbian               | sr            |
 | Sinhala               | si            |
 | Slovak                | sk            |
 | Slovenian             | sl            |
 | Somali                | so            |
 | Spanish               | es            |
 | Spanish (Mexico)      | es-MX         |
 | Swahili               | sw            |
 | Swedish               | sv            |
 | Tamil                 | ta            |
 | Telugu                | te            |
 | Thai                  | th            |
 | Turkish               | tr            |
 | Ukrainian             | uk            |
 | Urdu                  | ur            |
 | Uzbek                 | uz            |
 | Vietnamese            | vi            |
 | Welsh                 | cy            |

 The language is identified using identifiers from [RFC 5646](https://en.wikipedia.org/wiki/List_of_ISO_639-2_codes) — if there is a 2-letter ISO 639-1 identifier, with a regional subtag if necessary, it uses that. Otherwise, it uses the ISO 639-2 3-letter code.

 ## Implementation

 The extension uses the `callExtension()` method provided by CometChat SDKs.

 The messages will be translated according to the languages specified by the receiver. You can specify the languages for translation as an array. If you pass in an empty array, the language will default to English.

@@ -123,10 +123,10 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 JSONArray languages = new JSONArray();

 languages.add("ru");
 languages.add("hi");
@@ -224,7 +224,7 @@
 <Tabs>
 <Tab title="JavaScript">
 ```js
 const messageText = "Hey there! How are you?";

 const metadata = {
  "message-translation": {
@@ -233,7 +233,7 @@
  },
 };

 const textMessage = new CometChat.TextMessage(receiverID, messageText, receiverType);
 textMessage.setMetadata(metadata);

 CometChat.sendMessage(textMessage).then(
@@ -290,7 +290,7 @@
  },
 }")

 val textMessage = TextMessage(receiverID, messageText, receiverType)
 textMessage.metadata=metadataObject

 CometChat.sendMessage(textMessage, object : CometChat.CallbackListener<TextMessage>() {

diff --git a/fundamentals/pin-message.mdx b/fundamentals/pin-message.mdx
@@ -6,7 +6,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Pin message extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Pin Message** under **Extensions**.
 
 ## How does it work?
 
@@ -39,7 +39,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("msgId", 280);

diff --git a/fundamentals/polls.mdx b/fundamentals/polls.mdx
@@ -8,7 +8,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Polls extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Polls** under **Extensions**.
 
 ## How do polls work?
 
@@ -27,7 +27,7 @@
 3. Receiver (UID/GUID)
 4. Receiver type (user/group)

 The options in the array are assigned an index appropriately (starting from 1). You can create a poll by using `callExtension` method provided by our SDKs:

 <Tabs>
 <Tab title="JavaScript">
@@ -49,10 +49,10 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 JSONArray options = new JSONArray();

 options.add("Milk");
 options.add("Cereal");
@@ -113,7 +113,7 @@

 Voting in a poll simply requires you to provide the `id` of the poll and the option you intend to vote for. The `vote` parameter is basically the option number.

 You can allow users to vote for a poll by using the `callExtension` method provided by our SDKs:

 <Tabs>
 <Tab title="JavaScript">
@@ -236,7 +236,7 @@

 ### Using callExtension() method

 For fetching results, the only parameter required is the id of the poll. You can use this method only when you are the creator of the poll. Others cannot call this method to get the poll results. Result for a poll can be fetched using a `callExtension` method provided by our SDKs:

 <Tabs>
 <Tab title="JavaScript">

diff --git a/fundamentals/reactions.mdx b/fundamentals/reactions.mdx
@@ -20,7 +20,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Reactions extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Reactions** under **Core**.
 
 ## How do reactions work?
 
@@ -32,7 +32,7 @@

 Sending Reactions

 To add a reaction using selected emoji, use the `callExtension` method provided by our SDKs as follows:

 <Tabs>
 <Tab title="JavaScript">
@@ -51,7 +51,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("msgId", ID_OF_THE_MESSAGE);
@@ -181,7 +181,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {
    var injectedObject : [String : Any]? = (metadata?["@injected"] as? [String : Any])!

diff --git a/fundamentals/reminders.mdx b/fundamentals/reminders.mdx
@@ -12,7 +12,7 @@
 ## Extension Settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Reminders extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Reminders** under **Extensions**.
 3. Go to the Users section and create a new user with `cc_reminder_bot` as the UID. The name and Avatar can be of your choice.
 
 <Note>
@@ -68,7 +68,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("about", ID_OF_THE_MESSAGE);
@@ -273,7 +273,7 @@

 ### Edit reminders

 In case a reminder needs to be preponed or postponed, it can be done using the Edit reminders functionality. The following updates the reminder with `reminderId: "e9cda52a-3839-4fd5-a010-b70db136f0f1"`

 For editing, use the `CometChat.callExtension` method as shown below:


diff --git a/fundamentals/rich-media-preview.mdx b/fundamentals/rich-media-preview.mdx
@@ -1,6 +1,6 @@
 ---
 title: "Rich Media Preview"
 description: "Generate rich previews for links in CometChat messages with Iframely metadata, thumbnails, titles, and descriptions."
 ---

 The Rich Media Preview Extension allows the developer to generate rich preview panels for all the popular sites. This extension fetches the first URL from the message for the generation of a preview.
@@ -13,14 +13,14 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Rich Media Preview extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Rich Media Preview** under **Extensions**.
 3. Open the Settings for this extension.
 4. Enter the iFramely API Key.
 5. Save your settings.

 ## How does it work?

 If the text message contains a URL, the extension will create a Preview using your iFramely credentials. These details can then be used to show a nice preview card for that URL.

 The information about the Preview will be updated later for the message and hence you need to implement the `onMessageEdited` listener. Please check our [Edit message](/sdk/javascript/edit-message) documentation under the SDK of your choice.

@@ -127,7 +127,7 @@

 <Tab title="Java">
 ```java
 JSONObject metadata = message.getMetadata();
 if (metadata != null) {
  JSONObject injectedObject = metadata.getJSONObject("@injected");
  if (injectedObject != null && injectedObject.has("extensions")) {
@@ -161,7 +161,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {


diff --git a/fundamentals/save-message.mdx b/fundamentals/save-message.mdx
@@ -1,19 +1,19 @@
 ---
 title: "Save Message"
 description: "Save, unsave, and fetch saved CometChat messages for each user with private saved-message lists."
 ---

 ## Extension settings
 
 1. Login to the [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Save message extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Save Message** under **Extensions**.
 
 ## How does it work?
 
 Save message extension provides you the ability to:

 1. Save messages
 2. Unsave messages
 3. Fetch all the saved messages by the user.

 Saved messages are private and are visible to the user who has saved them.
@@ -39,7 +39,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("msgId", 111);
@@ -72,9 +72,9 @@

 </Tabs>

 ### 2. Unsave a message

 To unsave a message, use the `callExtension` method provided by the SDK to make an HTTP DELETE request with the parameters as shown below. You need to pass the `msgId` of the message that needs to be unsaved.

 <Tabs>
 <Tab title="JavaScript">

diff --git a/fundamentals/smart-replies.mdx b/fundamentals/smart-replies.mdx
@@ -16,7 +16,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Smart Reply extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Smart Replies** under **Smart Chat Features**.
 
 ## How does it work?
 
@@ -79,7 +79,7 @@

 <Tab title="Java">
 ```java
 JSONObject metadata = message.getMetadata();
 if (metadata != null) {
 JSONObject injectedObject = metadata.getJSONObject("@injected");
 if (injectedObject != null && injectedObject.has("extensions")) {

diff --git a/fundamentals/stickers-stipop.mdx b/fundamentals/stickers-stipop.mdx
@@ -1,17 +1,17 @@
 ---
 title: "Stipop"
 description: "Add Stipop stickers to CometChat conversations with trending sticker packs, search, API keys, and extension calls."
 ---

 *Learn how to integrate stickers by Stipop in your app.*

 Stipop is the world's trendiest sticker platform and creator community.

 ## Before you begin:

 1. Sign up at [Stipop](https://stipop.io/).

 2. On successful signup, provide the following details:

   1. Application name
   2. Website
@@ -31,8 +31,8 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the extensions section and enable the Stipop extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Stipop** under **Extensions**.
 3. Click on the settings button and enter your Stipop Application ID and API Key.
 4. Save the settings once done.
 
 ## How does it work?
@@ -51,16 +51,16 @@
 |             |        |                                                                                                                                 |
 | ----------- | ------ | ------------------------------------------------------------------------------------------------------------------------------- |
 | lang        | string | Specify default language for regional stickers. Use a 2-letter ISO 639-1 language code. **Default Value: en**                   |
 | limit       | int    | The maximum number of stickers per page. Use pageNumber accordingly for optimized sticker view. **Default Value: 20 (max: 50)** |
 | pageNumber  | int    | Specify pageNumber to show limit number of stickers per page.                                                                   |
 | countryCode | string | Specify default country for local stickers. Use a 2-letter ISO 3166-1 country code. **Default Value: US**                       |

 <Tabs>
 <Tab title="JavaScript">
 ```js
 const qs = `?lang=${lang}&limit=${limit}&pageNumber=${pageNumber}&countryCode=${contryCode}`;

 CometChat.callExtension('stickers-stipop', 'GET', 'v1/trending' + qs, null)
  .then(response => {
 		// Stickers in response
 	})
@@ -78,7 +78,7 @@
 CometChat.callExtension("stickers-stipop", "GET", URL, null,
 	new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // Stickers
    }
    @Override
@@ -111,16 +111,16 @@
 |            |        |                                                                                                                                 |
 | ---------- | ------ | ------------------------------------------------------------------------------------------------------------------------------- |
 | lang       | string | Specify default language for regional stickers. Use a 2-letter ISO 639-1 language code. **Default Value: en**                   |
 | limit      | int    | The maximum number of stickers per page. Use pageNumber accordingly for optimized sticker view. **Default Value: 20 (max: 50)** |
 | pageNumber | int    | Specify pageNumber to show limit number of stickers per page.                                                                   |
 | query      | string | The search term for finding stickers.                                                                                           |

 <Tabs>
 <Tab title="JavaScript">
 ```js
 const qs = `?lang=${lang}&limit=${limit}&pageNumber=${pageNumber}&query=${query}`;

 CometChat.callExtension('stickers-stipop', 'GET', 'v1/search' + qs, null)
  .then(response => {
 		// Stickers in response
 	})

diff --git a/fundamentals/stickers.mdx b/fundamentals/stickers.mdx
@@ -12,7 +12,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Stickers extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Stickers** under **Extensions**.
 3. Open the Settings for this extension.
 4. Click on Save to start using Stickers with in your app.
 
@@ -24,7 +24,7 @@

 Before you start Sending or Receiving stickers in your app, you first have to load the Sticker Sets. In your app, you can add a section/drawer that shows the enabled stickers. A user can click on any of these stickers to send it in a chat.

 In order to load stickers, you can use the `callExtension` method provided by our SDKs.

 <Tabs>
 <Tab title="JavaScript">

diff --git a/fundamentals/tenor.mdx b/fundamentals/tenor.mdx
@@ -14,7 +14,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Tenor extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Tenor** under **Extensions**.
 3. Click on the Settings button, enter your Tenor API key, and hit save.
 
 ## How does it work?
@@ -55,9 +55,9 @@
 String URL = "/v1/trending?offset=1&limit=15";

 CometChat.callExtension("gifs-tenor", "GET", URL, null,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // GIFs data from Tenor
    }
    @Override

diff --git a/fundamentals/thumbnail-generation.mdx b/fundamentals/thumbnail-generation.mdx
@@ -8,13 +8,13 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to Extensions section and enable the Thumbnail Generation extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Thumbnail Generation** under **Extensions**.
 
 ## How does it work?
 
 A small, medium and large thumbnail is generated for every attachment of a Media message of type video or image.

 For eg, if a Media message of type video is sent with 2 attachments, the links to these thumbnails are then provided in the metadata of the message as shown below:

 <Tabs>
 <Tab title="JSON">
@@ -112,7 +112,7 @@
      for (const attachment of attachments) {
        if (!attachment.error) {
        	const { url_small, url_medium, url_large } = attachment.data.thumbnails;
        	// Use the urls accordingly.
        }
      }
    }
@@ -124,7 +124,7 @@

 <Tab title="Java">
 ```java
 JSONObject metadata = message.getMetadata();
 if (metadata != null) {
  JSONObject injectedObject = metadata.getJSONObject("@injected");
  if (injectedObject != null && injectedObject.has("extensions")) {
@@ -193,10 +193,10 @@
       if let urlSmall = URL(string: thumbnails["url_small"] as? String) {
 // Use the url accordingly.
 }
       if let urlMedium = URL(string: thumbnails["url_medium"] as? String) {
 // Use the url accordingly.
 }
      if let urlLarge = URL(string: thumbnails["url_large"] as? String) {
 // Use the url accordingly.
 }
      // check for attachment.error if "thumbnails" is null
@@ -211,6 +211,6 @@

 <Note>

 Unlike image thumbnails, which are normally generated in milliseconds, video thumbnails may take a little longer. Before viewing the preview, we recommend verifying to see if the file exists. If the difference between message sentAt and the current time is less than 5 seconds, you can set a simple timer to monitor every second.

 </Note>
diff --git a/fundamentals/tinyurl.mdx b/fundamentals/tinyurl.mdx
@@ -16,7 +16,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the TinyURL extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **TinyURL** under **Extensions**.
 3. Open the settings and enter the TinyURL API Token.
 4. If you have chosen a paid plan, you can also save your BYO domain or subdomain. Default is set to `tinyurl.com`
 5. Save your settings.
@@ -51,12 +51,12 @@
 <Tab title="Java">
 ```java
 String URL = "/v1/shorten";
 JSONObject body=new JSONObject();

 body.put("text", "Your message with URL https://yourdomain.com/very/very/long/url");

 CometChat.callExtension("url-shortener-tinyurl", "POST", URL, body,
 new CometChat.CallbackListener < JSONObject > () {
    @Override
    public void onSuccess(JSONObject jsonObject) {
        // minifiedText from the extension

diff --git a/fundamentals/video-broadcasting.mdx b/fundamentals/video-broadcasting.mdx
@@ -20,7 +20,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Live Streaming (Video Broadcasting) extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Live Streaming (Video Broadcasting)**.
 3. Open the Settings for this extension.
 4. Enter the api.video Production API Key.
 5. You can also select whether you want to record the live stream.
@@ -36,7 +36,7 @@

 #### 1. Get broadcast details

 The CometChat SDKs provide a `callExtension` method that can be called to trigger this extension. The broadcaster has to provide the following:

 1. Receiver type - `user` or `group`
 2. The `receiver` of the broadcast link (can be a `uid` for a user or `guid` in case of a group)
@@ -58,7 +58,7 @@

 <Tab title="Java">
 ```java
 import org.json.simple.JSONObject;

 JSONObject body=new JSONObject();
 body.put("receiverType", "user/group");
@@ -208,7 +208,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {


diff --git a/fundamentals/voice-transcription.mdx b/fundamentals/voice-transcription.mdx
@@ -13,7 +13,7 @@
 ## Extension settings
 
 1. Login to [CometChat](https://app.cometchat.com/login) and select your app.
-2. Go to the Extensions section and enable the Voice Transcription extension.
+2. Navigate to **Chat & Messaging** → **Features** and enable **Voice Transcription** under **Extensions**.
 3. Open the Settings for this extension.
 4. Enter the Rev.ai Access Token, and click on save.
 
@@ -69,7 +69,7 @@

 <Tab title="Java">
 ```java
 JSONObject metadata = message.getMetadata();
 if (metadata != null) {
  JSONObject injectedObject = metadata.getJSONObject("@injected");
  if (injectedObject != null && injectedObject.has("extensions")) {
@@ -103,7 +103,7 @@

 <Tab title="Swift">
 ```swift
 let textMessage = message as? TextMessage
 var metadata : [String : Any]? = textMessage.metaData
 if metadata != nil {


@@ -11,7 +11,7 @@ Extensions are add-on features that extend CometChat's core functionality beyond
 
 **How to Enable:**
 1. Go to [CometChat Dashboard](https://app.cometchat.com)
-2. Navigate to your App → Extensions
+2. Select your app and navigate to **Chat & Messaging** → **Features**
 3. Enable desired extensions
 4. Extensions activate automatically on SDK initialization
 
@@ -38,11 +38,11 @@ Extensions are enabled through the CometChat Dashboard and automatically integra
   <Step title="Access Dashboard">
     Log in to the [CometChat Dashboard](https://app.cometchat.com) and select your application.
   </Step>
-  <Step title="Navigate to Extensions">
-    Go to the Extensions section in your app settings.
+  <Step title="Navigate to Features">
+    Go to **Chat & Messaging** → **Features** in the dashboard sidebar.
   </Step>
   <Step title="Enable Extensions">
-    Toggle on the extensions you want to use in your application.
+    Toggle on the extensions you want to use from the **Extensions** section.
   </Step>
   <Step title="Initialize SDK">
     Extensions activate automatically when your Flutter app initializes the CometChat SDK.

@@ -5,7 +5,7 @@ description: "Enable CometChat iOS UI Kit extensions for stickers, polls, collab
 
 | Field | Value |
 |-------|-------|
-| Dashboard setup | CometChat Dashboard → Extensions |
+| Dashboard setup | CometChat Dashboard → Chat & Messaging → Features |
 | Activation | Enable in dashboard, features appear automatically in UI Kit |
 | Code required | None — extensions work out of the box |
 | Platforms | Works across iOS, Android, and Web with the same configuration |
@@ -15,8 +15,8 @@ Extensions add powerful features to your chat app without writing any code. Simp
 ## How Extensions Work
 
 1. Log in to your [CometChat Dashboard](https://app.cometchat.com)
-2. Navigate to the **Extensions** section
-3. Enable the extensions you want
+2. Navigate to **Chat & Messaging** → **Features**
+3. Enable the extensions you want from the **Extensions** section
 4. The features automatically appear in your app after initialization
 
 <Note>