Skip to content

Creative details for Content Cards

Customizing Content Cards and the feed they are located in can’t be done during the campaign creation process—you must work with your engineers and developers to build and customize your cards. For technical details, visit our developer documentation.

Content Card types

The classic card is great for standard messaging and notifications or even visually categorizing messages with icons. The image is optional, but it must be at a 1:1 ratio.

Image of a classic card with recommended details and a classic card example

Card Capability Details
Header Text 18px; Bolded
One line of text is ideal.
You may use Liquid here to personalize your message.
Message Text 13px; Regular Weight
Two to four lines of text is ideal.
You may use Liquid here to personalize your message.
Link Text Optional.
13 px
Link to web page or deep link to within your app.
Image Optional.
Must be 1:1 ratio.
We recommend an image quality of 60 x 60 px.

The Captioned Image card is a great way to show off and attract attention to important content, like a big sale or a new app feature.

Image of a Captioned Image card with recommended details and a Captioned Image card example

Card Capability Details
Header Text 18px; Bolded
One line of text is ideal.
You may use Liquid here to personalize your message.
Message Text 13px; Regular Weight
Two to four lines of text is ideal.
You may use Liquid here to personalize your message.
Link Text Optional.
13 px
Link to web page or deep link to within your app.
Image Suggested be 4:3 ratio.
600 px minimum width.
Supports high-resolution PNG, JPEG, and GIF.

Global creative details

Content Cards come with great functionality from the very beginning. At this time, card styling cannot be done natively in your Braze account, but you can style your Content Card by type and the Content Card feed during integration. Refer to Customizing Content Cards for more information.

Dismissal behavior

For a user to dismiss a card, they can either swipe it away on mobile, or use a close X function, as shown in the following screenshot. The x will appear on hover for the Web SDK only.

Image that shows swipe or close dismissal behaviors for a card

If a user has dismissed all of their cards or you haven’t pushed out any new updates, the user’s feed will usually look something like this:

Image of an empty Content Card feed

Using GIFs in Content Cards

Content Cards for Android Content Cards for iOS Content Cards for Web
The Android SDK does not provide animated GIF support by default. For more details on activating GIF support, refer to this tutorial. The Swift SDK does not provide animated GIF support by default. For more details on activating GIF support, refer to this tutorial. GIF support is included by default in the Web SDK integration.



HOW HELPFUL WAS THIS PAGE?
New Stuff!