Créer un message in-app
Vous pouvez créer un message in-app ou un message dans le navigateur à l’aide de la plateforme Braze via des Campaigns, Canvas ou en tant que campagne API. Nous vous recommandons d’utiliser l’éditeur par glisser-déposer pour la plupart des cas d’usage, et de planifier vos messages et de préparer tous les éléments à l’avance en utilisant notre guide de préparation des messages in-app.
Prérequis
Avant de commencer, assurez-vous de disposer des éléments suivants :
| Exigence | Description |
|---|---|
| SDK Braze | Intégrez le SDK Braze dans votre application ou votre site web. |
| Campaign ou Canvas | Utilisez une Campaign pour un message ciblé unique ou un Canvas pour un parcours utilisateur en plusieurs étapes. |
| Plan de message | Préparez votre contenu et vos ressources à l’aide du guide de préparation des messages in-app. |
Expérience de modification
Pour la plupart des messages in-app, utilisez l’éditeur par glisser-déposer. Il prend en charge les messages en fenêtre modale et en plein écran avec les mêmes mises en page de base que l’éditeur traditionnel, ainsi que les lignes, les Content Blocks, les modèles, les flux multi-pages et les mises à jour continues des fonctionnalités. Consultez Créer un message in-app par glisser-déposer pour des instructions étape par étape.
Utilisez l’éditeur traditionnel lorsque vous avez besoin de messages contextuels ou de HTML personnalisé.
Le passage d’un message par glisser-déposer à l’éditeur traditionnel convertit le message en HTML. Il n’est pas possible de revenir à l’éditeur par glisser-déposer.
Commencez votre message
- Allez dans Messaging > Campaigns et sélectionnez Créer une Campaign.
- Sélectionnez In-App Message. Notez que les messages in-app ne sont pas disponibles dans les Campaigns multicanales.
- Donnez à votre Campaign un nom clair et significatif.
- Ajoutez des Teams et des tags selon vos besoins.
- Les tags facilitent la recherche de vos Campaigns et la création de rapports. Par exemple, lorsque vous utilisez le générateur de rapports, vous pouvez filtrer par tags spécifiques.
- Ajoutez et nommez autant de variantes que nécessaire pour votre Campaign. Vous pouvez choisir différentes plateformes, types de messages et mises en page pour chacune de vos variantes ajoutées. Pour en savoir plus sur ce sujet, consultez Tests multivariés et A/B.
Si tous les messages de votre Campaign sont similaires ou ont le même contenu, composez votre message avant d’ajouter des variantes supplémentaires. Vous pouvez ensuite choisir Copier à partir de la variante dans le menu déroulant Ajouter une variante.
- Créez votre Canvas à l’aide du compositeur Canvas.
- Après avoir configuré votre Canvas, ajoutez une étape dans le générateur Canvas. Donnez à votre étape un nom clair et significatif.
- Choisissez une planification d’étape et spécifiez un délai si nécessaire. Notez que les étapes contenant des messages in-app ne peuvent pas être basées sur une action.
- Filtrez votre audience pour cette étape si nécessaire. Vous pouvez affiner davantage les destinataires de cette étape en spécifiant des segments et en ajoutant des filtres supplémentaires. Les options d’audience seront vérifiées après le délai, au moment de l’envoi des messages.
- Choisissez votre comportement d’avancement.
- Choisissez tout autre canal de communication que vous souhaitez associer à votre message.
Vous ne pouvez pas avoir plusieurs variantes de messages in-app dans une seule étape.
Vous trouverez plus d’informations spécifiques à Canvas dans Messages in-app dans Canvas.
Plateformes de diffusion
Choisissez les plateformes qui doivent recevoir le message. Les sélections de plateformes s’appliquent à chaque variante individuellement, ce qui vous permet de tester l’engagement sur différentes plateformes.
| Plateforme | Diffusion du message |
|---|---|
| Mobile Apps | Applications Android, iOS, Kindle et tvOS |
| Web Browsers | Applications web |
| Both Mobile Apps & Web Browsers | Applications Android, iOS, Kindle, Kepler, tvOS et web |
| Roku Devices | Applications Roku |
Types de messages
Après avoir sélectionné une plateforme de diffusion, choisissez un type de message et une mise en page. Les types disponibles dépendent de la plateforme de diffusion et de l’expérience d’édition. Pour les spécifications d’apparence, de comportement et de création, consultez Types de messages in-app.
| Type de message | Expérience d’édition | Disponibilité et mises en page | Quand l’utiliser |
|---|---|---|---|
| Plein écran | Glisser-déposer et traditionnelle | Image et texte ou image uniquement. L’éditeur traditionnel peut imposer une orientation portrait ou paysage. | Annonces ou promotions importantes nécessitant toute l’attention de l’utilisateur. |
| Fenêtre modale | Glisser-déposer et traditionnelle | Texte avec image optionnelle ou image uniquement. Roku ne prend en charge que les messages modaux. | Promotions et invitations de fonctionnalités qui doivent se démarquer sans couvrir la totalité de l’écran. |
| Contextuel | Traditionnelle | Apparaît en haut ou en bas de l’écran de l’application. | Annonces courtes, comme les nouvelles fonctionnalités ou les avis de cookies, qui ne doivent pas masquer le reste de l’écran. |
| HTML personnalisé | Traditionnelle | Prend en charge le HTML, le CSS et le JavaScript personnalisés. Activez allowUserSuppliedJavascript pour le JavaScript. |
Mises en page personnalisées ou expériences interactives non prises en charge par les types de messages standard. |
| Formulaire de capture d’e-mail | Traditionnelle | Disponible pour les sélections de plateformes d’application et web prises en charge. | Collecte d’adresses e-mail auprès des utilisateurs de votre application ou site web. |
| Fenêtre modale web avec CSS | Traditionnelle | Disponible lorsque vous sélectionnez Web Browsers. | Messages modaux exclusivement web nécessitant du CSS personnalisé. |
Les messages à code personnalisé doivent inclure un contrôle de fermeture ou de rejet. Vous pouvez utiliser l’extrait de code suivant :
<a href="appboy://close">X</a>
Composition
Les champs disponibles dépendent de votre plateforme, du type de message, de la mise en page et de l’expérience d’édition.
| Champ ou paramètre | Ce qu’il contrôle | Notes |
|---|---|---|
| Language | Ajoute des conditions Liquid spécifiques à la langue. | Ajoutez les langues avant de rédiger votre contenu. |
| Image | Ajoute une image importée, une URL d’image, un badge ou une icône Font Awesome. | Les options dépendent du type de message. |
| Header et Message | Définit le texte du message. | Prend en charge Liquid et d’autres fonctionnalités de personnalisation. |
| Button Text et On-click behavior | Configure jusqu’à deux boutons et leurs actions. | Les actions disponibles dépendent des plateformes sélectionnées. |
| Message Close | Contrôle la façon dont les utilisateurs ferment le message. | Choisissez la fermeture automatique ou attendez que l’utilisateur le ferme. |
| Slideup Position | Place un contextuel en haut ou en bas de l’écran de l’application. | Disponible uniquement pour les messages contextuels. |
| HTML et ressources | Définit le code personnalisé et les ressources importées. | Disponible pour les types de messages à code personnalisé. |
| Key value pairs | Envoie des champs personnalisés supplémentaires aux appareils des utilisateurs. | Configurez-les dans l’onglet Settings. |
Pour la composition par glisser-déposer, consultez Créer un message in-app avec le glisser-déposer.
L’onglet Compose vous permet de modifier le contenu et le comportement du message.
Le contenu de l’onglet Compose varie en fonction des options de message sélectionnées.
Langue
Sélectionnez Add Languages et choisissez les langues souhaitées dans la liste proposée. Cela insérera du Liquid dans votre message. Nous vous recommandons de sélectionner vos langues avant de rédiger votre contenu afin de pouvoir saisir votre texte à l’endroit approprié dans le Liquid. Consultez notre liste complète des langues disponibles.
Image
Selon votre type de message, vous pouvez Upload Image, Pick a Badge ou utiliser Font Awesome. Pour importer une image, sélectionnez Add Image ou fournissez une URL d’image. En sélectionnant Add Image, vous ouvrez la bibliothèque multimédia, où vous pouvez choisir une image précédemment importée ou en ajouter une nouvelle. Chaque type de message et chaque plateforme peut avoir ses propres proportions et exigences suggérées — assurez-vous de les vérifier avant de commander ou de créer une image depuis zéro.
Si vous intégrez des images via le contenu connecté ou Liquid, assurez-vous que l’URL de votre image commence par https://. L’utilisation de http:// provoquera le plantage de votre application.
En-tête et corps
Saisissez votre en-tête et le texte de votre message. Vous pouvez utiliser Liquid et d’autres fonctionnalités de personnalisation. Gardez les en-têtes et le contenu du message clairs et concis.
Certains types de messages ne nécessitent pas d’en-tête et n’en demandent donc pas.
Générer du texte par IA
Pour générer le texte du message, utilisez l’assistant de rédaction IA.
Créer des messages de droite à gauche
Pour les langues telles que l’arabe et l’hébreu, consultez Créer des messages de droite à gauche.
Texte des boutons
Lorsque cela est disponible pour votre type de message, vous pouvez afficher jusqu’à deux boutons sous le corps de votre texte. Vous pouvez créer et modifier le texte et la couleur des boutons personnalisés. Vous pouvez également ajouter un lien vers les conditions d’utilisation dans les formulaires de capture d’e-mail.
Si vous n’utilisez qu’un seul bouton, il s’ajuste automatiquement pour occuper l’espace disponible en bas de votre message au lieu de laisser de la place pour un bouton supplémentaire.
Choisir un bouton principal
Utilisez le bouton 2 pour votre appel à l’action principal. Donnez-lui une couleur contrastée afin qu’il se démarque du reste du message.
Comportement au clic
Lorsqu’un utilisateur sélectionne un bouton dans votre message in-app, les actions suivantes peuvent être disponibles en fonction de la plateforme et de la configuration de l’espace de travail.
| Action | Description |
|---|---|
| Close message | Ferme le message actuel. |
| Open web URL | Ouvre une page web. Vous pouvez choisir d’ouvrir l’URL dans l’application. |
| Deeplink into application | Ouvre du contenu dans votre application. Pour en savoir plus, consultez Deep linking vers du contenu in-app. |
| Log custom event | Enregistre un événement personnalisé. |
| Log custom attribute | Définit un attribut personnalisé pour l’utilisateur actuel. |
| Request push permission | Affiche l’invite native d’autorisation de notification push. Pour en savoir plus, consultez Amorces de notifications push. |
Les options Request push permission, Log custom event et Log custom attribute nécessitent les versions minimales suivantes du SDK :
Pour combiner plusieurs actions ou effectuer des actions SDK supplémentaires non disponibles dans le tableau de bord (comme ajouter à un groupe d’abonnement ou définir un type d’abonnement par e-mail), vous pouvez utiliser les deep links d’actions Braze.
Options des appareils iOS
Pour les messages qui incluent des applications iOS, sélectionnez Change pour envoyer à tous les appareils, tous les appareils iOS, uniquement aux iPads, ou uniquement aux iPhones et iPod Touches.
Fermeture du message
Choisissez parmi les options suivantes :
- Dismiss automatically : Sélectionnez le nombre de secondes pendant lesquelles le message reste à l’écran, jusqu’à 60 secondes.
- Wait for user to dismiss : Gardez le message ouvert jusqu’à ce que l’utilisateur le ferme.
La fermeture d’un message enregistre une impression mais pas un clic. Pour savoir comment les clics sont suivis en fonction de l’action de l’utilisateur, consultez Suivi des clics.
Position du contextuel
Ce paramètre s’applique uniquement au type de message contextuel. Choisissez entre faire apparaître votre contextuel From Bottom of App Screen ou From Top of App Screen.
HTML et ressources
Ce paramètre s’applique uniquement au type de message à code personnalisé. Copiez et collez le HTML dans l’espace disponible et importez vos ressources à l’aide d’un fichier ZIP.
Marque substitutive du champ de capture d’e-mail
Ce paramètre s’applique uniquement au type de message de formulaire de capture d’e-mail. Saisissez un texte personnalisé qui apparaîtra comme texte de marque substitutive dans le champ de saisie de l’e-mail. Par défaut, il affiche « Enter your email address ».
Design
Utilisez l’onglet Design pour ajuster l’apparence visuelle d’un message créé dans l’éditeur traditionnel. Les paramètres disponibles dépendent de la plateforme, du type de message et de la mise en page.
| Paramètre | Ce qu’il contrôle |
|---|---|
| Profil de couleur | Applique un profil de couleur réutilisable depuis la galerie de modèles de messages in-app. |
| Alignement du texte | Aligne le texte d’en-tête et de corps pris en charge à gauche, au centre ou à droite. |
| En-tête et texte | Définit la couleur et l’opacité du texte. |
| Boutons | Définit l’arrière-plan, le texte, la bordure et l’opacité de chaque bouton. |
| Couleur d’arrière-plan | Définit la couleur et l’opacité de l’arrière-plan du message. |
| Overlay de l’écran | Définit la couleur et l’opacité autour des messages modaux et plein écran. |
| Contrôle de fermeture | Définit la couleur du chevron ou d’un autre contrôle de fermeture. |
Prévisualisez et testez toujours votre message avant de l’envoyer.
Les types de messages à code personnalisé n’incluent pas l’onglet Design. Ajoutez le HTML, le CSS, le JavaScript et les ressources dans l’onglet Compose. Pour les modèles CSS spécifiques au web, consultez Fenêtre modale web avec CSS.
Paramètres supplémentaires
Paires clé-valeur
Vous pouvez ajouter des paires clé-valeur pour envoyer des champs personnalisés supplémentaires aux appareils des utilisateurs.
- Dans le compositeur de messages, sélectionnez l’onglet Paramètres.
- Dans Paires clé-valeur, sélectionnez Ajouter une nouvelle paire.
- Saisissez une clé et une valeur pour chaque paire. Pour ajouter une autre paire, sélectionnez à nouveau Ajouter une nouvelle paire.
Réception et ciblage
Choisir un déclencheur de campagne
Choisissez une action qui déclenche la campagne, puis définissez l’heure de début et l’heure de fin facultative de la campagne.
Pour déclencher un message in-app à partir d’un événement personnalisé, enregistrez l’événement via le SDK.
Les campagnes de messages in-app prennent en charge les déclencheurs d’action suivants :
- Démarrer une session dans l’application ou sur le site web
- Effectuer un achat
- Réaliser un événement personnalisé enregistré via le SDK
Pour les messages déclenchés par le serveur et les messages locaux, consultez Déclencher des messages in-app.
Déclencher des messages hors ligne
Braze envoie les messages éligibles et leurs déclencheurs sur l’appareil de l’utilisateur. Une fois qu’un message est mis en cache, il peut s’afficher lorsque son déclencheur se produit alors que l’appareil est hors ligne.
Après l’arrêt d’une campagne de messages in-app, les utilisateurs qui ont démarré une session avant l’arrêt peuvent encore voir le message mis en cache lorsqu’ils réalisent l’événement déclencheur. Ces utilisateurs comptent comme des impressions uniques.
Choisir une priorité
Définissez l’ordre dans lequel les messages in-app éligibles s’affichent lorsque plusieurs messages partagent un déclencheur. Les Campaigns et les étapes de messages Canvas utilisent le même ordre de priorité.
Vous pouvez choisir parmi les priorités de message suivantes :
- Priorité haute (affiché avant les autres messages)
- Priorité moyenne (par défaut)
- Priorité basse (affiché après les autres messages)
Les options haute, moyenne et basse sont des compartiments de priorité. Les messages nouveaux ou nouvellement attribués reçoivent la position la plus élevée dans leur compartiment, sauf si vous définissez une priorité exacte.
Sélectionnez Set exact priority pour glisser-déposer les Campaigns et les Canvas dans un ordre spécifique. Vous pouvez également épingler un message pour le maintenir en haut du compartiment de haute priorité.
Choisir les utilisateurs à cibler
Utilisez des Segments et des filtres pour cibler les utilisateurs. Braze calcule l’appartenance exacte au segment avant d’envoyer le message à l’appareil.
Si une étape de message in-app comporte un délai, Braze évalue l’appartenance au segment après le délai. Si l’utilisateur est éligible, le message se synchronise lors de la prochaine session disponible.
Réévaluer l’éligibilité de la campagne et le Liquid
Pour les Campaigns, sélectionnez Re-evaluate campaign eligibility before displaying lorsque l’éligibilité dépend d’attributs fréquemment modifiés ou que le message nécessite des données de profil actualisées.
Lorsque vous sélectionnez cette option, le SDK effectue une requête supplémentaire pour confirmer que l’utilisateur est toujours éligible. Braze évalue également le Liquid et le contenu connecté juste avant l’affichage du message.
Cette option empêche les messages mis en cache de s’afficher lorsque l’utilisateur ne remplit plus les critères d’éligibilité de la campagne.
Cette option nécessite une connexion réseau et ajoute une requête avant l’affichage. Ne l’utilisez pas pour les messages qui doivent se déclencher lorsque l’utilisateur est hors ligne.
Utiliser des données ajoutées par la REST API dans un message
Les données utilisateur ajoutées par l’endpoint /users/track au cours de la même session peuvent parfois être utilisées dans le message in-app de cet utilisateur. Par exemple, si un utilisateur fait partie de l’audience d’un message in-app en attente d’un déclencheur, qu’il démarre une session et que, au cours de cette même session, la REST API met à jour son profil, ces nouvelles données peuvent apparaître dans le message in-app lorsque l’option Re-evaluate campaign eligibility before displaying est sélectionnée. Braze ne génère le modèle du message in-app qu’au moment du rendu.
Si un seul déclencheur envoie à la fois des données à Braze et déclenche le message in-app, le message ne peut pas utiliser ces données de profil nouvellement mises à jour, même avec un délai planifié. Utilisez plutôt deux déclencheurs distincts : l’un pour envoyer les données, et l’autre pour déclencher le message in-app.
Configurer les contrôles de message Canvas
Les messages in-app dans Canvas incluent des contrôles pour l’expiration, les actions de déclenchement et un délai pouvant aller jusqu’à deux heures. Pour plus de détails, consultez Messages in-app dans Canvas.
Choses à savoir
Capacité des campaigns de messages in-app actives
Pour maintenir les performances de distribution des messages, arrêtez les Campaigns de messages in-app basées sur les actions qui ne sont plus nécessaires.
La capacité par défaut est de 200 Campaigns de messages in-app actives et basées sur les actions par espace de travail. Votre espace de travail peut avoir une capacité différente. Cela ne s’applique pas aux Canvas.
Le décompte inclut les Campaigns actives qui n’ont pas atteint leur date de fin et les Campaigns sans date de fin. Il exclut les Campaigns dont la date de fin est dépassée, qui ont atteint leur nombre maximal d’impressions ou qui ne sont plus activées.
Évaluation de la diffusion selon l’heure locale
Lorsqu’une Campaign de message in-app utilise le fuseau horaire local de l’utilisateur, Braze évalue les heures de début et de fin de la Campaign dans ce fuseau horaire. Un message mis en cache ne s’affiche que lorsque l’utilisateur est éligible et que son déclencheur survient pendant la fenêtre de distribution configurée.
Prochaines étapes
Après avoir composé votre message in-app, continuez à créer et valider la campagne ou le Canvas :
- Configurer un Canvas ou terminer la planification de votre campagne
- Cibler les utilisateurs et configurer les événements de conversion
- Prévisualiser et tester le message
- Consulter les rapports sur les messages in-app