Personnalisation d’un modèle

Vous pouvez personnaliser un modèle à utiliser dans GenStudio for Performance Marketing en insérant des espaces réservés de contenu, ou des champs, que l’IA générative utilise pour insérer du contenu.

Les sections suivantes expliquent comment adapter vos modèles HTML pour GenStudio for Performance Marketing à l’aide du langage de modèle Handlebars. La syntaxe Handlebars utilise du texte normal avec des accolades doubles comme espaces réservés de contenu. Voir Qu’est-ce que Handlebars dans le_ guide du langage Handlebars _pour savoir comment préparer votre modèle.

Une fois votre modèle prêt, vous pouvez le charger dans GenStudio for Performance Marketing et commencer à générer des e-mails personnalisés en fonction de votre modèle personnalisé.

Espaces réservés de contenu

GenStudio for Performance Marketing reconnaît certains types de contenu ou éléments dans un modèle, mais uniquement si vous les identifiez avec un nom de champ reconnu.

Dans l’en-tête ou le corps d’un modèle HTML, vous pouvez utiliser la syntaxe Handlebars pour insérer un espace réservé de contenu dans lequel vous avez besoin que GenStudio for Performance Marketing renseigne le modèle avec du contenu réel. GenStudio for Performance Marketing reconnaît et interprète ces espaces réservés en fonction du nom champ reconnu. Chaque nom de champ est associé à des règles et comportements spécifiques qui déterminent la manière dont le contenu est généré et inséré dans votre modèle.

Par exemple, vous pouvez utiliser {{headline}} avec la syntaxe Handlebars pour indiquer où le titre de l’e-mail doit être placé. GenStudio reconnaît ce champ, génère un titre approprié en fonction de vos directives et critères d’invite, et insère le titre à cet emplacement :

<div>{{headline}}</div>

Noms de champs reconnus

Le tableau suivant répertorie les noms de champ reconnus par GenStudio for Performance Marketing pour l’ajout d’un espace réservé dans un modèle. Chaque champ suit des instructions de canal spécifiques, des instructions LLM et des règles basées sur les rôles. Ajoutez ces noms de champ en utilisant la syntaxe Handlebars à votre modèle dans lequel vous avez besoin de GenStudio for Performance Marketing pour générer un certain type de contenu.

GenStudio for Performance Marketing génère automatiquement certains champs dans les modèles suivants :

Le nombre de champs est limité à 20 lors du chargement d’un modèle vers GenStudio for Performance Marketing. Le champ subject étant généré automatiquement dans un e-mail, il est comptabilisé comme un seul champ. Cela signifie que 19 champs sont autorisés dans un modèle d’e-mail.

Appels à l’action

Un Call to action (CTA) comprend une expression et un lien. Pour que les fonctionnalités Reformuler et Ajouter un lien fonctionnent correctement pendant le processus de génération de la variante, vous devez inclure des espaces réservés pour le lien et l’expression dans votre modèle.

Suivez les instructions ci-dessous pour configurer les espaces réservés CTA :

GenStudio for Performance Marketing peut également fournir des variantes d’expressions d’appel à l’action. Voir Révision de l’appel à l’action.

Lien sur l’image

Vous pouvez personnaliser votre modèle d’e-mail pour permettre aux créatifs d’ajouter un lien à une image. Comme pour le lien CTA, suivez les instructions ci-après pour appliquer un espace réservé link à une balise d’image :

<a href="{{link}}"><img src="image-source.jpg" alt="{{imageDescription}}"></a>

Dans cet exemple :

Texte secondaire

Utilisez un nom de champ défini par l’utilisateur comme espace réservé pour générer une description de texte secondaire (attribut HTML alt="text") pour une image. L’espace réservé {{imageDescription}} suivant est utilisé avec le champ {{image}} dans la même balise <img>, en veillant à ce que la relation entre l’image et sa description persiste.

<img src="{{image}}" alt="{{imageDescription}}">

Dans cet exemple :

Libellé d’accessibilité

L’attribut aria-label est utilisé pour définir un nom accessible pour les éléments qui n’ont pas de libellés visibles. Cet attribut est particulièrement utile dans les modèles où il est important de fournir un contexte pour les éléments interactifs, tels qu’un bouton CTA.

<a class="button" href="{{link}}" aria-label="{{CTAAriaLabel}}">{{cta}}</a>

Texte sur l’image

L’espace réservé {{on_image_text}} est utilisé pour spécifier une superposition de texte de messages à impact court, placés directement sur l’image dans une expérience.

<div class="image-text">{{on_image_text}}</div>

Noms de champs manuels

Tous les autres noms de champ sont définis par l’utilisateur et traités comme des champs renseignés manuellement. Par exemple, vous pouvez réserver une section au contenu du pied de page.

Pour créer une section modifiable, ajoutez des crochets doubles autour du nom de la section :

<tbody>
    <tr>
        <td>
            <p><span class="footer-text">{{footerLegal}}</span></p>
        </td>
    </tr>
</tbody>

Modification de texte enrichi

Améliorez votre contenu créatif pendant le processus de Create avec la modification de texte enrichi. La zone de travail détermine la fonctionnalité de texte enrichi en fonction de l’emplacement de l’espace réservé de contenu. La fonctionnalité de texte enrichi est disponible uniquement lorsque vous utilisez des espaces réservés de contenu en tant qu’éléments autonomes ou dans des balises HTML au niveau du bloc, telles que <p>, <div> ou <span>.

