23.1 Présentation de Adobe Journey Optimizer : création d’un message électronique

Connectez-vous à Adobe Experience Cloud en vous rendant à Adobe Experience Cloud. Cliquez sur Adobe Journey Optimizer.

Vous serez redirigé vers la vue Accueil dans Journey Optimizer.

Avant de continuer, vous devez sélectionner un environnement de test. L’environnement de test à sélectionner est nommé --aepSandboxId--. Pour ce faire, cliquez sur le texte Production Prod dans la ligne bleue en haut de votre écran.

Le haut de la page d’accueil affiche les objets récents sur lesquels vous avez travaillé afin que vous puissiez rapidement revenir à un objet particulier.

Le côté gauche affiche le menu de navigation qui vous emmène à différents endroits de Journey Optimizer.

• Accueil : La page sur laquelle vous vous trouvez actuellement.
• Parcours : Présentation des parcours existants, création de parcours
• Messages : Présentation des messages existants (email, push,…), création de nouveaux messages et recherche une vue d'ensemble de l'exécution des messages au cours des dernières 24 heures.
• Ressources : Vous redirige vers Adobe Experience Manager Assets Essentials où des fichiers tels que des images peuvent être téléchargés pour être utilisés dans les messages.
• Segments : Accédez aux segments et créez-les.
• Jeux de données et schémas : Fournit un aperçu de tous les schémas et jeux de données.
• Configurations : Gérez les événements personnalisés, les sources de données externes et les actions à utiliser dans les parcours.

Dans le menu, cliquez sur Messages.

Sur l’écran Messages, une vue similaire s’affiche. Cliquez sur Créer un message.

Donnez un titre à votre message en suivant cette convention d’affectation des noms ldap - Email d’enregistrement et remplacez ldap par votre propre ldap, sélectionnez le paramètre prédéfini CJM Alpha et activez le canal Email.

Cliquez sur le bouton Créer pour créer votre message Email d’enregistrement.

L’écran suivant est le tableau de bord des messages. De là, vous pourrez voir la miniature de l’email lorsque le contenu sera fourni.

Sur le côté droit se trouvent les propriétés Email :

• Dans l’email : adresse électronique à partir de laquelle le destinataire recevra le message électronique. Notez que cette valeur est spécifiée par le paramètre prédéfini donné à l’étape précédente et est en lecture seule.
• Du nom : nom de l’expéditeur duquel le destinataire recevra le message électronique. Notez que cette valeur est spécifiée par le paramètre prédéfini donné à l’étape précédente et est en lecture seule.
• Objet : l'objet obligatoire du message qui sera édité à l'étape suivante.
• Corps : un bouton permet d'accéder au Concepteur d'email pour créer et éditer le contenu de l'email.
• Fonctionnalités facultatives : ces deux cases à cocher permettent de désactiver le suivi des ouvertures et clics de l’email et donc d’empêcher le message de mesurer des mesures telles que le taux d’ouverture, le taux de clics publicitaires, etc.

Tout d’abord, assurez-vous que les 2 cases sous Fonctionnalités facultatives sont cochées. Dans le cas contraire, vérifiez qu’elles sont toutes deux activées.

Cliquez sur le champ de texte Objet .

Dans la zone de texte, commencez à écrire Bonjour

L’objet n’est pas encore terminé. Vous devez ensuite importer le jeton de personnalisation pour le champ Prénom stocké sous profile.person.name.firstName. Dans le menu de gauche, faites défiler l’écran vers le bas pour trouver l’élément Personne et cliquez sur la flèche pour aller plus loin.

Recherchez maintenant l’élément Nom complet et cliquez sur la flèche pour aller plus loin.

Enfin, recherchez le champ Prénom et cliquez sur le signe + en regard de celui-ci. Le jeton de personnalisation apparaît alors dans le champ de texte.

Ajoutez ensuite le texte , merci de vous être inscrit !. Cliquez sur Enregistrer.

