Multi Tabs

Define stores in SDK

For supporting multiple tabs, list of stores need to be defined while initializing inbox SDK. If stores is ignored you can get all notifications.

How to configure tags for tabs

To show notifications in tabs based on tags:

Add tags in Inbox template: Go to your Inbox template → Advanced configuration → Tags section and add the tag (for example, mentions). After publishing the template, you can click on the tag to copy it.
Configure tags in Inbox config: In your Inbox configuration, pass the tag in the query as tags: "mentions" (or use an array for multiple tags like tags: ["mentions", "replies"]).

Important: Tags in workflow are used to group or filter similar workflows on the workflow listing page. Tags filter inside Inbox works on the tags provided in the Inbox template, not workflow tags.

interface IStore {
  storeId: string
  label?: string
  query?: {
    tags?: string | string[]
    categories?: string
    read?: boolean
    archived?: boolean
  }
}

Property	Description
storeId	Unique identifier that identifies the store from list of stores. This can be any string.
label	This is used to show name on Tab for that store. If not provided storeId will be shown on tab, if you are using inbox with SuprSend’s UI.
query	depending on use case you can design query for grouping inbox notifications in specific store/tab. Ignore this field if you want to get all notifications.
tags	Pass string or array of string to filter notifications that only has any one of those tags. Ignore this field to get all notifications irrespective of tags. You can add tags while designing inbox template inside Advanced configuration section. After publishing it you can click on tag to copy it.
categories	Filter notifications based on preference category. Ignore this field to get all notifications irrespective of category.
read	Used to get all notifications which are in read state. Ignore this field to get all notifications irrespective of read status.
archived	Used to get all notifications which are archived. Ignore this field to get all unarchived notifications.

stores = [
  { storeId: "all", label: "All" },
  { storeId: "mentions", label: "Mentions", query: { tags: "mentions" } },
  { storeId: "archived", label: "Archived", query: { archived: true } }
]

stores = [{ storeId: "testing", label: "Test", query: { categories: "transactional" , read:true, tags:["profile", "user"]} }]

The first example shows how to create tabs for “All”, “Mentions” (filtered by mentions tag), and “Archived” notifications. The second example gets notifications which belong to transactional category and in read state and has profile or user tag.

GETTING STARTED

CORE CONCEPTS

WORKFLOW BUILDER

Notification Inbox

PREFERENCE CENTRE

VENDOR INTEGRATION GUIDE

INTEGRATIONS

MONITORING & DEBUGGING

MANAGE YOUR ACCOUNT

Define stores in SDK

How to configure tags for tabs

​Define stores in SDK

​How to configure tags for tabs

Define stores in SDK

How to configure tags for tabs