DocumentationJourney OptimizerGuide de Journey Optimizer

Fragments personnalisables customizable-fragments

Last update: Mon Aug 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Débutant
  • Intermédiaire
  • Utilisateur ou utilisatrice

Lorsque des fragments sont utilisés dans une action de campagne ou de parcours, ils sont verrouillés par défaut en raison de l’héritage. Cela signifie que toutes les modifications apportées à un fragment sont automatiquement propagées à tous les parcours et à toutes les campagnes où le fragment est utilisé.

Avec les fragments personnalisables, des champs spécifiques d’un fragment peuvent être définis comme modifiables lorsque le fragment est ajouté à une action de campagne ou de parcours. Supposons, par exemple, que vous ayez un fragment avec une bannière, du texte et un bouton. Vous pouvez désigner comme modifiables certains champs, tels que l’image ou l’URL cible du bouton. Cela permet aux utilisateurs et utilisatrices de modifier ces éléments lorsqu’ils incorporent le fragment dans leur campagne ou leur parcours, ce qui offre une expérience personnalisée sans affecter le fragment d’origine.

Grâce aux fragments personnalisables, il n’est plus nécessaire de rompre l’héritage des fragments, ce qui arrêtait auparavant la propagation des changements centralisés au niveau des fragments vers les campagnes et les parcours. Cette approche permet d’ajuster les portions de contenu au moment de l’utilisation, ce qui offre la possibilité de remplacer les valeurs par défaut par des détails spécifiques au contexte.

En exploitant des fragments personnalisables, vous pouvez gérer et personnaliser efficacement votre contenu sans créer de blocs de contenu entièrement nouveaux ni interrompre l’héritage du fragment d’origine. Cela garantit que les modifications apportées au niveau du fragment sont toujours propagées, tout en permettant une personnalisation nécessaire au niveau de la campagne ou du parcours.

Les fragments visuels et d’expression peuvent être marqués comme personnalisables. Pour obtenir des instructions détaillées sur la manière de procéder pour chaque type de fragment, reportez-vous aux sections ci-dessous.

Ajouter des champs modifiables à des fragments visuels visual

Pour rendre des parties d’un fragment visuel modifiables, procédez comme suit :

NOTE
Des champs modifiables peuvent être ajoutés aux composants image, texte et bouton. Pour les composants HTML, les champs modifiables sont ajoutés à l’aide de l’éditeur de personnalisation, comme pour les fragments d’expression. Découvrez comment ajouter un champ modifiable dans les composants HTML et les fragments d’expression.

  1. Ouvrez l’écran d’édition du contenu du fragment.

  2. Sélectionnez le composant de votre fragment dans lequel vous souhaitez configurer des champs modifiables.

  3. Le volet des propriétés du composant s’ouvre sur le côté droit. Sélectionnez l’onglet Champs modifiables, puis activez l’option Activer l’édition.

  4. Tous les champs pouvant être modifiés pour le composant sélectionné sont répertoriés dans le volet. Les champs disponibles pour la modification dépendent du type de composant sélectionné.

    Dans l’exemple ci-dessous, nous autorisons la modification de l’URL du bouton « Cliquez ici ».

  5. Cliquez sur la Vue d’ensemble pour vérifier tous les champs modifiables et leurs valeurs par défaut.

    Dans cet exemple, le champ URL du bouton s’affiche avec la valeur par défaut définie dans le composant. Cette valeur sera personnalisable par les utilisateurs et utilisatrices après l’ajout du fragment à leur contenu.

  6. Une fois que tout est prêt, enregistrez vos modifications pour mettre à jour le fragment.

  7. Après avoir ajouté le fragment dans un e-mail, les utilisateurs et utilisatrices peuvent personnaliser tous les champs modifiables configurés dans le fragment. Découvrir comment personnaliser des champs modifiables dans un fragment visuel

Ajouter des champs modifiables dans les composants HTML et les fragments d’expression expression

