Campaigns - CometChat Docs

CometChat Campaigns lets you deliver targeted, rich notifications to users via an in-app notification feed. Each notification is a Card Schema JSON — a structured layout rendered natively by the CometChat Cards library. The SDK provides APIs to fetch feed items, listen for real-time delivery, mark items as read/delivered, report engagement, and retrieve unread counts.

Before using the SDK, set up your channels, categories, templates, and campaigns in the CometChat Dashboard. See the Dashboard Setup Guide for step-by-step instructions.

Card Messages

A Card Message is a structured, interactive message rendered as a card bubble inside a conversation. Cards are receive-only on the SDK: they are created through the Platform REST API or the Dashboard Bubble Builder and delivered to clients like any other message — the SDK does not send them.

Type: CardMessage (cometchat_sdk)
Category: "card" (CometChatMessageCategory.card)

Properties

Method	Returns	Description
`getCard()`	`Map<String, dynamic>?`	The raw card schema/payload passed to the Cards renderer.
`getText()`	`String?`	Optional text shown alongside the card.
`getFallbackText()`	`String?`	Text displayed when the card payload cannot be rendered.
`getTags()`	`List<String>?`	Tags associated with the message.

Listening for card messages

To be notified when a card message arrives, implement onCardMessageReceived on your MessageListener.

Dart

class CardMessageHandler with MessageListener {
  // CometChat.addMessageListener(listenerId, this);

  @override
  void onCardMessageReceived(CardMessage cardMessage) {
    debugPrint("Card message received: ${cardMessage.getCard()}");
  }
}

See Receive Messages → Receiving Card Messages for the full handling and rendering reference.

Key Concepts

Concept	Description
NotificationFeedItem	A single notification in the feed. Contains Card Schema JSON in its `content` field, a `category` for filtering, timestamps, and metadata.
NotificationCategory	A category label used for filter chips (e.g., “Promotions”, “Updates”).
Card Schema JSON	The fully rendered card layout (images, text, buttons) inside `NotificationFeedItem.content`. Passed directly to the CometChat Cards renderer.
PushNotification	Represents a campaign push notification payload received via FCM/APNs.

How Cards Render in the Notification Feed

Each NotificationFeedItem has a content field containing a Map<String, dynamic> — this is the Card Schema JSON. This JSON is passed directly to the CometChat Cards renderer package (cometchat_cards). The rendering flow:

Fetch feed items via NotificationFeedRequest
For each item, extract item.content — this is the Card Schema JSON
Convert to string: jsonEncode(item.content)
Pass to the Cards renderer (CometChatCardView)
The renderer produces a native Flutter widget from the JSON

Card Schema JSON Structure

{
  "version": "1.0",
  "body": [
    {
      "type": "column",
      "backgroundColor": {
        "light": "transparent",
        "dark": "transparent"
      },
      "gap": 5,
      "items": [
        {
          "type": "text",
          "content": "📢 Announcement",
          "variant": "heading2",
          "id": "txt_99323141-2459-4e33-88d3-ca39c5fd2f50"
        },
        {
          "type": "text",
          "content": "Your announcement message here.",
          "variant": "body",
          "id": "txt_61a417bc-5e4a-4ba2-bfe7-b7bc64dbaf35"
        },
        {
          "type": "divider",
          "id": "div_80f5c7fb-fd10-41d1-8c2f-51498f0f62d0"
        },
        {
          "type": "button",
          "label": "Learn More",
          "backgroundColor": {
            "light": "transparent",
            "dark": "transparent"
          },
          "textColor": {
            "light": "#6C5CE7",
            "dark": "#6C5CE7"
          },
          "size": 40,
          "fontSize": 13,
          "borderRadius": 6,
          "padding": {
            "top": 0,
            "right": 16,
            "bottom": 0,
            "left": 16
          },
          "action": {
            "type": "openUrl",
            "url": ""
          },
          "id": "btn_9b87a3f1-b0c6-45b9-a4c2-e22ea590f17f"
        }
      ],
      "id": "col_98fed9bd-1a95-4cee-aa81-84a9016e41f2"
    }
  ],
  "fallbackText": "",
  "style": {
    "background": {
      "light": "#E8E8E8",
      "dark": "#E8E8E8"
    },
    "borderRadius": 16,
    "borderColor": {
      "light": "#DFE6E9",
      "dark": "#DFE6E9"
    },
    "padding": 12
  }
}

The body array contains elements (text, image, button, row, column, etc.) rendered top-to-bottom. Interactive elements like buttons emit actions via a callback — the consumer handles navigation, deep links, or API calls.

