Passer au contenu principal

Faites le boulot avec un pro

De la formation aux services marketing complets, notre communauté de partenaires peut vous aider à faire avancer les choses.

Engagez un pro

Créer des zones de contenu modifiable avec le langage de modèle de Mailchimp

Copier l'URL de l'article
Il a été copié

Remarque

Les options de modèle de cet article sont disponibles pour le créateur d](/help/design-an-email-classic-builder/)'e-mail [existant uniquement. Pour en savoir plus sur les modèles dans le nouveau créateur d'e-mail, lisez Design an Email in the New Builder (Concevoir un e-mail dans le nouveau créateur).

Lorsque vous codez des modèles personnalisés avec le langage de modèle de Mailchimp, utilisez nos conventions de nommage recommandées pour identifier les zones de votre modèle que vous souhaitez rendre modifiables à partir de la section Conception de l'éditeur de campagne. Nous recommandons de limiter le nombre d'espaces modifiables pour garder votre code propre. Il est important de créer un nom unique pour chaque valeur d'attribut et d'être cohérent afin que vous ne perdiez pas votre contenu si vous changez de modèle lorsque vous créez vos campagnes.

Zones de contenu modifiable

Le format général de l'attribut pour la création de zones de contenu modifiable est : mc:edit="section"

Créez des valeurs d'attributs uniques et ajoutez-les à des éléments dont le contenu doit être modifiable. Voici les noms de code pour certaines zones de contenu courantes que vous pouvez inclure dans le code de votre modèle :

  • mc:edit="header"
    Utilisé pour nommer l'en-tête de votre e-mail.
  • mc:edit="header_image"
    Utilisé pour nommer une image d'en-tête modifiable.
  • mc:edit="sidecolumn"
    Utilisé pour nommer une colonne modifiable gauche ou droite.
  • mc:edit="body"
    Utilisé pour nommer l'espace de contenu principal de votre e-mail.
  • mc:edit ="footer"
    Utilisé pour nommer le pied de page de votre e-mail.

Dans l'exemple ci-dessous, une section de corps modifiable est créée en utilisant l'attribut mc:edit="body".

<td class="defaultText" mc:edit="body">
<h2 class="title">Primary Heading</h2>
<p>Sample copy. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id
pulvinar odio lorem non turpis.</p>
<h3 class="subTitle">Subheading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</td>

Zone d'image modifiable

Pour créer des zones d'image modifiables, ajoutez l'attribut dans un élément d'image. Évitez de créer des images modifiables dans les zones de contenu modifiables pour garder votre code propre.

Dans l'exemple suivant, l'attribut est ajouté à un élément d'image.

<img mc:edit="image_1" style="max-width:600px;" />

Texte modifiable de l'en-tête

Ajoutez l'attribut mc:allowtext à l'élément d'image pour votre image d'en-tête pour permettre à du texte d'être saisi à la place d'une image.

Dans l'exemple ci-dessous, l'attribut est ajouté à un élément d'image qui est rendu modifiable avec l'attrubt mc:edit="section".

<img mc:edit="header_image" mc:allowdesigner mc:allowtext />

Zone de contenu reproductible

Ajoutez l'attribut mc:repeatable à toute zone qui comprend un attribut mc:edit pour créer un bloc de contenu qui puisse être ajouté à plusieurs reprises à un modèle. Les zones de contenu reproductible sont cachées par défaut de sorte qu'elles n'apparaissent dans un modèle que si vous les ajoutez dans l'Éditeur de campagne.

Dans l'exemple ci-dessous, l'attribut mc:repeatable est ajouté à une zone de contenu qui est rendue modifiable avec l'attribut mc:edit.

<div class="article" mc:repeatable>
<h3 mc:edit="article_title">Title</h3>
<p mc:edit="article_content">Content</p>
</div>

Chaque instance de mc:repeatable crée un élément parent. Quand un bloc est répété, le nouveau bloc est un enfant de ce parent. Les blocs enfants ne peuvent être réorganisés que s'ils sont associés avec le même élément parent. Par exemple, si vous avez deux sections mc:repeatable dans votre modèle, un bloc répété de la première instance ne peut pas être réarrangé pour qu'il apparaisse entre les blocs répétés associés à la deuxième instance.

