Customizing Unified Component

Unified Component is where users can send stickers what you want among the stickers you downloaded and provides Store Component buttons for downloading stickers and search for stickers with search tags like happy, sad, what!, and more and find stickers they can send on chat. By adding a single line of code, you'll be able to add feature to your app, and customize the UI to make it better.

Before you begin

Make sure you went through all processes in Before You Begin to sign up for stipop dashborad and get API Key, which is reuiqred to complete development of the SDK.

apikey : Stipop API key for your app.
userId : Unique value for every user to distinguish unique users. The userId can be a string of any format.

React

Copy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { UnifiedComponent } from 'stipop-react-sdk'

const App = () => {
  return (
    <UnifiedComponent 
      params={{
        apikey: 'apikey',
        userId: 'userId',
      }}
    />
  )
}

export default App

Next.js

Copy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import dynamic from 'next/dynamic'

const UnifiedComponent = dynamic(
  () => import('stipop-react-sdk/dist/UnifiedComponent'),
  {
    ssr: false,
  })
  
const App = () => {
  return (
    <UnifiedComponent 
      params={{
        apikey: 'apikey',
        userId: 'userId',
      }}
    />
  )
}

export default App

Was this page helpful?

We’re here to help. Contact us.