Stipop

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. Create a Stipop account

   Sign up at Stipop.

2. Complete your app details

   Provide your application name, website, category, sub-category, region, and app MAU.

3. Get your credentials

   Click Get Started, then copy the API Key from the dashboard. In Settings → Application, copy the Application ID.

Extension settings

1. Open your CometChat app

   Login to CometChat and select your app.

2. Enable Stipop

   Go to Chat & Messaging —> Features, under Extentions and enable Stipop.

3. Add credentials

   Open the settings and enter your Stipop Application ID and API Key.

4. Save settings

   Save your configuration to activate the extension.

How does it work?

The extension provides the following functionalities:

• Get trending stickers: Fetch current trending stickers from Stipop.
• Search stickers: Search stickers using a 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

JavaScript

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
	});

Java

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
    }
  });

Swift

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
      }
    }

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.

JavaScript

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
	});

Java

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
    }
  });

Swift

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
      }
    }