Créez des zones de contenu modifiables avec la langue des modèles de Mailchimp

Les options de modèle dans cet article sont disponibles uniquement pour l' outil de création d'e-mail d'origine . Pour en savoir plus sur les modèles dans le nouvel outil de création d'e-mail, lisez Créer un e-mail dans l'outil de création d'e-mails .

Lorsque vous codez des modèles personnalisés avec le langage des modèles de Mailchimp, utilisez les conventions de nom que vous utilisez pour identifier les zones de votre modèle que vous souhaitez modifier dans la section Présentation de notre Outil de création de campagne. Nous vous conseillons de limiter le nombre d'espaces modifiables pour préserver l'exactitude de votre code. Il est important de créer un nom unique pour chaque valeur d'attribut et de le conserver afin que vous ne perdiez pas votre contenu si vous changez de modèle pendant que vous créez vos campagnes.

Zones de contenu modifiables

Le format de l'attribut général pour créer des zones de contenu modifiables est le suivant : cc:edit="section"

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

• cc:edit="en-tête"
  Nom utilisé pour donner un nom à l'en-tête de votre e-mail.
• cc:edit="en-tête_image"
  Utilisé pour nommer une image d'en-tête modifiable.
• cc:edit="isercolonne"
  Utilisé pour dénommer une colonne modifiable à gauche ou à droite.
• cc:edit="corps"
  concerne le nom de la zone de contenu principal de votre e-mail.
• cc:edit="Pied de page"
  Utilisé dans le nom du pied de page de votre e-mail.

Dans l'exemple suivant, une section de corps modifiable a été créée à l'aide de l'attribut cc:edit Connectez-vous.

<td class="defaultText" cc:edit=" soutien technique>
<h2 class="titre"> Titre principal< /h2>
<p> Exemple de copie. Lorem ipsum do dor Sis amét, concteteuler adipique
morbi commodo, ipsum sedfportra gravida, ouci magné rhoncus neque, id
procéder< /p>
<h3 class="subTitre"> Sous-en-tête< /h3>
<p> Lorem ipsum do dor Sis amét, concteteuler adipique< /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 préserver l'exactitude de votre code.

Dans l'exemple suivant, l'attribut a été ajouté à un élément image.

<img cc:edit="image_1" style="max- poser:600px;" />

En-tête de texte modifiable

Ajoutez l'attribut cc:Allowtext à l'élément image de votre image d'en-tête pour permettre d'entrer du texte à la place d'une image.

Dans l'exemple suivant, l'attribut est ajouté à un élément image qui peut être modifié avec l'attribut cc:edit="section".

<img cc:edit="header_image" cc:Allowset }:Allowertexte />

Zone de contenu récurrent

Ajoutez l'attribut cc:repetable à toute zone qui comprend un attribut cc:edit pour créer un bloc de contenu qui peut être ajouté à un modèle. Les zones de contenu répétitives sont masquées par défaut, elles apparaissent donc uniquement sur un modèle si vous les ajoutez dans l'outil de création de campagne.

Dans l'exemple suivant, l'attribut cc:re répétable est ajouté à une zone de contenu qui peut être modifiée avec l'attribut cc:edit.

<div class="article" cc:répétable>
<h3 cc:edit="article_titre"> Titre< /h3>
<p cc:edit="article_content"> Contenu< /p>
</div>

Chaque instance de cc:repetable crée un élément principal. Lorsqu'un bloc est répétée, le nouveau bloc est un élément rattaché de ce compte principal. Les blocs rattachés peuvent être réorganisés uniquement s'ils sont associés au même élément principal. Par exemple, si vous avez deux sections cc:répétable dans votre modèle, un bloc récurrent de la première fois ne peut pas être réorganisé pour qu'il apparaisse entre des blocs récurrents associés à la deuxième instance.

Pour déplacer les blocs plus librement, vous devez créer plusieurs instances de l'attribut cc:variant défini par le même nom cc:re répétable. Cela entraînera la création d'un élément principal cc:récurrent, de sorte que tout bloc récurrent sera un élément rattaché du même élément principal.

Dans l'exemple suivant, plusieurs attributs cc:variant sont utilisés avec le même nom cc:repetable.

<tableau cc:repetable="content" cc:variant="variant_1">
<tr>< td cc:edit="section_1">
Contenu de la variante 1
</td>< /t>
</table>
<tableau cc:repetable="content" cc:variant="variant_2">
<tr>< td cc:edit="section_2">
Contenu de la variante 2
</td>< /t>
</table>
<tableau cc:repetable="content" cc:variant="variant_3">
<tr>< td cc:edit="section_3">
Contenu de la variante 3
</td>< /t>
</table>

Zone de contenu masquable

Ajoutez l'attribut cc: paiements à une zone de contenu pour permettre à ce bloc de basculer entre caché et visible lorsque vous créez vos campagnes. L'attribut cc:masquer ne peut pas être utilisé avec l'attribut cc:re répétable.

Dans l'exemple suivant, l'attribut cc:masquer est ajouté à une zone de contenu qui peut être modifiée avec l'attribut cc:edit.

<div cc:edit="content" cc:masqué>
</div>

Zone de contenu variable

Ajoutez l'attribut cc:variant="quelname" à une zone de contenu pour vous permettre de passer d'une mise en page à l'autre pour ce bloc de contenu dans le Outil de création de campagne. L'attribut cc:variant nécessite un nom d'attribut et doit être utilisé avec l'attribut cc:re répétable.

Dans l'exemple suivant, l'attribut cc:variant est ajouté à une zone de contenu qui utilise également l'attribut cc:re répétable. Dans cet exemple, le nom de l'attribut est « contenu avec l'image de gauche ».

<div doc:repetable="product" cc:variant="content avec l'image de gauche">< /div>

• Si vous modifiez les sections à masquer dans l'outil de création de campagne en utilisant le bouton Supprimer de votre campagne, celles-ci ne disparaîtront pas de l'écran de l'outil de création de campagne. La section que vous voulez supprimer disparaîtra, mais elle restera si vous changez d'avis et que vous souhaitez utiliser l'espace. Cependant, lorsque vous envoyez votre e-mail, la section que vous avez supprimée n'apparaîtra pas dans votre campagne. Vous pouvez visualiser cette modification en cliquant sur Visualiser , puis sur Entrer le mode de prévisualisation .
• Les boutons Supprimer et masquer cette section n'offrent pas la même fonctionnalité dans l'éditeur de modèles. En fait, vous ne pouvez pas supprimer quoi que ce soit lorsque vous travaillez dans l'éditeur de modèles. Si vous devez effectuer des modifications, nous vous conseillons d'utiliser l'outil de création de campagne.
• Certaines modifications de conception variable ou répétitive, comme ajouter des images à des blocs de variables, ne seront pas conservées lorsque les e-mails sont dupliqués ou enregistrés comme modèles par l'outil de création de campagne. Pour protéger vos modifications, nous vous conseillons de modifier et d'enregistrer le contenu dans l'outil de création de modèle, ainsi que d'exporter et d'enregistrer votre code dans un éditeur HTML comme Notepad ou TextMod.