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.

Journey Optimizer

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

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

Dans le menu, cliquez sur Messages.

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

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

Cliquez sur le champ de texte Objet .

Journey Optimizer

Dans la zone de texte, commencez à écrire Bonjour

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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).

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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 :

Journey Optimizer

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 .

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Vous verrez alors :

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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 :

Journey Optimizer

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

Journey Optimizer

Cliquez sur Parcourir.

Journey Optimizer*

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.

Journey Optimizer

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

Journey Optimizer

Vous obtiendrez alors ce qui suit :

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

Vous verrez alors :

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

Cliquez à nouveau sur Ajouter la personnalisation.

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

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é.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

Cliquez sur Enregistrer pour enregistrer votre message.

Journey Optimizer

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.

Journey Optimizer

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.

Journey Optimizer

Cliquez à nouveau sur Publier.

Journey Optimizer

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é.

Journey Optimizer

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

Sur cette page