Crea aree di contenuto modificabili con il linguaggio template Mailchimp

Quando codifichi template personalizzati con il linguaggio template di Mailchimp, usa le nostre convenzioni di denominazione consigliate per identificare quali aree del template identificare come modificabili dalla sezione Design di Campaign Builder. Consigliamo di limitare il numero di spazi modificabili per mantenere il codice in ordine. È importante creare un nome univoco per ciascun valore di attributo ed essere coerenti in modo da non perdere i contenuti se cambi template durante la creazione delle campagne.

Aree di contenuto modificabili

Il formato di attributo generale per la creazione di aree di contenuto modificabili è: mc:edit="section"

Crea valori di attributo univoci e aggiungili agli elementi il cui contenuto deve essere modificabile. Questa sezione contiene i nomi dei codici per alcune aree di contenuto comuni che è possibile includere nel codice template:

• mc:edit="header"
  Per assegnare un nome all’intestazione della tua email.
• mc:edit="header_image"
  Per assegnare un nome a un’immagine di intestazione modificabile.
• mc:edit="sidecolumn"
  Per assegnare un nome alla colonna destra o sinistra modificabile.
• mc:edit="body"
  Per denominare lo spazio del contenuto del corpo della tua email.
• mc:edit="footer"
  Per assegnare un nome al piè di pagina della tua email.

Nell’esempio seguente, viene creata una sezione del corpo modificabile utilizzando l’attributo 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>

Area immagine modificabile

Per creare aree di immagine modificabili, aggiungi l’attributo all’interno di un elemento immagine. Evita di creare immagini modificabili all’interno di aree di contenuto modificabili per mantenere il codice in ordine.

Nell’esempio seguente, l’attributo viene aggiunto a un elemento immagine.

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

Intestazione testo modificabile

Aggiungi l’attributo mc:allowtext all’elemento immagine per l’immagine dell'intestazione in modo da consentire l’immissione di testo anziché di un’immagine.

Nell’esempio seguente, l’attributo viene aggiunto a un elemento immagine che viene reso modificabile con l’attributo mc:edit="section".

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

Area di contenuto ripetibile

Aggiungi l’attributo mc:repeatable a qualsiasi area che includa un attributo mc:edit per creare un blocco di contenuto che possa essere aggiunto ripetutamente a un template. Le aree di contenuto ripetibili sono nascoste per impostazione predefinita, quindi vengono visualizzate in un template solo se vengono aggiunte in Campaign Builder.

Nell’esempio seguente, l’attributo mc:repeatable viene aggiunto a un area di contenuto che viene resa modificabile con l’attributo mc:edit.

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

Ogni istanza di mc:repeatable crea un elemento principale. Quando un blocco viene ripetuto, il nuovo blocco deriva da quello principale. I blocchi derivati possono essere riorganizzati solo se sono associati allo stesso elemento principale. Ad esempio, se nel template sono presenti due sezioni mc:repeatable, un blocco ripetuto dalla prima istanza non può essere riorganizzato per apparire tra blocchi ripetuti associati alla seconda istanza.

Per spostare i blocchi più liberamente, devi creare più istanze dell’attributo mc:variant definito dallo stesso nome mc:repeatable. Potrai così creare un elemento mc:repeatable principale, da cui far poi originare eventuali blocchi ripetuti derivati.

Nell’esempio seguente, vengono utilizzati più attributi mc:variant con lo stesso nome 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>

Area di contenuto nascondibile

Aggiungi l'attributo mc:hideable a un’area di contenuto per consentire a quel blocco di poter essere nascosto o visibile quando crei le tue campagne. L’attributo mc:hideable non può essere utilizzato insieme all’attributo mc:repeatable.

Nell’esempio seguente, l’attributo mc:hideable viene aggiunto a un area di contenuto che viene resa modificabile con l’attributo mc:edit.

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

Area di contenuto variabile

Aggiungi l’attributo mc:variant="somename" a un’area di contenuto per consentire di passare da un layout all’altro per quel blocco di contenuto all’interno di Campaign Builder. L’attributo mc:variant richiede un nome di attributo e deve essere utilizzato insieme a mc:repeatable.

Nell’esempio seguente, l’attributo mc:variant viene aggiunto a un’area di contenuto che utilizza anche l’attributo mc:repeatable. In questo caso, il nome dell’attributo è “contenuto con immagine a sinistra”.

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