> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Stipop

> Stipop — CometChat documentation.

*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
   3. Category
   4. Sub-category
   5. Region
   6. App MAU

3. Click on Get Started once done.

4. You will be able to see the API Key on their Dashboard. Keep this handy.

5. In the left navigation pane, go to Settings and select the Application tab.

6. Copy the Application ID and keep this handy.

## 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.
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?

The extension provides the following functionalities:

1. Get the current Trending stickers.
2. Search for stickers using a certain phrase or keyword

This extension uses the `callExtension` method provided by the CometChat SDK.

### Get trending stickers

The API call requires the following Query Parameters:

|             |        |                                                                                                                                 |
| ----------- | ------ | ------------------------------------------------------------------------------------------------------------------------------- |
| 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 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
    	});
    ```
  </Tab>

  <Tab title="Java">
    ```java theme={null}
    String URL = "/v1/trending?lang="+language+"&limit="+limit+"&pageNumber="+pageNumber+"&countryCode="+countryCode;

    CometChat.callExtension("stickers-stipop", "GET", URL, null,
    	new CometChat.CallbackListener < JSONObject > () {
        @Override
        public void onSuccess(JSONObject jsonObject) {
            // Stickers
        }
        @Override
        public void onError(CometChatException e) {
            // Some error occured
        }
      });
    ```
  </Tab>

  <Tab title="Swift">
    ```swift theme={null}
    CometChat.callExtension(slug: "stickers-stipop", type: .get, endPoint: "v1/trending?lang="+language+"&limit="+limit+"&pageNumber="+pageNumber+"&countryCode="+countryCode, nil, onSuccess: { (response) in
            // Stickers
          }) { (error) in
            // Some error occured
          }
        }
    ```
  </Tab>
</Tabs>

### Search for stickers

The API call requires the following Query Parameters:

|            |        |                                                                                                                                 |
| ---------- | ------ | ------------------------------------------------------------------------------------------------------------------------------- |
| 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 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
    	});
    ```
  </Tab>

  <Tab title="Java">
    ```java theme={null}
    String URL = "/v1/search?lang="+language+"&limit="+limit+"&pageNumber="+pageNumber+"&query="+query;

    CometChat.callExtension("stickers-stipop", "GET", URL, null,
    	new CometChat.CallbackListener < JSONObject > () {
        @Override
        public void onSuccess(JSONObject jsonObject) {
            // Stickers
        }
        @Override
        public void onError(CometChatException e) {
            // Some error occured
        }
      });
    ```
  </Tab>

  <Tab title="Swift">
    ```swift theme={null}
    CometChat.callExtension(slug: "stickers-stipop", type: .get, endPoint: "/v1/search?lang="+language+"&limit="+limit+"&pageNumber="+pageNumber+"&query="+query, nil, onSuccess: { (response) in
            // Stickers
          }) { (error) in
            // Some error occured
          }
        }
    ```
  </Tab>
</Tabs>