Come utilizzare i modelli di e-mail di monitoraggio della campagna

Mentre i creatori di email all'interno di servizi come Campaign Monitor e MailChimp stanno diventando sempre più potenti, ci sono ancora ottimi motivi per utilizzare un modello di email HTML unico per il tuo marchio.

In questo rapido tutorial, illustreremo come iniziare a utilizzare un modello di email HTML in Campaign Monitor, per le tue campagne email e i flussi di lavoro automatizzati. A seconda di quanto si desidera personalizzare il modello, possono essere necessari da cinque minuti circa per importare e avviare l'invio, fino a diverse ore di codifica e test per un lavoro di progettazione più personalizzato.

Una volta trovato (e persino personalizzato) un modello che ami, potrai utilizzarlo ripetutamente e, con gli strumenti di progettazione e antispam di Campaign Monitor, assicurati che i tuoi messaggi di posta elettronica siano perfetti per i destinatari di tutto il mondo.

Cos'è un modello di email HTML?

In breve, un modello di email HTML (che chiameremo semplicemente un "modello" d'ora in poi) è un documento HTML e file di immagine di accompagnamento, che sono progettati per essere importati su una piattaforma di posta elettronica come Campaign Monitor o MailChimp. Una volta importati, i modelli possono essere utilizzati più volte per creare messaggi di email marketing, che possono essere inviati a un elenco di abbonati (ad esempio destinatari di e-mail). Questi possono assumere la forma di newsletter, riepiloghi settimanali sui contenuti dei blog, inviti agli eventi e altro ancora.

Tag del modello di monitoraggio della campagna

Un modello di email dovrebbe includere aree di testo e immagine modificabili, sia in modalità standalone, sia all'interno di "layout" ripetibili come definito dal linguaggio dei tag del modello di Campaign Monitor. Questo versatile linguaggio può essere utilizzato per personalizzare i modelli di e-mail HTML scaricati, convertire le newsletter e-mail HTML esistenti in modelli o creare modelli personalizzati da zero.

Esempi della lingua del tag modello Campaign Monitor, demo del modello Evo
  • è un blocco di contenuto che può essere ripetuto un numero infinito di volte.
  • include più disegni separati all'interno di un elemento ripetuto.
  •  visualizza HTML che puoi modificare utilizzando l'editor WYSIWYG di Campaign Monitor.

Quando un modello è stato codificato correttamente con i tag, sarà possibile importarlo, quindi utilizzare l'editor di posta elettronica di Campaign Monitor per creare campagne e-mail e flussi di lavoro automatizzati.

Perché usare un modello?

Se la tua attività (o quella del tuo cliente) ha linee guida specifiche per il marchio, è probabile che le newsletter via email con cui stai lavorando abbiano già un look-and-feel consolidato. In alternativa, se stai facendo una prima incursione nell'e-mail marketing, potresti voler far apparire tutti i tuoi messaggi in un certo modo; uno che non può essere raggiunto utilizzando il generatore di posta elettronica.

In entrambi i casi, avere un modello può permetterti di mantenere il tuo marchio, oltre a ridurre drasticamente il tempo di inversione del progetto di invio, per esempio, codificare un'e-mail HTML da zero.

Se hai trovato un modello che ha esattamente il layout e l'estetica che cerchi, ben fatto! Puoi saltare la sezione successiva, importarla in Campaign Monitor e iniziare a creare campagne email. Tuttavia, se è necessario apportare modifiche, quanto segue potrebbe rivelarsi utile.

Abilità che devi modificare un modello

Nel passato, se volevi creare una pagina web, avresti attivato Blocco note per creare un file HTML, creare una cartella per le immagini (di solito chiamata, bene, /immagini), quindi dopo alcune ore di aggiunta di contenuti e test nel browser, devi caricare l'intero lotto in una cartella pubblica sul Web.

Tutti questi anni dopo, lavorare con i file modello non è poi così diverso, ma invece di caricare, importeremo il modello in Campaign Monitor. Per raggiungere questo passaggio è necessario:

  • Abilità di codifica HTML / CSS di base
  • Lingua tag del modello di Campaign Monitor
  • Guida al supporto CSS nell'email HTML
  • Un editor di codice come TextMate, Sublime Text o Brackets

Se puoi modificare e testare con sicurezza i documenti HTML (tenendo presente che il supporto CSS nei client di posta elettronica come Gmail, Outlook e altri è straordinariamente eccentrico), puoi modificare i modelli di email in base alle tue preferenze.

Come importare un modello nel monitor di campagna

Per preparare il tuo modello per l'importazione, avrai bisogno di:

  • Il file HTML.
  • Qualsiasi altro file che i tuoi riferimenti HTML (come immagini e CSS) contenuti in una singola cartella e compresso in formato ZIP.

Una volta pronto, sarai in grado di importare il modello in Modelli sezione del tuo account Monitor campagna:

  1. Fai clic sull'immagine del tuo profilo e vai a Modelli.
  2. Vai a Importare.
  3. Assegna un nuovo nome al tuo modello, ad esempio "La mia newsletter".
  4. Clic Scegli il file (sotto Pagina HTML) per selezionare il file HTML dal tuo computer.
  5. Quindi fare clic Scegli il file (sotto Tutti gli altri file immagine e CSS) per selezionare il file ZIP (se ne hai uno) dal tuo computer.
  6. Clic Aggiungi modello per caricare i file.

Il modello funziona?

Se sei stato in grado di importare il modello, congratulazioni! Dovresti vederlo sotto I miei modelli quando crei una nuova campagna email o un flusso di lavoro. Una volta selezionato, è possibile iniziare ad aggiungere contenuti nell'editor e-mail di Campaign Monitor.

Una volta creata una campagna, puoi testarla automaticamente su oltre 20 importanti client di posta elettronica come Mail per iPhone e iPad, Gmail, Outlook e altro, utilizzando i test di progettazione e antispam di Campaign Monitor. In alternativa, puoi testare manualmente la campagna inviando un'email di prova ai tuoi account di posta elettronica su vari dispositivi.

Cosa potrebbe andare storto?

Ci può sempre essere un singhiozzo lungo il percorso, dal momento in cui si tenta di importare un modello, fino alla fase di test. Quindi, ecco una rapida occhiata ad alcuni problemi e soluzioni classiche:

Il modello non verrà importato nel monitoraggio della campagna

Verifica che il codice HTML (compresi i tag del modello) sia ben formato.

Assicurati di non tentare involontariamente di importare file grandi e non necessari, come asset e video di Photoshop.

La mia campagna non ha un bell'aspetto sui dispositivi mobili

Assicurati che il documento email HTML sia "reattivo", ovvero. contiene query multimediali valide nel foglio di stile CSS. Nota che non tutti i client di posta supportano le query multimediali, incluso Gmail su iOS / Android.

Le email sembrano diverse in una varietà di caselle di posta 

Ad esempio, potresti riscontrare che Gmail appare diverso da Apple Mail. Controlla se l'e-mail HTML contiene proprietà CSS3, tipi di carattere web e fornisce fallback dove possibile. Non tutti i client di posta forniscono un supporto CSS completo, ma è spesso possibile garantire che il messaggio sia ancora leggibile e degradi con grazia, anche in circostanze non perfette.

In sintesi

Un buon modello di posta elettronica renderà le tue campagne fantastiche sia sui dispositivi mobili, sia sul Web e sul desktop, mentre potrebbero esserci delle differenze tra il modo in cui appare in un browser Web e nella posta in arrivo, il messaggio dovrebbe essere sempre leggibile e facile da navigare.

Tuttavia, se hai importato manualmente e-mail HTML fino a questo punto, probabilmente scoprirai che l'utilizzo di un buon modello di email salverà te e il tuo team innumerevoli ore nella creazione, importazione e test dei messaggi di posta elettronica. Ti chiederai come sei mai sopravvissuto senza di essa!

Spero che questo tutorial ti sia piaciuto e ora ti senti sicuro di selezionare un modello, prepararlo per Campaign Monitor, quindi importarlo e utilizzarlo per le tue campagne e-mail e i flussi di lavoro automatizzati. Per ispirazione, ti consiglio di visitare la galleria di progettazione e-mail di Campaign Monitor, quindi utilizzare il know-how dei modelli per creare il tuo design unico!

Risorse utili

  • Campaign Monitor templates su Envato Market
  • Galleria di design e-mail di Campaign Monitor, per ispirazione
  • Creazione di un'e-mail reattiva a prova di futuro senza query multimediali
  • Iniziare con l'email marketing