Créer un message in-app par glisser-déposer
Avec l’éditeur par glisser-déposer, vous pouvez créer des messages in-app entièrement personnalisés dans les campagnes ou les canvas à l’aide de l’expérience de modification par glisser-déposer.
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é à l’aide d’une campagne ou d’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. Une fois que vous avez choisi l’endroit où créer votre message, passons aux étapes permettant de créer un message in-app par glisser-déposer.
Conditions préalables
Exigences SDK
Version minimale du SDK | Version recommandée du SDK |
---|---|
Plus d’informations sur les versions minimales de SDK
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 tableau ci-dessus). Si un utilisateur n’a pas mis à jour son application (c’est-à-dire s’il utilise une version du SDK plus ancienne), 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 avec les versions recommandées. Cela vous permet de bénéficier des fonctionnalités supplémentaires suivantes :
- Liens de texte qui ne renvoient pas au message
- Bouton d’action pour demander une amorce de notification push
Vous trouverez ci-dessous les exigences minimales du SDK pour ces fonctionnalités :
Liens de 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 dans le message pour soumettre le formulaire.
Conditions préalables supplémentaires
- Pour le SDK Web, l’option d’initialisation
allowUserSuppliedJavascript
doit être définie surtrue
. L’optionenableHtmlInAppMessages
permettra aussi à ces messages de fonctionner, mais elle est obsolète et devrait être mise à jour versallowUserSuppliedJavascript
. - Si vous utilisez Google Tag Manager, vous devez activer l’option “Autoriser les messages in-app HTML” dans la configuration de GTM.
Étape 1 : Créer un message in-app
Créez un nouveau message in-app ou une étape de canvas, puis sélectionnez l’éditeur par glisser-déposer comme expérience d’édition.
Étape 2 : Sélectionnez votre modèle
Après avoir sélectionné l’éditeur par glisser-déposer comme expérience d’édition, vous pouvez choisir de :
- Commencer par un modèle de modal vide
- Utiliser un modèle de message in-app à glisser-déposer de Braze
- Sélectionner un modèle de message in-app par glisser-déposer enregistré
Sélectionnez Créer un message pour commencer à concevoir votre message in-app dans l’éditeur glisser-déposer.
Vous pouvez également accéder à tous les modèles à partir de 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 à partir de la section Pages de l’onglet Créer.
Les messages in-app commencent par une page par défaut. Pour ajouter une nouvelle page :
- Sélectionnez + Ajouter une page.
- Sélectionnez dans la liste des modèles personnalisés ou fournis par Braze.
- Donnez à la page un nom significatif. Cela vous aidera lors de la connexion des 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 pour ouvrir d’autres options.
- Sélectionnez Dupliquer.
- Donnez à la page un nom significatif. Cela vous aidera lors de la connexion des pages entre elles.
Pour supprimer ou renommer une page :
- Survolez la page dans la liste et sélectionnez pour ouvrir d’autres options.
- Sélectionnez Renommer ou Supprimer.
Étape 3a : Relier des pages entre elles
Les messages in-app multipages sont séquentiels, ce qui signifie que les utilisateurs interagissent avec le message en tapant ou en cliquant pour passer à la page suivante dans le flux.
Pour relier des pages entre elles :
- Sélectionnez votre page de départ.
- Sélectionnez un bouton ou un élément d’image dans le canvas.
- Réglez le comportement au clic sur Aller à la page.
- Sélectionnez la page vers laquelle vous souhaitez établir un lien à partir de la page de départ.
- Continuez jusqu’à ce que toutes les pages soient liées.
Si une page n’est lié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 enlevé.
Étape 4 : Créer et concevoir votre message in-app
C’est ici que votre message doit « en jeter », en arborant le style caractéristique de votre marque. Grâce à une combinaison de blocs éditeurs et de paramètres de style, vous pouvez personnaliser et concevoir votre message in-app.
- Pour obtenir une liste des blocs éditeurs disponibles et de leurs propriétés, reportez-vous à la section Blocs éditeurs.
- Pour vous aider à personnaliser l’aspect et la convivialité de votre message, consultez la rubrique Paramètres de style.
É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 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 à glisser-déposer.
Il est important de toujours tester vos messages in-app avant d’envoyer vos campagnes pour vous aider à visualiser ce à quoi ressemblera votre message final du point de vue de votre utilisateur.
Aperçu du 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 envoi.
Vous pouvez prévisualiser les messages à partir de l’onglet Prévisualisation 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 de manière aléatoire un utilisateur de la base de données et prévisualisera le message in-app en fonction de ses attributs ou informations sur l’événement.
- Sélectionner un utilisateur : Vous pouvez sélectionner un utilisateur spécifique en fonction de son adresse e-mail ou
external_id
. L’aperçu du message in-app s’affichera en fonction des attributs et des informations d’événement de cet utilisateur. - Utilisateur personnalisé : Vous pouvez personnaliser un utilisateur. Braze offre des entrées pour tous les attributs et événements disponibles. Saisissez les informations que vous souhaitez voir figurer dans l’e-mail de prévisualisation.
Liste de contrôle des tests
Réfléchissez aux questions suivantes lorsque vous testez votre message in-app :
- Avez-vous testé le message sur plusieurs appareils ?
- Les images et les données s’affichent-elles et se comportent-elles comme prévu ?
- Le Liquid fonctionne-t-il comme prévu ? Avez-vous pris en compte une valeur d’attribut par défaut si le Liquid ne renvoie aucune information ?
- Votre texte est-il clair, concis et correct ?
- Vos boutons dirigent-ils l’utilisateur à l’endroit correct ?
Foire aux questions
Pourquoi les clics sur le corps n’apparaissent-ils pas sur ma page d’analytique ?
Les clics du corps ne sont pas automatiquement collectés pour les messages in-app créés avec l’éditeur par glisser-déposer. Pour plus d’informations, reportez-vous aux journaux des modifications du SDK pour iOS et Android.
Puis-je segmenter en fonction des clics de bouton ?
Oui, vous pouvez segmenter en fonction des clics de bouton pour un maximum de deux boutons dans votre message. Pour ce faire, définissez l’Identifiant pour le reporting de vos boutons sur “0” et “1”, qui correspondront respectivement aux filtres de segmentation “Clic sur le bouton 1 du message in-app” et “Clic sur le bouton 2 du message in-app”.
Puis-je personnaliser mon message in-app à l’aide de HTML ou de JavaScript personnalisés 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 de code personnalisé. Vous pouvez utiliser les blocs de code personnalisé pour intégrer des vidéos de tiers et des liquides avancés, tels que le contenu connecté ou les instructions conditionnelles.
Comment créer un message in-app contextuel ?
Actuellement, l’éditeur est limité aux messages modaux et plein écran. Vous pouvez passer d’un type d’affichage à l’autre dans la section Conteneur de messages du panneau Styles de messages.
Puis-je enregistrer mon message in-app comme modèle après l’avoir créé dans ma campagne ou mon Canvas ?
Oui. Pour tout message in-app que vous souhaitez réutiliser dans une prochaine campagne 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 campagne OU l’enregistrer en tant que brouillon.
Vous pouvez également créer et enregistrer des modèles de messages in-app en naviguant vers Modèles > Modèles de messages in-app.