Vous serez alors de retour ici. Cliquez sur Concepteur d’email pour créer le contenu de l’email.

Dans l’écran suivant, vous serez invité à utiliser 3 méthodes différentes pour fournir le contenu de l’email :

• Conception à partir de zéro : Commencez par un canevas vierge et utilisez l’éditeur WYSIWYG pour faire glisser et déposer la structure et les composants de contenu afin de créer visuellement le contenu de l’email.
• Codez vos propres : Créez votre propre modèle d'email en le codant au format HTML.
• Importer du code HTML : Importez un modèle HTML existant que vous pourrez éditer.

Cliquez sur Conception de A à Z.

Dans le menu de gauche, vous trouverez les composants de structure que vous pouvez utiliser pour définir la structure de l'email (lignes et colonnes).

Faites glisser et déposez une colonne 1:2 Gauche du menu dans la zone de travail. Il s’agit de l’espace réservé de l’image du logo.

Faites glisser et déposez une colonne 1:1 sous le composant précédent. Ce sera le bloc de bannière.

Faites glisser et déposez une colonne 1:2 Gauche sous le composant précédent. Il s’agit du contenu réel avec une image sur le côté gauche et du texte sur le côté droit.

Faites ensuite glisser et déposez une colonne 1:1 sous le composant précédent. Il s’agit du pied de page de l’email. Votre zone de travail doit maintenant ressembler à ceci :

Utilisons maintenant les composants de contenu pour ajouter du contenu à l’intérieur de ces blocs. Cliquez sur l’option de menu Composants du contenu .

Faites glisser et déposez un composant HTML dans la première cellule de la première ligne.

Cliquez sur le composant HTML, puis sur Afficher le code source.

Vous verrez alors :

Collez ce code ici : <img src="{%= %}" width="100px%">.

Positionnez ensuite le curseur, comme indiqué dans la capture d'écran :

Ensuite, accédez au champ --aepTenantId--.demoEnvironment.brandLogo. Cliquez sur l’icône + pour insérer le jeton de personnalisation. Cliquez ensuite sur Enregistrer.

Vous avez maintenant configuré ce composant HTML pour extraire dynamiquement l’URL de l’image d’un champ dans Adobe Experience Platform Real-time Customer Profile.

Vous êtes maintenant de retour ici :

Accédez à Composants du contenu et faites glisser et déposez un composant Image dans la première cellule de la première ligne.

Cliquez sur Parcourir.

*

Dans la fenêtre contextuelle Ressources, double-cliquez sur le dossier module-23. Dans ce dossier, vous trouverez toutes les ressources précédemment préparées et chargées par l’équipe créative.

Sélectionnez module23-thankyou-new.png et cliquez sur Sélectionner.

Vous obtiendrez alors ce qui suit :

Sélectionnez votre image et, dans le menu de droite, faites défiler l’écran vers le bas jusqu’à ce que le composant de curseur de largeur Taille s’affiche.

Utilisez le curseur pour définir la largeur sur f.i. 60 %.

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant Texte dans le composant de structure sur la quatrième ligne.

Vous verrez alors :

Sélectionnez le texte par défaut Veuillez saisir votre texte ici. comme vous le feriez avec n’importe quel éditeur de texte. Écrivez Cher à la place. La barre d’outils de texte s’affiche lorsque vous êtes en mode texte.

Dans la barre d’outils, cliquez sur l’icône Ajouter une personnalisation .

Ensuite, vous devez importer le jeton de personnalisation Prénom stocké sous profile.person.name.firstName. Dans le menu, recherchez l’élément Personne, recherchez l’élément Nom complet, puis cliquez sur l’icône + pour ajouter le champ Prénom à l’éditeur d’expression.

Cliquez sur Enregistrer.

Vous remarquerez maintenant comment le champ de personnalisation a été ajouté à votre texte.

Dans le même champ de texte, appuyez deux fois sur Entrée pour ajouter deux lignes et écrivez Merci de vous être inscrit à.

