Guida introduttiva al linguaggio dei template email di Mailchimp

Quando crei template email personalizzati con il linguaggio dei template email di Mailchimp, devi seguire alcune linee guida fondamentali. Queste linee guida hanno lo scopo di creare una base per le best practice quando utilizzi il linguaggio template di Mailchimp.

In questo articolo scoprirai come iniziare con il linguaggio template di Mailchimp.

Cose che devi sapere

• A seconda del tuo piano, potresti non avere accesso ai template con codice personalizzato. Per scoprire quali funzionalità sono incluse in ciascun piano, consulta la nostra pagina tariffe. Per modificare il tipo di piano, visita la pagina dei piani nel tuo account.
• Si tratta di una funzionalità avanzata consigliata agli utenti che hanno familiarità con la scrittura di codice personalizzato. Se hai bisogno di assistenza, contatta il tuo sviluppatore o un esperto Mailchimp.

Stile CSS

Ti consigliamo di usare un layout email largo 600 o 640 pixel per consentire una visualizzazione corretta in vari client di posta elettronica. La pagina Supporto CSS client email nel nostro Riferimento template email offre una lista completa di stili CSS supportati per vari tipi di client email.

Come regola generale, evita di utilizzare il seguente CSS nei tuoi modelli:

• Float
• Posizionamento
• Immagini di sfondo (non funzionano in Microsoft Outlook o in Gmail)

Ricorda di impostare la dichiarazione @theme nel tuo CSS per lo sfondo della pagina, l’intestazione, il piè di pagina e lo spazio dei contenuti in modo che i template possano essere rapidamente personalizzati con i temi a colori Mailchimp. Consulta l’articolo Stili template per la sintassi corretta dei nomi che puoi utilizzare.

Sezioni modificabili

Limita il numero di spazi modificabili nel template per semplificare le cose e nomina tutti gli spazi modificabili in modo coerente. Il nome assegnato tramite mc:edit=" somename" viene utilizzato per creare un campo nel database in cui memorizzare contenuti univoci. Se cambi template dopo avere scritto il contenuto, potresti perdere la copia se i nomi degli spazi modificabili non sono coerenti. Utilizza le seguenti convenzioni per le aree di contenuto comuni. Vedi altri esempi.

• mc:edit="header" per assegnare un nome all’intestazione della tua email.
• mc:edit="header_image" per assegnare un nome all’immagine dell’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.

Non inserire immagini modificabili in un contenitore per contenuti modificabili.

Se stai modificando sezioni nascondibili in Campaign Builder utilizzando il pulsante Rimuovi nel template, tieni presente che la sezione non scompare nella schermata dell’editor ma apparirà sbiadita come segnaposto se decidi di utilizzare lo spazio. Questa sezione non apparirà nella campagna inviata. Per visualizzare in anteprima la campagna, fai clic sul menu a tendina Anteprima e scegli Accedi alla modalità di anteprima.

I pulsanti rimuovi e nascondi questa sezione non offrono la stessa funzionalità nell’editor dei template. Non puoi infatti rimuovere nulla mentre lavori nell’editor dei template. Se hai bisogno di effettuare delle modifiche, ti consigliamo di usare invece Campaign Builder.

Merge tag

Usa i merge tag in modo creativo.

• Usa i merge tag social per fornire ai tuoi contatti nuovi modi per connetterti con te su Facebook e X (ex Twitter) e condividere facilmente i tuoi contenuti.
• Utilizza il merge tag del sommario ( *|MC:TOC|*) per creare una lista automatica di collegamenti alle intestazioni <h1> and <h2> in un’email.
• Puoi consultare Personalizza il contenuto del piè di pagina per una rapida panoramica dei merge tag che è possibile includere.

Includere sempre le informazioni CAN-SPAM obbligatorie nel piè di pagina. In caso contrario, la campagna email potrebbe essere rifiutata. Anche questi tag obbligatori sono indicati in Personalizza il contenuto del piè di pagina.

• *|UNSUB|*
• *|LIST:DESCRIPTION|*
• *|LIST:ADDRESS|*

Collegamenti esterni

Quando utilizzi collegamenti nelle tue email, includi l’attributo target="_vuoto" negli elementi di ancoraggio per assicurarti che aprano una nuova finestra o scheda del browser quando le email vengono visualizzate nei client email basati su browser. Cerca di includere questi pratici link nella tua email.

• Un link che consente agli utenti di aggiornare le proprie preferenze di abbonamento:
  <a href="*|UPDATE_PROFILE|*" target="_blank">change subscription preferences</a>
• Un link per consentire agli utenti di visualizzare l’email in un browser:
  <a href="*|ARCHIVE|*" target="_blank">view this email in a browser</a>
• Un link al tuo sito web:
  <a href="*|LIST:URL|*" target="_blank">visit our website</a>
• Un link per consentire agli utenti di inoltrare l’email a un amico, di solito in un punto in evidenza:
  <a href="*|FORWARD|*" target="_blank">forward to a friend</a>

Ti consigliamo di creare un pulsante apposito, se possibile, per incoraggiare la condivisione!

Test

Testa i template creando una campagna email e personalizzando il template. Questo stress test può aiutarti ad assicurarti che il template funzioni bene per gli altri che potrebbero usarlo in situazioni diverse.

Collegamenti rapidi

• Linguaggio dei template: creazione di stili di template modificabili
• Linguaggio dei template: creazione di aree di contenuto modificabili
• Linguaggio dei template: Utilizzo dei selettori di varianti
• Tipi di template