Détails créatifs pour les Content Cards
La personnalisation des Content Cards et du flux dans lequel elles se trouvent ne peut pas être effectuée lors du processus de création de campagne : vous devez travailler avec vos ingénieurs et développeurs pour créer et personnaliser vos cartes. Pour les détails techniques, consultez notre documentation développeur.
Types de cartes de contenu
La carte classique est idéale pour les messages et notifications standard, ou même pour catégoriser visuellement les messages à l’aide d’icônes. L’image est facultative, mais elle doit respecter un rapport hauteur/largeur de 1:1.

| Fonctionnalité de la carte | Détails |
|---|---|
| Texte d’en-tête | 18 px ; Gras Une seule ligne de texte est idéale. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du message | 13 px ; Épaisseur normale Deux à quatre lignes de texte sont idéales. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du lien | Facultatif. 13 px Lien vers une page web ou lien profond vers votre application. |
| Image | Facultatif. Le rapport doit être de 1:1. Nous recommandons une qualité d’image de 60 x 60 px. |
La carte avec image légendée est un excellent moyen de mettre en valeur et d’attirer l’attention sur du contenu important, comme une grande promotion ou une nouvelle fonctionnalité de l’application.

| Fonctionnalité de la carte | Détails |
|---|---|
| Texte d’en-tête | 18 px ; Gras Une seule ligne de texte est idéale. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du message | 13 px ; Épaisseur normale Deux à quatre lignes de texte sont idéales. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du lien | Facultatif. 13 px Lien vers une page web ou lien profond vers votre application. |
| Image | Rapport 4:3 suggéré. Largeur minimale de 600 px. Prend en charge les formats PNG, JPEG et GIF haute résolution. |
Si vous souhaitez davantage de liberté créative, la carte image uniquement est faite pour vous. Créez votre image avec l’outil de votre choix et importez-la dans ce type de carte.

| Fonctionnalité de la carte | Détails |
|---|---|
| Carte avec lien | Facultatif. 13 px Le comportement au clic renvoie vers une page web ou un lien profond vers votre application. |
| Image | Tout rapport hauteur/largeur est pris en charge. Largeur minimale de 600 px. Prend en charge les formats PNG, JPEG et GIF haute résolution. |
Détails créatifs généraux
Les Content Cards prennent en charge le texte et les images, y compris les GIF, de manière native. Actuellement, le style personnalisé des cartes, comme des couleurs de police différentes ou plusieurs images, ne peut pas être configuré dans le tableau de bord. Vous pouvez appliquer un style personnalisé à vos Content Cards et à votre flux lors de l’intégration. Pour plus de détails, consultez Personnaliser les cartes pour le SDK Braze.
Comportement de fermeture
Pour fermer une carte, l’utilisateur peut soit la faire glisser sur mobile, soit utiliser la fonction close X, comme illustré dans la capture d’écran suivante. Le x n’apparaît au survol que pour le SDK Web.

Si un utilisateur a fermé toutes ses cartes ou si vous n’avez pas envoyé de nouvelles mises à jour, le flux de l’utilisateur ressemblera généralement à ceci :

Gardez vos Content Cards pertinentes en les configurant pour qu’elles se ferment lorsque l’utilisateur effectue une action pertinente. Par exemple, configurez les Content Cards promotionnelles pour qu’elles se ferment dès que l’utilisateur effectue un achat, afin qu’il ne continue pas à voir une offre pour un produit qu’il a déjà acheté.
Utilisation des GIF dans les Content Cards
| Content Cards pour Android | Content Cards pour iOS | Content Cards pour le Web |
|---|---|---|
| Le SDK Android ne prend pas en charge les GIF animés par défaut. Pour savoir comment activer cette prise en charge, consultez GIF. | Le SDK Swift ne prend pas en charge les GIF animés par défaut. Pour savoir comment activer cette prise en charge, consultez le tutoriel de prise en charge des GIF. | La prise en charge des GIF est incluse par défaut dans l’intégration du SDK Web. |