Retrieve Notification Feed Items

Use NotificationFeedRequest to fetch a paginated list of feed items. Uses cursor-based pagination internally.

Build the Request

Dart

final request = (NotificationFeedRequestBuilder()
  ..setLimit(20))
  .build();

Builder Parameters

Method	Type	Default	Description
`setLimit(int)`	int	20	Items per page (max 100)
`setReadState(FeedReadState)`	enum	`FeedReadState.all`	Filter by `read`, `unread`, or `all`
`setCategory(String)`	String	null	Filter by category ID
`setChannelId(String)`	String	null	Filter by channel
`setTags(List<String>)`	List	null	Filter by tags
`setDateFrom(String)`	String	null	ISO 8601 date — items sent on or after
`setDateTo(String)`	String	null	ISO 8601 date — items sent on or before

Fetch Items

Dart

request.fetchNext(
  onSuccess: (List<NotificationFeedItem> items) {
    for (final item in items) {
      final cardJson = jsonEncode(item.content);
      // Pass cardJson to CometChatCardView
    }
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

Call fetchNext() repeatedly for pagination. When the server has no more items, subsequent calls return an empty list.

NotificationFeedItem Fields

Field	Type	Description
`id`	String	Unique item identifier
`category`	String	Notification category (e.g., “promotions”)
`categoryId`	String?	Category ID for programmatic filtering
`content`	Map<String, dynamic>	Card Schema JSON — pass to CometChat Cards renderer
`readAt`	int?	Unix timestamp when read, or null if unread
`deliveredAt`	int?	Unix timestamp when delivered, or null
`sentAt`	int	Unix timestamp when sent
`metadata`	Map<String, dynamic>	Custom key-value metadata
`tags`	List<String>	Tags for filtering
`sender`	String	Sender identifier
`receiver`	String	Receiver identifier
`receiverType`	String	Receiver type
`isRead`	bool	Computed property — `true` if `readAt != null`

Retrieve Notification Categories

Use NotificationCategoriesRequest to fetch available categories for filter chips.

Dart

final categoriesRequest = (NotificationCategoriesRequestBuilder()
  ..setLimit(50))
  .build();

categoriesRequest.fetchNext(
  onSuccess: (List<NotificationCategory> categories) {
    for (final category in categories) {
      debugPrint("Category: ${category.name}");
    }
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

NotificationCategory Fields

Field	Type	Description
`id`	String	Category identifier
`name`	String	Display name for filter UI
`description`	String	Category description
`appId`	String	Associated app ID

Real-Time Notification Feed Listener

Listen for new feed items arriving via WebSocket. This listener is independent from MessageListener, GroupListener, and CallListener.

Dart

class MyNotificationFeedListener with NotificationFeedListener {
  @override
  void onFeedItemReceived(NotificationFeedItem feedItem) {
    debugPrint("New item: ${feedItem.id}");
    final cardJson = jsonEncode(feedItem.content);
    // Insert at top of feed and render
  }
}

CometChat.addNotificationFeedListener(
  "feedListener",
  MyNotificationFeedListener(),
);

Remove the listener when no longer needed:

Dart

CometChat.removeNotificationFeedListener("feedListener");

Mark Feed Item as Read

Mark a single item as read. Idempotent — safe to call multiple times.

Dart

CometChat.markFeedItemAsRead(
  feedItem,
  onSuccess: (result) {
    debugPrint("Marked as read");
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

Mark Feed Item as Delivered

Mark a single item as delivered. Idempotent.

Dart

CometChat.markFeedItemAsDelivered(
  feedItem,
  onSuccess: (result) {
    // Success
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

Report Engagement

Report that a user engaged with a feed item (e.g., viewed, clicked, interacted). Idempotent.

Dart

CometChat.reportFeedEngagement(
  feedItem,
  "clicked",
  onSuccess: (result) {},
  onError: (CometChatException e) {},
);

The interactionString parameter is a free-form string describing the engagement (e.g., "viewed", "clicked", "interacted").

Get Unread Count

Fetch the total number of unread notification feed items.

Dart

CometChat.getNotificationFeedUnreadCount(
  onSuccess: (int count) {
    debugPrint("Unread: $count");
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

Fetch Single Feed Item

Fetch a specific item by ID — useful for deep linking from push notifications.

Dart

CometChat.getNotificationFeedItem(
  "item-id-123",
  onSuccess: (NotificationFeedItem item) {
    final cardJson = jsonEncode(item.content);
    // Render the card
  },
  onError: (CometChatException e) {
    debugPrint("Error: ${e.message}");
  },
);

Push Notification Tracking

When a campaign push notification arrives via FCM/APNs, use these methods to report delivery and click engagement.

Mark Push Notification as Delivered

Call this when you receive the push notification payload:

Dart

final pushNotification = PushNotification(
  id: pushPayload['announcementId'],
  announcementId: pushPayload['announcementId'],
  campaignId: pushPayload['campaignId'],
  source: "campaign",
);

CometChat.markPushNotificationDelivered(
  pushNotification,
  onSuccess: (result) {},
  onError: (CometChatException e) {},
);

Mark Push Notification as Clicked

Call this when the user taps the push notification:

Dart

CometChat.markPushNotificationClicked(
  pushNotification,
  onSuccess: (result) {},
  onError: (CometChatException e) {},
);

PushNotification Fields

Field	Type	Description
`id`	String	Announcement ID from the push payload
`announcementId`	String	Same as id (for clarity)
`campaignId`	String?	Campaign ID if from a campaign
`source`	String	Always `"campaign"` for notification feed pushes

FeedReadState Enum

Value	Description
`FeedReadState.read`	Only read items
`FeedReadState.unread`	Only unread items
`FeedReadState.all`	All items (default)

Rendering Cards

The content field of each NotificationFeedItem is a Card Schema JSON map. To render it natively, use the CometChat Cards library.

Add the Cards Dependency

Add the cards package to your pubspec.yaml:

dependencies:
  cometchat_cards: ^1.0.0

Render a Card from a Feed Item

Dart

import 'package:cometchat_cards/cometchat_cards.dart';
import 'dart:convert';

Widget buildNotificationCard(NotificationFeedItem item) {
  return CometChatCardView(
    cardJson: jsonEncode(item.content),
    themeMode: CometChatCardThemeMode.auto,
    onAction: (CometChatCardActionEvent event) {
      // Handle action: event.action, event.elementId
      if (event.action is CometChatCardOpenUrlAction) {
        // Open URL in browser
      } else if (event.action is CometChatCardChatWithUserAction) {
        // Navigate to chat
      }
    },
  );
}

The Cards library is a pure renderer — it does not execute actions. Your code must handle action callbacks (opening URLs, navigating to chats, making API calls, etc.).

Supported Card Actions

When a user taps a button or link inside a card, the action callback receives one of these action types:

Action Type	Parameters	Description
`openUrl`	url, openIn	Open a URL in browser or webview
`chatWithUser`	uid	Navigate to 1:1 chat
`chatWithGroup`	guid	Navigate to group chat
`sendMessage`	text, receiverUid, receiverGuid	Send a text message
`copyToClipboard`	value	Copy text to clipboard
`downloadFile`	url, filename	Download a file
`initiateCall`	callType (audio/video), uid, guid	Start a call
`apiCall`	url, method, headers, body	Make an HTTP request
`customCallback`	callbackId, payload	App-specific logic

​Card Messages

​Properties

​Listening for card messages

​Key Concepts

​How Cards Render in the Notification Feed

​Card Schema JSON Structure

​Retrieve Notification Feed Items

​Build the Request

​Builder Parameters

​Fetch Items

​NotificationFeedItem Fields

​Retrieve Notification Categories

​NotificationCategory Fields

​Real-Time Notification Feed Listener

​Mark Feed Item as Read

​Mark Feed Item as Delivered

​Report Engagement

​Get Unread Count

​Fetch Single Feed Item

​Push Notification Tracking

​Mark Push Notification as Delivered

​Mark Push Notification as Clicked

​PushNotification Fields

​FeedReadState Enum

​Rendering Cards

​Add the Cards Dependency

​Render a Card from a Feed Item

​Supported Card Actions

Card Messages

Properties

Listening for card messages

Key Concepts

How Cards Render in the Notification Feed

Card Schema JSON Structure

Retrieve Notification Feed Items

Build the Request

Builder Parameters

Fetch Items

NotificationFeedItem Fields

Retrieve Notification Categories

NotificationCategory Fields

Real-Time Notification Feed Listener

Mark Feed Item as Read

Mark Feed Item as Delivered

Report Engagement

Get Unread Count

Fetch Single Feed Item

Push Notification Tracking

Mark Push Notification as Delivered

Mark Push Notification as Clicked

PushNotification Fields

FeedReadState Enum

Rendering Cards

Add the Cards Dependency

Render a Card from a Feed Item

Supported Card Actions