Création d’un message in-app
Vous pouvez créer un message in-app ou intégré au navigateur en utilisant la plateforme Braze par le biais de campagnes, de Canvas ou d’une campagne API. Nous vous recommandons vivement de planifier vos messages et de préparer tous les documents à l’avance à l’aide de notre guide pratique de préparation des messages in-app.
Étape 1 : Choisir où créer votre message
Vous ne savez pas si votre message doit être envoyé via une campagne ou un Canvas ? Les campagnes sont mieux adaptées aux campagnes de communication simples et uniques, tandis que les Canvas sont mieux adaptés aux parcours client en plusieurs étapes.
- Allez dans Messagerie > Campagnes et sélectionnez Créer une campagne.
Si vous utilisez l’ ancienne navigation, vous trouverez les campagnes sous Engagement.
2. Sélectionnez Message in-app. Notez que les messages in-app ne sont pas disponibles dans les campagnes multicanaux. 3. Donnez un nom clair et significatif à votre campagne. 4. Ajoutez des Teams et des Tags si nécessaire.
- Les balises facilitent la recherche et l’identification des campagnes, et la création de rapports. Par exemple, lorsque vous utilisez le générateur de rapports, vous pouvez filtrer les éléments en fonction de certaines étiquettes spécifiques.
- Ajoutez et nommez autant de variantes que nécessaire pour votre campagne. Vous pouvez choisir différentes plates-formes, types de messages et mises en page pour chacune de vos variantes ajoutées. Pour plus d’informations sur ce sujet, consultez Tests multivariés et A/B.
Si tous les messages de votre campagne vont être similaires ou avoir le même contenu, composez votre message avant d’ajouter des variantes supplémentaires. Vous pouvez ensuite choisir Copier à partir de la variante dans la liste déroulante Ajouter une variante.
- Créez votre canvas à l’aide du compositeur de canvas.
- Après avoir configuré votre Canvas, ajoutez une étape dans le Créateur de Canvas. Donnez un nom clair et significatif à votre étape.
- Choisissez une planification des étapes 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 des actions.
- 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 les autres canaux de communication que vous souhaitez associer à votre message.
Vous ne pouvez pas avoir plusieurs variantes de messages in-app dans une même étape.
Vous trouverez davantage d’informations spécifiques à Canvas dans les messages in-app dans Canvas.
Étape 2 : Spécifier les plateformes de livraison
Commencez par choisir les plateformes devant recevoir le message. Cette sélection vous permet de limiter la livraison d’une campagne à un ensemble spécifique d’applications. Par exemple, vous pouvez choisir Navigateurs web pour un message dans le navigateur encourageant les utilisateurs à télécharger votre application mobile afin de vous assurer qu’ils ne reçoivent pas le message après avoir déjà obtenu votre application. Les sélections de plateformes étant spécifiques à chaque variante, vous pourriez essayer de tester l’engagement des messages par plateforme.
Plateforme | Livraison des messages |
---|---|
Applications mobiles | SDK iOS et Android |
Navigateurs Web | Web SDK |
Applications mobiles et navigateurs Web | SDK iOS, Android et Web |
Étape 3 : Spécifiez vos types de messages
Une fois que vous avez sélectionné une plateforme d’envoi, parcourez les types de messages, les mises en page et autres options associées. Pour en savoir plus sur le comportement attendu et l’aspect de chacun de ces messages, consultez notre page Détails créatifs, ou cliquez sur les types de messages liés dans les tableaux suivants.
Lorsque vous décidez quel type de message utiliser, vous devez réfléchir au degré d’intrusion que votre campagne de messages in-app doit avoir. Il s’agit d’évaluer la place que le message va occuper dans l’écran et l’interruption qu’il supposera pour l’expérience normale de votre client dans votre application ou votre site. Plus vous voulez fournir de contenu riche, plus votre message doit être intrusif.
Types de messages
Ces messages in-app sont acceptés par les applications mobiles et les applications Web.
Type de message | Description du type | Dispositions disponibles | Autres actions | Utilisation recommandée |
---|---|---|---|---|
Plein écran | Messages occupant tout l’écran avec un bloc de texte. |
|
Orientation de l’appareil appliquée (portrait ou paysage) | Grand et en gras ! À utiliser pour vous assurer que les utilisateurs voient votre contenu, comme vos campagnes clés, des notifications importantes ou des promotions massives. Notez que sur les appareils mobiles, les messages en mode portrait et paysage ne s'affichent pas si l'orientation de l'appareil ne correspond pas à celle du message. |
Boîte de dialogue modale | Messages occupant tout l’écran entier avec une incrustation et un bloc de texte. |
|
S.O. | Un bon juste milieu. À utiliser lorsque vous avez besoin d’une façon apparente d’attirer l’attention de vos utilisateurs, par exemple pour essayer une nouvelle fonctionnalité ou profiter d’une promotion. |
Fenêtre contextuelle | Messages qui glissent à un endroit concret sans bloquer le reste de l’écran. | S.O. | S.O. | Discret car il occupe un espace minimal à l’écran. À utiliser pour avertir les utilisateurs d’extraits de code d’informations, comme de nouvelles fonctionnalités, des annonces, l’utilisation de cookies, etc. |
Types de messages avancés
Ces messages in-app sont personnalisables selon vos besoins.
Type de message | Description du type | Dispositions disponibles | Conditions | Utilisation recommandée |
---|---|---|---|---|
Message HTML personnalisé | Messages personnalisés qui s’affichent comme défini dans votre code personnalisé (HTML, CSS et/ou Javascript). | S.O. | Doit définir l’option d’initialisation allowUserSuppliedJavascript sur true pour que votre message in-app fonctionne. |
Une option utile pour bénéficier de tous les avantages des messages in-app si vous avez aussi besoin d’autres fonctionnalités ou que l’apparence doit rester cohérente. Vous pouvez modifier chaque détail du message : police, couleur, forme, taille, boutons, etc. Exemples de cas d’utilisation : demander aux utilisateurs des commentaires sur l’application, des formulaires de capture d’e-mail ou des messages paginés |
Formulaire de capture d’adresses e-mail | Généralement utilisé pour obtenir l’e-mail d’un visiteur. | S.O. | Doit définir l’option d’initialisation allowUserSuppliedJavascript sur true pour que votre message in-app fonctionne. |
Il consiste à demander aux utilisateurs de soumettre leur adresse e-mail. |
Modal Web avec CSS | Messages modaux pour le Web avec CSS personnalisable. |
|
Un modal Web avec CSS est unique au SDK Web et peut uniquement être utilisé après avoir sélectionné Web Browsers (Navigateurs Web). | À utiliser lorsque vous voulez télécharger ou écrire un CSS personnalisé pour créer une élégante communication personnalisée. |
Si Braze détecte que vous n’avez pas de bouton de fermeture dans votre code, nous vous demanderons d’en ajouter un. Pour votre commodité, nous fournissons un extrait de code que vous pouvez copier et coller dans votre code : <a href= "appboy://close">X</a>
.
Étape 4 : Composer votre message in-app
L’onglet Composer vous permet de modifier tous les aspects du contenu et du comportement de votre message.
Le contenu de l’onglet Composer varie en fonction des options de message que vous avez choisies à l’étape précédente, mais peut inclure l’une des options suivantes :
Langue
Sélectionnez Ajouter des langues et sélectionnez les langues de votre choix dans la liste proposée. Cela permettra d’insérer Liquid dans votre message. Nous vous recommandons de sélectionner vos langues avant d’écrire votre contenu afin que vous puissiez remplir votre texte dans Liquid. Consultez notre liste complète des langues disponibles.
Image
Selon le type de message, vous pouvez télécharger une image, choisir un badge ou utiliser Font Awesome. Pour télécharger une image, cliquez sur Ajouter une image ou indiquez l’URL de l’image. En cliquant sur Ajouter une image, vous ouvrez la bibliothèque multimédia, où vous pouvez sélectionner une image déjà téléchargée ou en ajouter une nouvelle. Chaque type de message et plateforme peut avoir ses propres proportions suggérées et ses conditions, donc vérifiez-les avant de les mettre en œuvre ou de créer une image à partir de zéro !
En-tête et corps
Écrivez ce que bon vous semble ! Inclure un texte entièrement personnalisé (souvent avec des capacités HTML personnalisées) avec la possibilité d’inclure des liquides et d’autres types de personnalisation. Plus vite votre message est diffusé et votre client clique, mieux c’est ! Nous recommandons des en-têtes et un contenu de message clairs et concis.
Certains types de messages ne requièrent pas et ne demandent donc pas d’en-têtes.
Besoin d’aide pour créer un texte d’exception ? Essayez d’utiliser l’assistant de rédaction de l’intelligence artificielle. Saisissez un nom ou une description du produit et l’IA générera un texte marketing semblant d’origine humaine pour une utilisation dans votre envoi de messages.
Texte du bouton
Lorsque le type de message est disponible, jusqu’à deux boutons peuvent apparaître sous le corps du texte. Vous pouvez créer et modifier le texte et la couleur du bouton personnalisé. Vous pouvez également ajouter un lien aux conditions de service dans les formulaires de capture d’e-mail.
Si vous choisissez d’utiliser un seul bouton, il s’ajuste automatiquement pour occuper l’espace disponible au bas de votre message au lieu de laisser de la place pour un autre bouton.
Choisir un bouton principal
Si vous décidez d’appliquer vos couleurs à ces boutons, nous vous recommandons d’utiliser le bouton 2 pour votre résultat préféré. En d’autres termes, si vous souhaitez que votre utilisateur clique sur un bouton plus que l’autre, assurez-vous qu’il se trouve sur la droite. Les clics s’avèrent plus fréquents sur le bouton de droite, notamment s’il a une couleur légèrement contrastée ou tranchante par rapport au reste du message. Ce cas ne se vérifie que si le bouton sur la gauche se fond davantage dans le message.
Comportement lors du clic
Lorsque votre client clique sur un bouton dans votre message in-app, les actions suivantes sont disponibles.
Action | Description |
---|---|
Rediriger vers une URL Web | Ouvrir une page Web non native. |
Lien profond dans l’application | Lien profond vers un écran existant de votre appli. |
Fermer le message | Ferme le message actuellement actif. |
Enregistrer un événement personnalisé | Choisissez un événement personnalisé à déclencher. Utilisable pour afficher un autre message in-app ou déclencher des envois de messages supplémentaires. |
Enregistrer un attribut personnalisé | Choisissez un attribut personnalisé à définir pour l’utilisateur actuel. |
Demander l’autorisation pour les notifications push | Affiche l’autorisation native pour les notifications push. Découvrez plus d’informations plus sur l’amorçage des notifications push, ainsi que sur les bonnes pratiques pour préparer les utilisateurs aux notifications push. |
Remarque : les options Request Push Permission, Log Custom Event et Log Custom Attribute nécessitent les versions minimales suivantes du SDK :
Options d’appareil iOS
Vous avez la possibilité de restreindre l’envoi de vos messages in-app à des appareils iOS. Pour ce faire, cliquez sur Modifier et sélectionnez Envoyer uniquement aux appareils iOS.
Fermeture du message
Choisissez entre les options suivantes :
- Fermer automatiquement : Sélectionnez le nombre de secondes que le message reste à l’écran.
- Attendez que l’utilisateur glisse ou touche : Nécessite une option de rejet ou de fermeture.
Position de slideup
Ce paramètre s’applique uniquement au type de message slideup. Vous pouvez choisir de faire apparaître votre contextuel en bas ou en haut de l’écran de l’application.
HTML et ressources
Ce paramètre s’applique uniquement au type de message personnalisé. Copiez et collez le code HTML dans l’espace disponible et téléchargez vos ressources à l’aide d’un fichier ZIP.
Marque substitutive d’entrée 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 marque substitutive pour le champ d’entrée d’e-mail. Par défaut s’affiche le message « Enter your email address » (Saisissez votre adresse e-mail).
Étape 5 : Styliser votre message in-app
L’onglet Style vous permet d’ajuster tous les aspects visuels de votre message. Téléchargez une image ou un badge, ou choisissez une icône de badge préconçue. Modifiez les couleurs de l’en-tête, du texte du corps, des boutons et de l’arrière-plan à l’aide d’une palette ou en saisissant un code hexadécimal, RVB ou HSB.
Le contenu de l’onglet Style varie en fonction des options de message que vous avez choisies à l’étape précédente, mais peut inclure l’une des options suivantes :
Formatage | Entrée | Description |
---|---|---|
Profil de couleur | Appliquer à partir de la galerie des modèles de messages in-app. | Cliquez sur Appliquer un modèle et sélectionnez-le dans la galerie. Cliquez ensuite sur Enregistrer. |
Alignement du texte | Gauche, Centre ou Droite. | Disponible uniquement pour les versions plus récentes du SDK Braze. |
En-tête | Code de couleur HEX. | La couleur HEX souhaitée s’affiche. Vous pouvez également choisir l’opacité de la couleur. |
Texte | Code de couleur HEX. | La couleur HEX souhaitée s’affiche. Vous pouvez également choisir l’opacité de la couleur. |
Boutons | Code de couleur HEX. | Les couleurs HEX souhaitées s’affichent. Vous pouvez également choisir l’opacité des couleurs. Vous pouvez choisir des couleurs pour l’arrière-plan du bouton de fermeture du message, ainsi que l’arrière-plan, le texte et la bordure de chaque bouton. |
Bordure du bouton | Code de couleur HEX. | Nouveau ! Vous pouvez ainsi définir les boutons principaux et secondaires de façon indépendante. Nous suggérons de choisir pour le contour des boutons des couleurs contrastantes. |
Couleur d’arrière-plan | Code de couleur HEX. | La couleur HEX souhaitée s’affiche. Vous pouvez également choisir l’opacité de la couleur. Il s’agit de l’arrière-plan du message entier qui s’affiche clairement derrière le corps de votre texte. |
Incrustation à l’écran | Code de couleur HEX. | La couleur HEX souhaitée s’affiche. Vous pouvez également choisir l’opacité de la couleur. Disponible uniquement pour les versions plus récentes du SDK Braze. Il s’agit du cadre autour du message entier. |
Chevron ou autre option de fermeture du message | Code de couleur HEX. | La couleur HEX souhaitée s’affiche. Vous pouvez également choisir l’opacité de la couleur. |
Prévisualisez et testez toujours votre message avant de l’envoyer.
Certains types de messages in-app n’ont pas d’option de style personnalisé autre que le téléchargement de HTML (ou CSS ou JavaScript) et de ressources à l’aide d’un fichier ZIP. Web Modal with CSS vous permet de télécharger ou d’écrire des feuilles de style personnalisé (CSS) pour créer de magnifiques envois de messages personnalisés.
Étape 6 : Configurer des paramètres supplémentaires (facultatif)
Paires clé-valeur
Vous pouvez ajouter des paires clé-valeur pour envoyer des champs personnalisés supplémentaires aux appareils des utilisateurs.
Étape 7 : Créer le reste de votre campagne ou de votre Canvas
Élaborez le reste de votre campagne ; consultez les sections suivantes pour obtenir des conseils supplémentaires sur le meilleur usage de nos outils afin de créer des messages in-app.
Choisir un déclencheur
Sélectionnez l’action à partir de laquelle votre message doit être déclenché, ainsi que les heures de début et de fin pour votre campagne ou Canvas.
Notez que si vous avez l’intention de déclencher votre message in-app sur la base d’un événement personnalisé, cet événement personnalisé doit être envoyé à l’aide du SDK.
La livraison des messages in-app est entièrement basée sur les déclencheurs d’action suivants :
- Faire un achat
- Ouvrir l’application/la page Web
- Exécution d’un événement personnalisé (ne fonctionne qu’avec les événements envoyés à l’aide du SDK)
- Ouvrir un message de notification push spécifique
- Planifiez automatiquement les campagnes pour des envois à des moments précis en fonction de l’heure locale de chacun de vos utilisateurs.
- Les messages peuvent également être configurés pour une récurrence quotidienne, hebdomadaire (éventuellement à des jours spécifiques) ou mensuelle.
Une date et une heure de début doivent être sélectionnées, mais une date de fin est facultative. Une date de fin empêche ce message in-app spécifique de s’afficher sur les appareils après la date et l’heure indiquées.
Reportez-vous à notre documentation destinée aux développeurs pour le déclenchement d’événements côté serveur et la réception/distribution locale de messages in-app.
Déclenchement en ligne ou hors ligne
Les messages in-app fonctionnent par l’envoi du message et de déclencheurs à l’appareil de l’utilisateur. Une fois que les messages in-app sont sur un appareil, la condition de déclenchement doit être remplie pour qu’ils puissent s’afficher. Si les messages in-app sont déjà mis en cache sur l’appareil de l’utilisateur, vous pouvez même les déclencher hors ligne sans connexion à Braze (par exemple, en mode Avion).
Une fois qu’un message in-app a été arrêté, certains utilisateurs peuvent continuer à voir le message s’ils ont démarré la session avant que le message ne soit arrêté et ont ensuite effectué l’événement déclencheur. Ces utilisateurs sont comptabilisés comme impression unique, même après l’arrêt de la campagne.
Choisir une priorité
Enfin, après avoir sélectionné l’action à partir de laquelle le message in-app sera déclenché, vous devez également définir une priorité. Si deux messages sont déclenchés depuis la même action, les messages de priorité élevée sont planifiés pour s’afficher sur les appareils des utilisateurs avant ceux moins prioritaires.
Vous pouvez choisir entre les priorités de message suivantes :
- Priorité faible (affiché après d’autres messages)
- Priorité moyenne
- Priorité élevée (affiché avant d’autres messages)
Les options de priorité faible, moyenne et élevée pour les messages déclenchés sont des compartiments, et des messages multiples peuvent avoir la même priorité sélectionnée. Pour définir des priorités au sein de ces compartiments, cliquez sur Définir une priorité exacte. Vous pourrez alors glisser-déposer des campagnes pour les ordonner avec la priorité correcte.
Choisir les utilisateurs à cibler
Ensuite, vous devez cibler les utilisateurs en choisissant des segments ou des filtres pour réduire votre audience. Vous recevez automatiquement un aperçu de ce à quoi ressemble la population approximative du segment à ce moment-là. Gardez à l’esprit que l’appartenance à un segment exact est toujours calculée juste avant l’envoi du message.
En cas de retard à l’étape de message in-app, l’appartenance à un segment est évaluée après le délai. Si l’utilisateur est éligible, le message in-app se synchronise lors de la prochaine session disponible.
Réévaluer l’éligibilité de la campagne et de Liquid
Dans certains scénarios, vous voulez éventuellement réévaluer l’éligibilité d’un utilisateur lorsqu’il déclenche un message in-app à afficher. Les exemples incluent des campagnes qui ciblent un attribut personnalisé amené à changer fréquemment, ou des messages devant refléter les changements de profil de dernière minute.
Lorsque vous sélectionnez Réévaluer l’éligibilité de la campagne avant l’affichage, une demande supplémentaire sera adressée à Braze pour confirmer que l’utilisateur est toujours éligible pour ce message avant l’envoi. En outre, toute variable liquide ou contenu connecté sera mis en forme à ce moment-là, avant l’affichage du message.
Cela permet d’éviter que des messages in-app soient envoyés à des utilisateurs dans le cadre de campagnes expirées ou archivées. Si vous ne réévaluez pas l’éligibilité d’un utilisateur, celui-ci recevra le message in-app même après l’expiration ou l’archivage de la campagne, car le message se trouve dans votre SDK et attend que les utilisateurs le déclenchent.
L’activation de cette option entraîne un léger retard (< 100 ms) entre le déclenchement d’un message in-app et son affichage en raison de la demande ajoutée d’éligibilité et de mise en place.
N’utilisez pas cette option pour les messages qui peuvent être déclenchés lorsqu’un utilisateur est hors ligne ou lorsque l’éligibilité et la réévaluation de Liquid ne sont pas requises.
Sélectionner des événements de conversion
Braze vous permet de suivre la fréquence à laquelle les utilisateurs effectuent des actions spécifiques, des événements de conversion, après avoir reçu une campagne. Vous avez la possibilité d’autoriser une fenêtre allant jusqu’à 30 jours pendant laquelle une conversion sera comptée si l’utilisateur entreprend l’action spécifiée.
Si vous ne l’avez pas déjà fait, complétez les sections restantes de votre composant de Canvas. Pour plus de détails sur la manière de créer le reste de votre Canvas, de mettre en œuvre les tests multivariés et la sélection intelligente, et plus encore, reportez-vous à l’étape Créer votre Canvas de notre documentation sur le Canvas.
Pour plus d’informations sur les options d’envoi de messages in-app spécifiques à Canvas, reportez-vous à Messages in-app dans Canvas.
Étape 8 : Revue et déploiement
Une fois que vous avez fini de créer la dernière partie de votre campagne ou de votre canvas, passez en revue ses détails, testez-le, puis envoyez-le !
Ensuite, consultez le rapport sur les messages in-app pour savoir comment accéder aux résultats de vos campagnes de communication.
Choses à savoir
Limites de campagnes actives de messages in-app
Braze accorde de l’importance à la fiabilité et à la vitesse. Tout comme nous vous suggérons d’envoyer uniquement les données dont vous avez besoin à Braze, nous vous recommandons de désactiver les campagnes qui n’ajoutent plus de valeur à votre marque.
Le traitement des campagnes de messages in-app par événement, qui sont toujours actives mais n’envoient plus de messages ou qui sont devenues inutiles, ralentit la performance globale des services de Braze pour vous et d’autres clients. Ce temps supplémentaire nécessaire pour traiter ces nombreuses campagnes inactives ralentit l’affichage de tous les messages in-app sur les appareils de l’utilisateur final, ce qui affecte l’expérience de ce dernier.
Vous pouvez avoir jusqu’à 200 campagnes de messages in-app actives et basées sur des actions par espace de travail afin d’optimiser la vitesse de réception/distribution des messages et d’éviter les dépassements de délai. Cela ne s’applique pas aux toiles.
Cette limite de 200 inclut des campagnes de communication in-app actives qui n’ont pas encore atteint l’heure de fin et celles qui n’en possèdent pas. Les campagnes de communication in-app actives qui ont dépassé leur heure de fin ne sont pas comptabilisées. Le client Braze standard possédant un total de 26 campagnes actives simultanées, vous ne risquez pas d’être affecté par cette limitation.