La modification de texte enrichi est disponible pour le contenu autonome d’un paragraphe :

<p>{{body}}</p>

Si vous utilisez un espace réservé de contenu dans un attribut HTML (tel que alt, href ou src), la modification de texte enrichi n’est pas prise en charge pour ce champ.

La modification de texte enrichi n’est pas disponible pour le contenu alt :

<img src="image.jpg" alt="{{image_description}}">

Si un champ apparaît plusieurs fois, la fonctionnalité de texte enrichi est déterminée en fonction de son utilisation ou non comme attribut HTML dans l’une des instances. Par exemple, lorsque le titre est utilisé comme titre et comme texte secondaire pour une image, la balise alt est prioritaire.

La modification de texte enrichi n’est pas disponible pour les headline, car elle est utilisée comme contenu alt :

<h1>{{headline}}</h1>
<img src="image.jpg" alt="{{headline}}">

L’édition de texte enrichi peut être disponible pour certains champs dans des canaux spécifiques, tels que les on_image_text dans les canaux sociaux (Meta, LinkedIn).

Sections ou groupes

Si votre modèle d’e-mail nécessite plusieurs zones de contenu, telles que plusieurs offres ou histoires, vous pouvez les organiser à l’aide de sections ou de groupes. Sections indiquez à GenStudio for Performance Marketing que les champs de cette section nécessitent un haut degré de cohérence. L’établissement de cette relation permet à l’IA de générer du contenu correspondant aux éléments créatifs de la section .

Utilisez le nom d’un groupe de votre choix comme préfixe pour indiquer qu’un champ fait partie d’une section ou d’un groupe. Utilisez un nom de champ (tel que headline, body, image ou cta) après le trait de soulignement (_).

Syntaxe : groupname_fieldname

Chaque section ne peut utiliser qu’un seul de chaque type de champ. Par exemple, les champs suivants appartiennent à la section pod1 :

Pour cette raison, les sections ne peuvent pas être imbriquées.

Chaque type de modèle, tel qu’un e-mail ou une méta-annonce, présente des contraintes spécifiques au canal quant à l’utilisation des sections. Consultez les instructions spécifiques aux canaux dans la rubrique Bonnes pratiques relatives à l’utilisation des modèles.

Par exemple, un modèle d’e-mail peut inclure jusqu’à trois sections. Par conséquent, vous pouvez avoir trois sections de titre et de corps :

GenStudio for Performance Marketing comprend que pod1_headline est plus étroitement lié à pod1_body qu’à pod2_body.

Aperçu du modèle

Lorsque vous téléchargez un modèle, GenStudio for Performance Marketing analyse le fichier HTML à la recherche de champs reconnus. Utilisez l’aperçu pour passer en revue vos éléments de modèle et confirmer que vous les avez correctement identifiés avec les noms de champ reconnus.

Exemple de prévisualisation pour un modèle d’e-mail :

{modal="regular"}

Voir Éditeur de code de modèle.

Prévisualisation du contrôle

Vous pouvez contrôler la visibilité du contenu spécial à l’aide des assistants intégrés (expressions spéciales du langage de modèle Handlebars qui effectuent certaines actions). Par exemple, vous pouvez ajouter une instruction conditionnelle qui ajoute des paramètres de suivi aux liens du modèle exporté tout en préservant les liens d’aperçu.

La valeur _genStudio.browser est définie lors du rendu d’un modèle et la valeur genStudio.export est définie lors de l’exportation d’un modèle. Vous pouvez décider d’inclure certains contenus en haut d’un e-mail à l’aide d’un wrapper conditionnel, par exemple lorsque le modèle est utilisé pour l’exportation :

{{#if _genStudio.export}}
<%@ include view='emailParent' %>
{{/if}}

Un autre exemple peut être d’empêcher l’utilisation des codes de suivi lors de la prévisualisation d’un modèle dans GenStudio for Performance Marketing. L’exemple suivant montre comment ajouter des paramètres de tracking aux liens dans le modèle exporté, tout en préservant les liens d’aperçu :

<a class="button" {{#if _genStudio.browser }}
   href="{{link}}"{{/if}}{{#if _genStudio.export }}
   href="{{link}}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
   target="_blank">{{cta}}</a>

Contenu statique

Les modèles E-mail et Métadonnées sont souvent associés à des images et des fichiers CSS hébergés sur d’autres domaines. Lorsque GenStudio for Performance Marketing génère des miniatures pour les aperçus de modèle ou les expériences qui en sont dérivées, il valide la source de contenu et incorpore une copie à des fins d’aperçu.

Les fichiers externes sont temporairement incorporés uniquement dans le but de créer l’aperçu du modèle, ce qui garantit que l’aperçu reflète précisément le contenu tel qu’il apparaît au moment de la création. Ces fichiers externes ne sont pas stockés de manière permanente dans GenStudio for Performance Marketing. Une fois l’aperçu du modèle créé, GenStudio for Performance Marketing continue à référencer le lien source d’origine fourni dans le modèle.

Actualiser le contenu

Si la source change après la création de l’aperçu initial, utilisez la fonction refresh pour mettre à jour l’aperçu du modèle avec la version la plus récente du contenu provenant des sources externes.