> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-platform-docs-release.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# User Engagement Extensions

> JavaScript SDK implementation examples for User Engagement extensions including Giphy, Message Translation, Polls, Reminders, Stickers, Stipop, and Tenor

This page contains JavaScript SDK code examples for User Engagement extensions. For feature documentation, setup instructions, and extension settings, see [User Engagement Extensions](/fundamentals/extensions-user-engagement).

## How to Use Extensions with SDK

<Steps>
  <Step title="Enable in Dashboard">
    Login to [CometChat Dashboard](https://app.cometchat.com/login), select your app, then go to **Chat & Messaging → Features** and enable the extension.
  </Step>

  <Step title="Configure settings (if required)">
    Some extensions require API keys or additional configuration. Open the extension settings in the Dashboard.
  </Step>

  <Step title="Implement SDK methods">
    Use the code examples below to call extension APIs and extract extension data from messages.
  </Step>

  <Step title="Build your UI">
    Create UI components to display extension data (e.g., polls, stickers, GIFs).
  </Step>
</Steps>

***

## Giphy

Add GIFs from Giphy to your conversations.

### Get Trending GIFs

```js theme={null}
const URL = "v1/trending?offset=1&limit=15";
CometChat.callExtension("gifs-giphy", "GET", URL, null)
  .then((response) => {
    // GIFs data from Giphy
  })
  .catch((error) => {
    // Error occured
  });
```

### Search for GIFs

```js theme={null}
const URL = "v1/search?offset=1&limit=15&query=awesome";
CometChat.callExtension("gifs-giphy", "GET", URL, null)
  .then((response) => {
    // GIFs data from Giphy
  })
  .catch((error) => {
    // Error occured
  });
```

***

## Message Translation

Translate messages into 70+ languages.

### Translate Message

```js theme={null}
CometChat.callExtension('message-translation', 'POST', 'v2/translate', {
  "msgId": 12,
  "text": "Hey there! How are you?",
  "languages": [ "ru", "hi", "mr" ]
}).then( result => {
  // Result of translations
})
.catch(error => {
  // Some error occured
});
```

***

## Polls

Create and vote on polls in conversations.

### Creating a Poll

```js theme={null}
CometChat.callExtension('polls', 'POST', 'v2/create', {
    "question": "Which OS do you use?",
    "options": ["Windows", "Ubuntu", "MacOS", "Other"],
    "receiver": "cometchat-uid-1",
    "receiverType": "user"
}).then(response => {
    // Details about the created poll
})
.catch(error => {
    // Error occured
});
```

### Voting in a Poll

```js theme={null}
CometChat.callExtension('polls', 'POST', 'v2/vote', {
    vote: "3",
    id: "d5441d53-c191-4696-9e92-e4d79da7463",
}).then(response => {
    // Successfully voted
})
.catch(error => {
    // Error Occured
});
```

### Getting Results

```js theme={null}
CometChat.callExtension('polls', 'GET', 'v2/results?id='+POLL_ID, null)
.then(results => {
  // Poll results
})
.catch(error => {
  // Some error occured
});
```

***

## Reminders

Set reminders for messages or custom events.

### Set Message Reminders

```js theme={null}
CometChat.callExtension('reminders', 'POST', 'v1/reminder', {
  about: 1,
  isCustom: false,
  timeInMS: 1638351344989
}).then(response => {
  // Reminder created successfully
}).catch(error => {
  // Some error occured
});
```

### Set Personal Reminders

```js theme={null}
CometChat.callExtension('reminders', 'POST', 'v1/reminder', {
  about: "Drinking water",
  isCustom: true,
  timeInMS: 1638351344989
}).then(response => {
  // Reminder created successfully
}).catch(error => {
  // Some error occured
});
```

### List Reminders

```js theme={null}
CometChat.callExtension('reminders', 'GET', 'v1/fetch', null).then(response => {
  // reminders array
}).catch(error => {
  // Some error occured
});
```

### Delete Reminders

```js theme={null}
CometChat.callExtension('reminders', 'DELETE', 'v1/reminder', {
  reminderId: "e9cda52a-3839-4fd5-a010-b70db136f0f1"
}).then(response => {
  // Reminder deleted successfully
}).catch(error => {
  // Some error occured
});
```

***

## Stickers

Load and send stickers in conversations.

### Loading Stickers

```js theme={null}
CometChat.callExtension('stickers', 'GET', 'v1/fetch', null)
.then(stickers => {
  // Stickers received
})
.catch(error => {
  // Some error occured
});
```

***

## Stipop

Access Stipop's sticker platform.

### Get Trending Stickers

```js theme={null}
const qs = `?lang=${lang}&limit=${limit}&pageNumber=${pageNumber}&countryCode=${contryCode}`;

CometChat.callExtension('stickers-stipop', 'GET', 'v1/trending' + qs, null)
  .then(response => {
    // Stickers in response
  })
  .catch(error => {
    // Error occured
  });
```

### Search for Stickers

```js theme={null}
const qs = `?lang=${lang}&limit=${limit}&pageNumber=${pageNumber}&query=${query}`;

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

***

## Tenor

Add GIFs from Tenor to your conversations.

### Get Trending GIFs

```js theme={null}
const URL = "v1/trending?offset=1&limit=15";
CometChat.callExtension("gifs-tenor", "GET", URL, null)
  .then((response) => {
    // GIFs data from Tenor
  })
  .catch((error) => {
    // Error occured
  });
```

### Search for GIFs

```js theme={null}
const URL = "v1/search?offset=1&limit=15&query=awesome";
CometChat.callExtension("gifs-tenor", "GET", URL, null)
  .then((response) => {
    // GIFs data from tenor
  })
  .catch((error) => {
    // Error occured
  });
```