Pour rendre modifiables des parties d’un composant HTML ou d’un fragment d’expression, vous devez utiliser une syntaxe spécifique dans l’éditeur d’expression. Cela implique de déclarer une variable avec une valeur par défaut que les utilisateurs et utilisatrices peuvent remplacer après l’ajout du fragment à leur contenu.

Supposons, par exemple, que vous souhaitiez créer un fragment à ajouter à vos e-mails et permettre aux utilisateurs et utilisatrices de personnaliser une couleur spécifique utilisée à différents emplacements, tels que les cadres ou les couleurs d’arrière-plan des boutons. Lors de la création de votre fragment, vous devez déclarer une variable avec un ID unique, par exemple « couleur », puis l’appeler aux emplacements souhaités dans le contenu du fragment où vous souhaitez appliquer cette couleur. Lors de l’ajout du fragment à leur contenu, les utilisateurs et utilisatrices peuvent personnaliser la couleur utilisée partout où la variable est référencée.

Pour les composants HTML, seuls des éléments spécifiques peuvent devenir des champs modifiables. Pour plus d’informations, développez la section ci-dessous.

Éléments modifiables dans les composants HTML :

Les éléments ci-dessous peuvent devenir des champs modifiables dans un composant HTML :

  • Partie de texte
  • URL complète pour un lien ou une image (ne fonctionne pas avec une partie d’une URL)
  • Propriété CSS entière (ne fonctionne pas avec une propriété partielle)

Par exemple, dans le code ci-dessous, chaque élément surligné en rouge peut devenir une propriété :

{width="70%"}

