Skip to content

Content Cards

The Braze SDKs include a default card feed to get you started with Content Cards. To show the card feed, you can use the ReactAppboy.launchContentCards() method. The default card feed included with the Braze SDK will handle all analytics tracking, dismissals, and rendering for a user’s Content Cards.


You can use these additional methods to build a custom Content Cards Feed within your app:

Method Description
ReactAppboy.requestContentCardsRefresh() Requests the latest Content Cards from the Braze SDK server.
ReactAppboy.getContentCards() Retrieves Content Cards from the Braze SDK. This will return the latest list of cards from the server.
ReactAppboy.logContentCardClicked(cardId) Logs a click for the given Content Card ID.
ReactAppboy.logContentCardImpression(cardId) Logs an impression for the given Content Card ID.
ReactAppboy.logContentCardDismissed(cardId) Logs a dismissal for the given Content Card ID.

Test displaying sample Content Card

Follow these steps to test a sample Content Card.

  1. Set an active user in the React application by calling ReactAppboy.changeUserId('your-user-id') method.
  2. Head to Campaigns and follow this guide to create a new Content Card campaign.
  3. Compose your test Content Card campaign and head over to the Test tab. Add the same user-id as the test user and click Send Test. You should be able to launch a Content Card on your device shortly.

A Braze Content Card campaign showing you can add your own user ID as a test recipient to test your Content Card.

For more integrations, follow the Android integration instructions or the iOS integration instructions, depending on your platform.

A sample implementation of this can be found in AppboyProject, within the React SDK.

New Stuff!