Créer un message in-app par glisser-déposer
L’éditeur par glisser-déposer vous permet de créer des messages in-app entièrement personnalisés dans des Campaigns ou des Canvas en utilisant l’expérience d’édition par glisser-déposer. Pour en savoir plus sur les blocs de construction disponibles dans l’éditeur, consultez les Blocs éditeur.
Si vous souhaitez utiliser vos modèles HTML personnalisés existants ou des modèles créés par un tiers, ils doivent être recréés dans l’éditeur par glisser-déposer.
Vous ne savez pas si votre message in-app doit être envoyé via une Campaign ou un Canvas ? Les Campaigns sont plus adaptées aux campagnes de communication ciblées et ponctuelles, tandis que les Canvas sont plus adaptés aux parcours utilisateur en plusieurs étapes. Une fois que vous avez choisi où créer votre message, passons aux étapes de création d’un message in-app par glisser-déposer.
Prérequis
Exigences du SDK
| Version minimale du SDK | Version recommandée du SDK |
|---|---|
Plus d’informations sur les SDK minimaux
Les messages créés à l’aide de l’éditeur par glisser-déposer ne peuvent être envoyés qu’aux utilisateurs disposant des versions minimales du SDK (voir le tableau dans la section précédente). Si un utilisateur n’a pas mis à jour son application (c’est-à-dire qu’il utilise une version plus ancienne du SDK), il ne recevra pas le message in-app.
Pour profiter de toutes les fonctionnalités disponibles dans l’éditeur par glisser-déposer, mettez à jour vos SDK vers les versions recommandées. Cela vous permet de bénéficier des fonctionnalités supplémentaires suivantes :
- Liens texte qui ne ferment pas le message
- Action de bouton pour demander l’amorce de notification push
Voici les exigences minimales individuelles du SDK pour ces fonctionnalités :
| Liens texte* | Demande d’amorce de notification push |
|---|---|
*Si vous incluez un lien dans votre message in-app qui redirige vers une URL et que l’utilisateur final ne dispose pas des versions minimales du SDK spécifiées, la sélection du lien fermera le message et l’utilisateur ne pourra pas revenir au message pour soumettre le formulaire.
Prérequis supplémentaires
- Pour le SDK web, l’option d’initialisation
allowUserSuppliedJavascriptdoit être définie surtrue. L’optionenableHtmlInAppMessagespermet également à ces messages de fonctionner, mais elle est obsolète et doit être remplacée parallowUserSuppliedJavascript. - Si vous utilisez Google Tag Manager, vous devez activer « Allow HTML In-App Messages » dans la configuration GTM.
Étape 1 : Créer un message in-app
Créez un nouveau message in-app ou une étape Canvas, puis sélectionnez Éditeur par glisser-déposer comme expérience d’édition.
Étape 2 : Sélectionner votre modèle
Après avoir sélectionné l’éditeur par glisser-déposer comme expérience d’édition, vous pouvez choisir de :
- Commencer avec un modèle de fenêtre modale vierge
- Utiliser un modèle de message in-app par glisser-déposer de Braze
- Sélectionner un modèle de message in-app par glisser-déposer enregistré
Sélectionnez Créer le message pour commencer à concevoir votre message in-app dans l’éditeur par glisser-déposer.
Vous pouvez également accéder à tous les modèles depuis la section Modèles du tableau de bord.
Étape 3 : Ajouter des pages supplémentaires (facultatif)
L’ajout de pages à votre message in-app vous permet de guider les utilisateurs à travers un flux séquentiel, comme un flux d’onboarding ou un parcours de bienvenue. Vous pouvez gérer les pages depuis la section Pages de l’onglet Build.
Les messages in-app commencent avec une page par défaut. Pour ajouter une nouvelle page :
- Sélectionnez + Add page.
- Sélectionnez parmi la liste de modèles personnalisés ou fournis par Braze.
- Donnez un nom significatif à la page. Cela vous aidera lorsque vous relierez les pages entre elles.
Vous pouvez ajouter jusqu’à 10 pages par message in-app.
Pour dupliquer une page existante :
- Survolez la page dans la liste et sélectionnez More options.
- Sélectionnez Duplicate.
- Donnez un nom significatif à la page. Cela vous aidera lorsque vous relierez les pages entre elles.
Pour supprimer ou renommer une page :
- Survolez la page dans la liste et sélectionnez More options.
- Sélectionnez Rename ou Delete.
Étape 3a : Relier les pages entre elles
Les messages in-app multi-pages sont séquentiels, ce qui signifie que les utilisateurs interagissent avec le message en appuyant ou en cliquant pour passer à la page suivante du flux.
Pour relier les pages entre elles :
- Sélectionnez votre page de départ.
- Sélectionnez un élément bouton ou image dans le canvas.
- Définissez le On-click behavior sur Go to page.
- Sélectionnez la page vers laquelle vous souhaitez créer un lien depuis la page de départ.
- Continuez jusqu’à ce que toutes les pages soient reliées.
Si une page n’est reliée à aucune autre page, le message ne peut pas être lancé.
Les utilisateurs peuvent sélectionner le bouton de fermeture X pour quitter le message à tout moment. Ce bouton ne peut pas être supprimé.
Étape 4 : Créer et concevoir votre message in-app
C’est ici que votre message peut défiler sur le podium, habillé du style signature de votre marque. En utilisant une combinaison de blocs éditeur et de paramètres de style, vous pouvez personnaliser et concevoir votre message in-app.
- Pour une liste des blocs éditeur disponibles et de leurs propriétés, consultez Blocs éditeur.
- Pour obtenir de l’aide sur la personnalisation de l’apparence de votre message, consultez Paramètres de style.
- Pour les bonnes pratiques de création de messages de droite à gauche, consultez Créer des messages de droite à gauche.
Étape 5 : Tester votre message in-app
La section Aperçu et test vous permet de prévisualiser vos messages in-app sur différents appareils et d’envoyer un message de test à votre appareil. Ici, vous pouvez vous assurer que les détails sont alignés sur toutes vos plateformes pour votre campagne de messages in-app par glisser-déposer.
Il est important de toujours tester vos messages in-app avant d’envoyer vos Campaigns pour vous aider à visualiser à quoi ressemblera votre message final du point de vue de votre utilisateur.
Prévisualiser le message en tant qu’utilisateur
Pour envoyer un test à des groupes de test de contenu ou à des utilisateurs individuels, les notifications push doivent être activées sur vos appareils de test avant l’envoi.
Vous pouvez prévisualiser les messages depuis l’onglet Aperçu et test, comme si vous étiez un utilisateur. Vous pouvez sélectionner un utilisateur spécifique, un utilisateur aléatoire ou créer un utilisateur personnalisé :
- Utilisateur aléatoire : Braze sélectionnera aléatoirement un utilisateur dans la base de données et prévisualisera le message in-app en fonction de ses attributs ou de ses informations d’événement.
- Sélectionner un utilisateur : Vous pouvez sélectionner un utilisateur spécifique en fonction de son adresse e-mail ou de son
external_id. Le message in-app sera prévisualisé en fonction des attributs et des informations d’événement de cet utilisateur. - Utilisateur personnalisé : Vous pouvez personnaliser un utilisateur. Braze proposera des champs de saisie pour tous les attributs et événements disponibles. Saisissez les informations que vous souhaitez voir dans l’aperçu de l’e-mail.
Liste de vérification pour les tests
Tenez compte des questions suivantes lorsque vous testez votre message in-app :
- Avez-vous testé le message sur différents appareils ?
- Les images et les médias s’affichent-ils et fonctionnent-ils comme prévu ?
- Le Liquid fonctionne-t-il comme prévu ? Avez-vous prévu une valeur d’attribut par défaut dans le cas où le Liquid ne renvoie aucune information ?
- Votre texte est-il clair, concis et correct ?
- Vos boutons dirigent-ils l’utilisateur là où il doit aller ?
Questions fréquemment posées
Pourquoi les clics sur le corps du message n’apparaissent-ils pas sur ma page d’analyse ?
Les clics sur le corps du message ne sont pas automatiquement collectés pour les messages in-app créés avec l’éditeur par glisser-déposer. Pour plus de détails, consultez les journaux des modifications du SDK pour iOS et Android.
Puis-je segmenter en fonction des clics sur les boutons ?
Oui, vous pouvez segmenter en fonction des clics sur les boutons pour un maximum de deux boutons dans votre message. Pour ce faire, définissez l’Identifier for Reporting de vos boutons sur « 0 » et « 1 », ce qui correspondra respectivement aux filtres de segmentation « Clicked in-app message button 1 » et « Clicked in-app message button 2 ».
Puis-je personnaliser mon message in-app en utilisant du HTML personnalisé ou du JavaScript, ou transférer des messages HTML existants dans l’éditeur ?
Vous ne pouvez pas transférer directement des messages HTML existants dans l’éditeur, mais vous pouvez insérer du HTML brut, du CSS et du JavaScript dans un bloc Code personnalisé. Vous pouvez utiliser les blocs Code personnalisé pour intégrer des vidéos tierces et du Liquid avancé, comme le contenu connecté ou les instructions conditionnelles. Pour les méthodes JavaScript brazeBridge et les exemples de suivi des clics, consultez Messages in-app en HTML personnalisé.
Comment puis-je créer un message in-app contextuel ?
Actuellement, l’éditeur est limité aux messages modaux et plein écran uniquement. Vous pouvez basculer entre les types d’affichage dans la section Message container du panneau Message styles.
Puis-je enregistrer mon message in-app en tant que modèle après l’avoir créé dans ma Campaign ou mon Canvas ?
Oui. Pour tout message in-app que vous souhaitez réutiliser dans une future Campaign ou étape du Canvas, vous pouvez l’enregistrer en tant que modèle personnalisé à l’aide du bouton Enregistrer en tant que modèle, disponible après avoir quitté l’éditeur. Avant de pouvoir l’enregistrer en tant que modèle, vous devez d’abord lancer la Campaign OU l’enregistrer en tant que brouillon.
Vous pouvez également créer et enregistrer des modèles de messages in-app en accédant à Contenu > In-App Message.