Skip to content

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 les messages à l’aide d’icônes. L’image est facultative, mais elle doit respecter un rapport hauteur/largeur de 1:1.

Image d'une carte classique avec les détails recommandés et un exemple de carte classique

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.

Image d'une carte avec image légendée avec les détails recommandés et un exemple de carte avec image légendée

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.

Image d'une Content Card image uniquement avec les détails recommandés et un exemple d'image uniquement

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.

Image montrant les comportements de fermeture par glissement ou par bouton de fermeture pour une carte

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 :

Image d'un flux de Content Cards vide

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.
New Stuff!