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 Campaign : 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 Content Cards
La carte classique est idéale pour les messages et notifications standard, ou même pour catégoriser visuellement vos 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 | 18px ; gras Une seule ligne de texte est idéale. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du message | 13px ; graisse 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 deep link vers un emplacement de votre application. |
| Image | Facultative. Doit respecter un rapport hauteur/largeur de 1:1. Nous recommandons une qualité d’image de 60 x 60 px. |
La carte Image avec légende est un excellent moyen de mettre en valeur un contenu important et d’attirer l’attention dessus, comme une grosse promotion ou une nouvelle fonctionnalité de l’application.

| Fonctionnalité de la carte | Détails |
|---|---|
| Texte d’en-tête | 18px ; gras Une seule ligne de texte est idéale. Vous pouvez utiliser Liquid ici pour personnaliser votre message. |
| Texte du message | 13px ; graisse 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 deep link vers un emplacement de votre application. |
| Image | Rapport hauteur/largeur de 4:3 conseillé. Largeur minimale de 600 px. Prend en charge les formats PNG, JPEG et GIF haute résolution. |
Si vous souhaitez davantage de contrôle créatif, la carte Image uniquement est faite pour vous. Créez votre image avec l’outil de votre choix, puis téléchargez-la dans ce type de carte.

| Fonctionnalité de la carte | Détails |
|---|---|
| Carte avec lien | Facultatif. 13 px Comportement au clic : lien vers une page web ou deep link vers un emplacement de votre application. |
| Image | Tous les rapports hauteur/largeur sont 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, par défaut. Pour l’instant, il n’est pas possible d’appliquer un style personnalisé aux cartes depuis le tableau de bord, par exemple des couleurs de police différentes ou plusieurs images. Vous pouvez en revanche personnaliser le style de vos Content Cards et de votre flux lors de l’intégration. Pour plus de détails, consultez Personnaliser les cartes pour le SDK de Braze.
Comportement de fermeture
Pour fermer une carte, les utilisateurs peuvent la faire glisser sur mobile ou utiliser la fonction close X, comme illustré dans la capture d’écran suivante. Le x apparaît au survol uniquement avec le SDK Web.

Si un utilisateur a fermé toutes ses cartes ou si vous n’avez publié aucune nouvelle mise à jour, son flux ressemblera généralement à ceci :


Assurez la pertinence de vos Content Cards en les configurant pour qu’elles se ferment lorsque les utilisateurs effectuent certaines actions. Par exemple, configurez vos Content Cards promotionnelles pour qu’elles se ferment dès qu’un achat est effectué, afin que les utilisateurs ne continuent pas à voir une offre pour un produit qu’ils ont 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. |