This article provides three examples of more advanced use cases for Content Cards.
Each use case offers a explanation and a look into how Content Card variables may look and be used in the Braze dashboard:
Looking for the basic Content Card developer integration guide? Find it here.
Content Cards as supplemental content
You can seamlessly blend Content Cards into an existing feed, allowing data from multiple feeds to load simultaneously. This creates a cohesive, harmonious experience with Braze Content Cards and existing feed content.
The example to the right shows a
UICollectionView with a hybrid list of items that are populated via local data and Content Cards powered by Braze. With this, Content Cards can be indistinguishable alongside existing content.
This Content Card is delivered by an API-triggered campaign with API-triggered key-value pairs. This is ideal for campaigns where the card’s values depend on external factors to determine what content to display to the user. Note that
class_type should be known at set-up time.
Content Cards in a message center
Content Cards can be used in a message center format where each message is its own card. Each message in the message center is populated via a Content Card payload, and each card contains additional key-value pairs that power on-click UX. In the following example, one message directs you to an arbitrary custom view, while another opens to a webview that displays custom HTML.
For the following message types, the key-value pair
class_type should be added to your dashboard configuration. The values assigned here are arbitrary but should be distinguishable between class types. These key-value pairs are the key identifiers that the application looks at when deciding where to go when the user clicks on an abridged inbox message.
Interactive Content Cards
Content Cards can be leveraged to create dynamic and interactive experiences for your users. In the example to the right, we have a Content Card pop-up appear at checkout providing users last-minute promotions.
Well-placed cards like this are a great way to give users a “nudge” toward specific user actions.
The dashboard configuration for interactive Content Cards is quick and straightforward. The key-value pairs for this use case include a
discount_percentage set as the desired discount amount and
class_type set as
coupon_code. These key-value pairs are how type-specific Content Cards get filtered and displayed on the checkout screen.