6.2 Création de votre message électronique

Dans cet exercice, vous allez configurer le parcours qui doit être déclenché lorsqu’une personne crée un compte sur le site web de démonstration.

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

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

Tout d’abord, assurez-vous d’utiliser l’environnement de test approprié. L’environnement de test à utiliser est appelé --aepSandboxId--. Pour passer d’un environnement de test à un autre, cliquez sur Production Prod (VA7) et sélectionnez l’environnement de test dans la liste. Dans cet exemple, l’environnement de test est nommé AEP Enablement FY21.

Vous vous trouvez ensuite dans la vue Accueil de votre environnement de test --aepSandboxId--.

Dans le menu de gauche, 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. Vous pouvez alors 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 ensuite 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.

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://public.aepdemo.net/unsubscribe.html. Cliquez sur Enregistrer.

L’email de confirmation d’enregistrement comporte désormais du contenu. Pour la délivrabilité (bonnes pratiques relatives à l'envoi d'emails pour s'assurer qu'ils arrivent 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 : 6.3 Journey Optimizer : Configuration du Parcours

Revenir au module 6

Revenir à tous les modules