Création de fragments
Après avoir créé un fragment, utilisez l’espace de conception visuelle pour créer les composants de structure et de contenu dans votre fragment.
Ajouter la structure et le contenu design-fragment
-
Pour commencer la conception de votre contenu, faites glisser un élément du Structures et déposez-le sur la zone de travail.
Ajoutez autant d’éléments de Structures que nécessaire et modifiez les paramètres de chacun dans le volet de droite.
note tip TIP Sélectionnez le composant n:n colonne pour définir le nombre de colonnes de votre choix (entre trois et 10). Vous pouvez également définir la largeur de chaque colonne en déplaçant les flèches situées sous celle-ci. 
La taille de chaque colonne ne peut pas être inférieure à 10 % de la largeur totale du composant de structure. Seules les colonnes vides peuvent être supprimées.
-
Développez la section Contenu et ajoutez autant de composants de contenu que nécessaire dans un ou plusieurs composants de structure.
-
Si nécessaire, vous pouvez effectuer des personnalisations supplémentaires pour chaque composant dans les onglets Paramètres ou Style.
Par exemple, vous pouvez modifier le style de texte, la marge intérieure ou la marge de chaque composant.
-
Pour ajouter du contenu conditionnel et adapter le contenu aux profils ciblés en fonction de règles conditionnelles, sélectionnez un composant de contenu et cliquez sur l’icône Activer le contenu conditionnel dans la barre d’outils du composant.
Pour plus d’informations, voir Contenu conditionnel.
Ajout de ressources
Dans l’éditeur de contenu visuel, sélectionnez l’icône Marketo Engage Assets (
-
Ajoutez une nouvelle ressource en faisant glisser la ressource image et en la déposant dans un composant de structure.
-
Remplacez une ressource image existante en la sélectionnant sur la zone de travail et en cliquant sur Sélectionner une ressource dans les outils source d’images.
Pour plus d’informations sur l’utilisation des ressources de votre type de source, voir Utilisation des ressources pour la création de contenu.
Parcourir les calques, paramètres et styles
Lorsque vous travaillez avec le contenu dans l’espace de conception visuelle, vous pouvez accéder aux composants, colonnes et éléments de contenu à l’aide de l’arborescence de navigation. Cliquez sur l’icône Arborescence de navigation (
L’exemple suivant décrit les étapes à suivre pour ajuster la marge intérieure et l’alignement vertical dans un composant de structure avec des colonnes.
-
Sélectionnez la colonne dans le composant de structure directement dans la zone de travail ou à l’aide de l’arborescence de navigation affichée à gauche.
-
Dans la barre d’outils Colonne, cliquez sur l’outil Sélectionner une colonne et choisissez celle à modifier.
Vous pouvez également le sélectionner dans l’arborescence de la structure. Les paramètres modifiables de cette colonne sont affichés dans les onglets Paramètres et Styles sur la droite.
-
Pour modifier les propriétés de la colonne, cliquez sur l’onglet Styles à droite et modifiez-les selon vos besoins :
-
Pour Arrière-plan, modifiez la couleur d’arrière-plan si nécessaire.
Décochez la case pour un arrière-plan transparent. Activez le paramètre Image d’arrière-plan pour utiliser une image comme arrière-plan au lieu d’une couleur unie.
-
Pour Alignement, sélectionnez l’icône Haut, Milieu ou Bas.
-
Pour Marge intérieure, définissez la marge intérieure pour tous les côtés.
Sélectionner Marge intérieure différente pour chaque côté si vous souhaitez mieux définir la marge intérieure. Cliquez sur l’icône Verrouiller pour interrompre la synchronisation.
-
Développez la section Avancé pour définir les styles intégrés de la colonne.
-
-
Si nécessaire, répétez ces étapes pour ajuster l’alignement et la marge intérieure des autres colonnes du composant.
-
Enregistrez vos modifications.
Personnaliser le contenu
Journey Optimizer B2B edition utilise une syntaxe simple intégrée qui vous permet de créer des expressions avec du contenu personnalisé placé entre des accolades doubles {}. Vous pouvez ajouter plusieurs expressions dans le même contenu ou champ sans restriction.
Exemples :
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}} -
Hello {{profile.person.name.fullName}}
Lors du traitement du contenu, Journey Optimizer B2B edition remplace l’expression par les données contenues dans la base de données Experience Platform. Donc, le premier exemple devient Bonjour John Doe.
L’exemple suivant décrit les étapes de personnalisation du contenu à l’aide d’attributs de lead/compte et de jetons système.
-
Sélectionnez le composant de texte et cliquez sur l’icône Ajouter une personnalisation dans la barre d’outils.
Cette action ouvre la boîte de dialogue Modifier le Personalization.
-
Cliquez sur + ou … pour ajouter un jeton à l’espace vide.
-
Cliquez sur Enregistrer.
Contenu conditionnel
Pour ajouter du contenu conditionnel qui adapte le contenu aux profils ciblés en fonction de règles, sélectionnez un composant de contenu et cliquez sur le bouton Activer le contenu conditionnel dans la barre d’outils du composant. Lorsque le fragment publié est inclus dans un e-mail, les règles conditionnelles déterminent la variante d’un composant conditionnel rendu dans l’e-mail.
Pour plus d’informations, voir Contenu conditionnel.
Activer la personnalisation des fragments
Lorsqu’un auteur ajoute un fragment à un e-mail ou modèle d’e-mail, le contenu du fragment est verrouillé par défaut. Toutes les modifications apportées au fragment publié sont automatiquement propagées à toutes les ressources de contenu dans lesquelles le fragment est utilisé. Lorsque vous désignez un paramètre pour un composant du fragment comme modifiable, l’auteur de l’e-mail ou du modèle peut spécifier une valeur de champ personnalisé spécifique à ses besoins. Cette option de personnalisation est limitée aux composants visuels d’image, de texte et de bouton.
Par exemple, si vous concevez une bannière réutilisable qui comprend un bouton cliquable, vous pouvez désigner le paramètre d’URL du bouton comme étant modifiable. Les auteurs d’e-mails peuvent ensuite utiliser une URL plus spécifique à leur campagne par e-mail. Grâce à ces champs personnalisables, les marketeurs peuvent gérer et personnaliser du contenu réutilisable sans avoir à créer des blocs de contenu entièrement nouveaux ou à interrompre les mises à jour héritées du fragment d’origine.
-
Dans l’éditeur de contenu visuel, sélectionnez l’image, le texte ou l’élément de bouton sur lequel vous souhaitez activer la personnalisation.
-
Dans les détails du composant sur la droite, sélectionnez l’onglet Champs modifiables.
-
Cliquez sur le bouton (bascule) de l’option Activer l’édition et définissez les champs modifiables.
Vous pouvez activer la personnalisation des champs affichés, selon le type de composant et les paramètres définis dans le fragment.
Définissez le bouton (bascule) sur Activé pour chaque champ où vous souhaitez autoriser la personnalisation.
-
Cliquez sur Aperçu pour consulter tous les champs modifiables et leurs valeurs par défaut.
-
Enregistrez vos modifications.
Modifier le tracking des URL liées
-
Cliquez sur l’icône Liens (
-
Si nécessaire, cliquez sur l’icône Modifier (
Vous pouvez également ajouter des Balises pour un lien.
