Passer au contenu

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.

Carte classique avec les spécifications recommandées et un exemple de carte classique

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.

Carte Image avec légende avec les spécifications recommandées et un exemple de carte Image avec légende

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.

Content Card Image uniquement avec les spécifications recommandées et un exemple de carte Image uniquement

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.

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

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 :

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!