Erstelle editierbare Inhaltsbereiche mit der Vorlagensprache von Mailchimp

Verwende beim Programmieren von benutzerdefinierten Vorlagen mit der Vorlagensprache von Mailchimp die von uns empfohlenen Namenskonventionen, um zu ermitteln, welche Bereiche deiner Vorlage im Abschnitt „Design“ des Campaign Builder bearbeitet werden sollen. Wir empfehlen, die Anzahl der editierbaren Bereiche zu begrenzen, um deinen Code sauber zu halten. Es ist wichtig, einen eindeutigen Namen für jeden Attributwert zu erstellen und einheitlich zu sein, damit du deine Inhalte nicht verlierst, wenn du während der Erstellung deiner Kampagnen die Vorlagen wechselst.

Editierbare Inhaltsbereiche

Das allgemeine Attributformat zum Erstellen bearbeitbarer Inhaltsbereiche lautet: mc:edit="section"

Erstelle einen eindeutigen Attributwert und füge die Elemente hinzu, deren Inhalt editierbar sein soll. Dieser Abschnitt enthält Codenamen für einige allgemeine Inhaltsbereiche, die du in deinen Vorlagencode aufnehmen kannst:

• mc:edit="header"
  Wird verwendet, um den Header deiner E-Mail zu benennen.
• mc:edit="header_image"
  Wird verwendet, um ein bearbeitbares Header-Bild zu benennen.
• mc:edit="sidecolumn"
  Wird verwendet, um eine bearbeitbare linke oder rechte Spalte zu benennen.
• mc:edit="body"
  Wird verwendet, um den Hauptinhaltsbereich deiner E-Mail zu benennen.
• mc:edit="footer"
  Wird verwendet, um die Fußzeile deiner E-Mail zu benennen.

Im folgenden Beispiel wird mit dem Attribut mc:edit="body" ein bearbeitbarer Textabschnitt erstellt.

<td class="defaultText" mc:edit="body">
<h2 class="title">Primärüberschrift</h2>
<p>Beispieltext. 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">Zwischenüberschrift</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</td> 

Editierbare Bildbereiche

Um editierbare Bildbereiche zu erstellen, füge das Attribut innerhalb eines Bildelements hinzu. Vermeide die Erstellung editierbarer Bilder innerhalb editierbarer Inhaltsbereiche, um deinen Code sauber zu halten.

Im folgenden Beispiel wird das Attribut einem Bildelement hinzugefügt.

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

Editierbare Textüberschrift

Füge das Attribut mc:allowtext zum Bildelement für dein Header-Bild hinzu, um die Eingabe von Text anstelle eines Bildes zu ermöglichen.

Im folgenden Beispiel wird das Attribut zu einem Bildelement hinzugefügt, das mit dem Attribut mc:edit="section" editierbar gemacht wird.

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

Sich wiederholende Inhaltsbereiche

Füge das Attribut mc:repeatatable zu jedem Bereich hinzu, der das Attribut mc:edit enthält, um einen Inhaltsblock zu erstellen, der wiederholt zu einer Vorlage hinzugefügt werden kann. Sich wiederholende Inhaltsbereiche sind standardmäßig ausgeblendet, sodass sie nur dann in einer Vorlage erscheinen, wenn du sie innerhalb des Kampagnen-Builders hinzufügst.

Im folgenden Beispiel wird das Attribut mc:repeatable einem Inhaltsbereich hinzugefügt, der mit dem Attribut mc:edit editierbar gemacht wird.

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

Jede Instanz von mc:repeatable erzeugt ein übergeordnetes Element (Parent). Wenn ein Block wiederholt wird, ist der neue Block ein entsprechend untergeordnetes Element (Child). Untergeordnete Blöcke können nur dann neu angeordnet werden, wenn sie mit demselben übergeordneten Element verknüpft sind. Wenn du beispielsweise zwei Abschnitte mit dem Attribut mc:repeatable in deiner Vorlage hast, kann ein wiederholter Block aus der ersten Instanz nicht so angeordnet werden, dass er zwischen wiederholten Blöcken erscheint, die mit der zweiten Instanz verknüpft sind.

Um Blöcke freier zu verschieben, solltest du mehrere Instanzen des Attributs mc:variant erstellen, die durch den gleichen mc:repeatable-Namen definiert sind. Dadurch wird ein übergeordnetes Element mit dem Attribut mc:repeatable erzeugt, sodass alle wiederholten Blöcke ein untergeordnetes Element desselben übergeordneten Elements sind.

Im folgenden Beispiel werden mehrere mc:variant-Attribute mit demselben wiederholbaren mc:repeatable-Namen verwendet.

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

Ausblendbare Inhaltsbereiche

Füge das Attribut mc:hideable zu einem Inhaltsbereich hinzu, damit dieser Block beim Erstellen deiner Kampagnen zwischen ausgeblendet und sichtbar umgeschaltet werden kann. Das Attribut mc:hideable kann nicht in Verbindung mit dem Attribut mc:repeatable verwendet werden.

Im folgenden Beispiel wird das Attribut mc:hideable einem Inhaltsbereich hinzugefügt, der mit dem Attribut mc:edit editierbar gemacht wird.

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

Variable Inhaltsbereiche

Füge das Attribut mc:variant="somename" zu einem Inhaltsbereich hinzu, damit du innerhalb des Kampagnen-Builders zwischen einer Reihe von Layouts für diesen Inhaltsblock wechseln kannst. Das Attribut mc:variant erfordert einen Attributnamen und muss in Verbindung mit mc:repeatable verwendet werden.

Im folgenden Beispiel wird das Attribut mc:variant zu einem Inhaltsbereich hinzugefügt, der ebenfalls das Attribut mc:repeatable verwendet. In diesem Fall lautet der Attributname "content with left image" (Inhalt mit linkem Bild).

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