Stipop Docs | Documentation for SDK and API

Sticker Picker View

Sticker Picker View provides an in-depth sticker experience. It works similar to how stickers work on WhatsApp and Facebook Messenger - users open the sticker library and download stickers to have all-time access to them in your chat app.

Sticker Picker gives access to over 150,000 stickers with automatic curation and weekly updates. By adding a single line of code, you will be able to add this feature to your app and customize UI to your liking.

Components

Users can use 4 main Sticker Picker components to browse and download stickers:

• Sticker Navigation: Navigate through downloaded sticker packs and tap on one.
• Sticker Picker: Tap on a sticker to send it to chat.
• Sticker Search: Search for sticker packs or sticker creators.
• Sticker list: Browse the most popular stickers to download and add to my sticker picker.

Store View

Before you begin

Please make sure you completed all processes in Before You Begin - downloaded Stipop.json file, included it in your project, and set it up to complete the SDK integration.

How to use

You can simply modal our SDK. This will show you the search view like the image above.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

class MainActivity : AppCompatActivity(), StipopDelegate {

  private val stipopSpvButton: AppCompatButton by lazy { findViewById(R.id.stipopSpvButton) }

  override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)

      // If you want to custom your PickerView's position, add StickerPickerCustomFragment. or not, set stickerPickerCustomFragment to null.
      val fragment = supportFragmentManager.findFragmentById(R.id.map) as StickerPickerCustomFragment
      Stipop.connect(
          activity = this, 
          userId = "userID", 
          delegate = this, 
          stipopButton = stipopPickerImageView, 
          stickerPickerCustomFragment = fragment
      )

      stipopSpvButton.setOnClickListener {
          Stipop.show()
      }
  }

}


Event Listener

You need to implement an interface to use the stickers selected in the Stipop UI in your app. This page can help.

We’re here to help. Contact us.