Cliquez à nouveau sur Ajouter la personnalisation.

Ensuite, vous devez importer le jeton de personnalisation Nom de la marque stocké sous --aepTenantId--.demoEnvironment.brandName. Dans la liste de gauche, recherchez l’élément --aepTenantId-- et cliquez sur la flèche pour aller plus loin.

Recherchez ensuite l’élément demoEnvironment et cliquez sur la flèche pour aller plus loin.

Enfin, recherchez le champ brandName et cliquez sur le signe + situé à côté. Le jeton de personnalisation apparaît alors dans le champ de texte. Cliquez sur Enregistrer.

Vous remarquerez maintenant comment le champ de personnalisation a été ajouté à votre texte.

Dans le menu de gauche, revenez à Composants de structure.

Faites glisser et déposez une colonne 1:1 sous le composant précédent. Ce sera le bloc de bannière.

Ensuite, accédez à Composants du contenu et faites glisser et déposez un composant Texte dans la cinquième ligne.

Remplacez le texte par défaut par Plus intéressé ? Désabonnez-vous immédiatement.

Sélectionnez maintenant le mot Se désabonner et cliquez sur l’icône Insérer un lien dans la barre d’outils.

Dans la liste déroulante Type de lien , sélectionnez Lien de désabonnement et placez l’URL suivante dans le champ de texte URL de la page de désabonnement https://www.optout.adobe.com. Cliquez sur Enregistrer.

L'email de confirmation d'inscription est désormais doté de contenu. Pour des raisons de délivrabilité (bonnes pratiques relatives à l'envoi d'emails pour s'assurer qu'il arrive dans la boîte aux lettres du destinataire au lieu du dossier Spam), il est également important que cet email ait une version texte.

Cliquez sur le bouton Texte simple en haut du Concepteur d’email pour voir comment Journey Optimizer a automatiquement synchronisé le code HTML avec la version texte, de sorte que vous n’ayez plus à écrire le texte une fois de plus.

La dernière vérification à effectuer pour vous assurer que votre email est prêt est de le prévisualiser, cliquez sur le bouton Aperçu.

Commencez par identifier le profil que vous souhaitez utiliser pour la prévisualisation. Sélectionnez l’espace de noms email en cliquant sur l’icône en regard du champ Entrer l’espace de noms de l’identité.

Dans la liste des espaces de noms d’identité, sélectionnez l’espace de noms Email. Cliquez sur Sélectionner.

Dans le champ Valeur d’identité, saisissez l’adresse électronique d’un précédent profil de démonstration qui est déjà stocké dans Real-time Customer Profile. Par exemple, woutervangeluwe+31052021-10@gmail.com et cliquez sur le bouton Rechercher le profil de test

Une fois votre profil affiché dans le tableau, cliquez sur l’onglet Aperçu pour accéder à l’écran de prévisualisation.

Lorsque l’aperçu est prêt, vérifiez que la personnalisation est correcte dans la ligne d’objet. Le texte du corps ainsi que le lien de désinscription sont mis en surbrillance sous la forme d’un lien hypertexte.

Cliquez sur Fermer pour fermer l’aperçu.

Cliquez sur Enregistrer pour enregistrer votre message.

Revenez au tableau de bord du message en cliquant sur la flèche en regard de l’objet du texte dans le coin supérieur gauche.

Vous avez terminé la version préliminaire de votre courrier électronique d’enregistrement. Cliquez sur Publier pour publier votre message afin que vous puissiez l’utiliser dans un parcours.

Cliquez à nouveau sur Publier.

Patientez jusqu’à ce que la fenêtre contextuelle de confirmation verte s’affiche en bas de l’écran pour indiquer que le message est publié.

Vous avez terminé cet exercice.

Étape suivante : 23.2 Configuration d’un parcours basé sur un déclencheur - Création de compte

Revenir au module 23

Revenir à tous les modules

Ressources Business.Adobe.com