Pour déclarer une variable et l’utiliser dans votre fragment, procédez comme suit :

  1. Ouvrez votre fragment d’expression, puis modifiez son contenu dans l’éditeur de personnalisation.

    Pour les composants HTML, sélectionnez le composant dans le fragment et cliquez sur le bouton Afficher le code source.

  2. Déclarez la variable que vous souhaitez que les utilisateurs et utilisatrices modifient. Accédez au menu Fonctions d’assistance dans le volet de navigation de gauche, puis ajoutez la fonction en ligne. La syntaxe pour déclarer et appeler la variable est automatiquement ajoutée à votre contenu.

  3. Remplacez "name" par un ID unique pour identifier le champ modifiable.

    note note
    NOTE
    L’ID de champ doit être unique et ne doit pas comporter d’espaces. Cet ID doit être utilisé partout dans le contenu où vous souhaitez afficher la valeur de la variable.

  4. Adaptez la syntaxe à vos besoins en ajoutant les paramètres présentés dans le tableau ci-dessous :

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3
    Action Paramètre Exemple
    Déclarez un champ modifiable avec une valeur par défaut. Lorsque vous ajoutez le fragment à votre contenu, cette valeur par défaut est utilisée si vous ne la personnalisez pas. Ajoutez la valeur par défaut entre les balises intégrées. {{#inline "editableFieldID"}}default_value{{/inline}}
    Définissez un libellé pour le champ modifiable. Ce libellé s’affiche dans le concepteur d’e-mail lors de l’édition des champs du fragment. name="title" {{#inline "editableFieldID" name="title"}}default_value{{/inline}}
    Déclarez un champ modifiable contenant une source d’image qui doit être publiée. assetType="image" {{#inline "editableFieldID" assetType="image"}}default_value{{/inline}}
    Déclarez un champ modifiable contenant une URL qui doit faire l’objet d’un suivi.
    Notez que les blocs prédéfinis « URL de page miroir » et « Lien de désabonnement » prêts à l’emploi ne peuvent pas devenir des champs modifiables.    		 assetType="url" {{#inline "editableFieldID" assetType="url"}}default_value{{/inline}}

  5. Utilisez la syntaxe {{{name}}} dans votre code à tous les endroits où vous souhaitez afficher la valeur du champ modifiable. Remplacez name par l’ID unique du champ défini précédemment.

  6. Enregistrez et publiez votre fragment.

Lors de l’ajout du fragment à leur contenu d’e-mail, les utilisateurs et utilisatrices peuvent désormais remplacer les valeurs par défaut des variables par les valeurs de leur choix :

Exemple de fragment d’expression modifiable example

Dans l’exemple ci-dessous, nous allons créer un fragment d’expression présentant de nouvelles collections sportives. Par défaut, le fragment affiche le contenu suivant : Vous en voulez plus ? Ne manquez pas notre dernière collection sports !

Nous voulons permettre aux utilisateurs et utilisatrices de remplacer « sports » dans ce contenu par le sport de leur choix. Par exemple : Vous en voulez plus ? Ne manquez pas notre dernière collection yoga !

Pour ce faire, procédez comme suit :

  1. Déclarez une variable « sports » avec l’ID « sports ».

    Par défaut, si les utilisateurs et les utilisatrices ne modifient pas la valeur de la variable après avoir ajouté le fragment dans leur contenu, la valeur définie entre les balises {{#inline}} et {{/inline}} s’affiche, soit « sports ».

  2. Ajoutez la syntaxe {{{sport}}} dans le contenu du fragment où vous souhaitez afficher la valeur de la variable, c’est-à-dire « sports » par défaut, ou la valeur choisie par les utilisateurs et utilisatrices.

  3. Lors de l’ajout du fragment d’expression à leur contenu, les utilisateurs et utilisatrices peuvent remplacer la valeur de la variable par la valeur de leur choix directement dans l’éditeur d’expression. Découvrir comment personnaliser des champs modifiables dans un fragment d’expression

Ajouter du texte enrichi à un fragment personnalisable rich-text

Le texte enrichi, tel que les sauts de ligne, l’attribut gras, italique, etc., peut être ajouté à un fragment modifiable à l’aide de composants HTML. Pour ce faire, procédez comme suit.

➡️ Découvrez comment ajouter et utiliser du texte enrichi dans un fragment modifiable dans cette vidéo.

Créer un fragment contenant du texte enrichi add-rich-text

  1. Créez un fragment visuel et commencez à ajouter des composants.

  2. Ajoutez un composant HTML et ouvrez l’éditeur HTML.

  3. Accédez au menu Fonctions d’assistance dans le volet de navigation de gauche, puis ajoutez la fonction inline.

  4. Remplacez "name" par l’identifiant à utiliser pour votre contenu modifiable, par exemple "EditableContent".

  5. Remplacez render_content par le code HTML correspondant au contenu enrichi par défaut de votre choix. Vous pouvez ajouter un attribut gras ou italique, des sauts de ligne, des listes à puces, etc.

  6. Dans le même composant HTML, ajoutez une autre fonction d’assistance inline pour vos éléments de style.

  7. Remplacez "name" et render_content par l’identifiant et le code HTML correspondant au style par défaut de votre choix.

  8. Enregistrez votre contenu. Les champs modifiables sélectionnés s’affichent sur le côté droit.

  9. Enregistrez et publiez le fragment.

Utiliser des fragments modifiables avec du texte enrichi use-rich-text

Lorsqu’ils ajoutent le fragment au contenu de leur e-mail, les utilisateurs et les utilisatrices peuvent désormais modifier le contenu enrichi et le style que vous avez créés. Pour utiliser des fragments modifiables avec du texte enrichi en tant que spécialiste marketing, procédez comme suit.

  1. Créez un e-mail dans une campagne ou un parcours, puis ajoutez le fragment avec le texte enrichi qui a été créé.

    Vous pouvez voir les deux champs modifiables qui ont été créés sur le côté droit.

  2. Vous pouvez cliquer sur Simuler le contenu pour voir comment le contenu modifiable et le style s’affichent. En savoir plus sur la prévisualisation de contenu

  3. Sélectionnez l’icône Ajouter une personnalisation à côté de l’un des champs modifiables.

  4. Dans l’éditeur de personnalisation qui s’ouvre, mettez à jour le style et/ou le contenu selon vos besoins en ajoutant ou en supprimant des éléments du champ modifiable.

Vidéo pratique video

Cette vidéo montre comment rendre les composants HTML d’un fragment modifiables, permettant ainsi des mises à jour dynamiques du contenu et du style.

https://video.tv.adobe.com/v/3464370/?learn=on&enablevpops&captions=fre_fr
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76