Pour déplacer des blocs plus librement, vous devriez créer plusieurs instances de l'attribut mc:variant défini par le même nom mc:repeatable. Cela créera un élément parent mc:repeatable, de sorte que tous les blocs répétés seront un enfant du même élément parent.

Dans l'exemple ci-dessous, plusieurs attributs mc:variant sont utilisés avec le même nom mc:repeatable.

<table mc:repeatable="content" mc:variant="variant_1">
<tr><td mc:edit="section_1">
Variant 1 Content
</td></tr>
</table>
<table mc:repeatable="content" mc:variant="variant_2">
<tr><td mc:edit="section_2">
Variant 2 Content
</td></tr>
</table>
<table mc:repeatable="content" mc:variant="variant_3">
<tr><td mc:edit="section_3">
Variant 3 Content
</td></tr>
</table>

Zone de contenu masquable

Ajoutez l'attribut mc:hideable à une zone de contenu pour permettre au bloc de basculer entre le mode masqué et visible lorsque vous créez vos campagnes. L'attribut mc:hideable ne peut pas être utilisé en conjonction avec l'attribut mc:repeatable.

Dans l'exemple ci-dessous, l'attribut mc:repeatable est ajouté à une zone de contenu qui est rendue modifiable avec l'attribut mc:edit.

<div mc:edit="content" mc:hideable>
</div>

Zone de contenu variable

Ajoutez l'attribut mc:variant="somename" à une zone de contenu pour vous permettre de basculer entre plusieurs mises en page pour ce bloc de contenu dans l'Éditeur de campagne. L'attribut mc:variant nécessite un nom d'attribut et doit être utilisé en conjonction avec mc:repeatable.

Dans l'exemple ci-dessous, l'attribut mc:repeatable est ajouté à une zone de contenu qui est rendue modifiable avec l'attribut mc:repeatable. Dans ce cas, le nom de l'attribut est « content with left image ».

<div mc:repeatable="product" mc:variant="content with left image"> </div>

Remarque

  • Si vous modifiez les sections masquables dans le créateur de campagne à l’aide du bouton supprimer dans votre campagne, la section ne disparaîtra pas à l’écran du créateur de campagne. La section que vous souhaitez supprimer va s’estomper, mais elle restera au cas où vous changez d’avis et que vous voulez utiliser l’espace. Cependant, lorsque vous envoyez votre e-mail, la section que vous avez cachée n’apparaîtra pas dans votre campagne. Vous pouvez prévisualiser ce changement en cliquant sur Preview (Prévisualiser) , puis sur Enter Preview Mode (Entrer en mode Aperçu).
  • Les boutons supprimer et masquer cette section ne proposent pas la même fonctionnalité dans l’éditeur de modèle. En fait, vous ne pouvez rien supprimer lorsque vous utilisez l’éditeur de modèle. Si vous souhaitez apporter ce type de modifications, il est conseillé de travailler plutôt dans le créateur de campagne.
  • Certaines modifications de conception variables ou reproductibles, comme l’ajout d’images aux blocs variables, ne seront pas conservées lorsque les e-mails sont dupliqués ou enregistrés comme modèles à partir du créateur de campagne. Pour protéger vos modifications, nous vous recommandons d’éditer et d’enregistrer du contenu dans le créateur de modèle, de l’exporter et de l’enregistrer dans un éditeur HTML comme Notepad ou TextEdit.

Assistance technique

Vous avez une question?

Les utilisateurs payants peuvent se connecter pour accéder à l'assistance par e-mail et chat.

Cet article vous a-t-il été utile ?

Connexes

Utiliser les blocs de contenu répétables ou variables

Si vous codez votre propre modèle d'e-mail, vous pouvez utiliser le langage de modèle de Mailchimp pour ajouter des blocs de contenu répétables et variables à votre structure. Découvrez quand et comment utiliser chaque type de bloc.