Moduli e-mail: come ridimensionare effettivamente le e-mail uniche con sicurezza

Potresti aver sentito parlare di modelli di email modulari per anni, ma non hai fatto il salto. O forse sei nuovo all'idea. Quindi cosa sono esattamente i moduli di posta elettronica e dovresti usarli? La semplice risposta è sì e, a differenza di altre domande nelle e-mail, non esiste un "dipende".

Il 52% dei team di posta elettronica impiega due o più settimane per produrre un'e-mail dall'inizio alla fine, secondo il nostro rapporto sullo stato dei flussi di lavoro della posta elettronica. Le e-mail modulari accelerano il processo per darti un aumento dell'efficienza, in modo da dedicare meno tempo al codice ripetitivo e più tempo all'innovazione. È un gioco da ragazzi.

Continua a leggere per scoprire:

• Che cos'è un modulo di posta elettronica?
• I vantaggi dell'e-mail modulare
• Come iniziare con il design modulare

Che cos'è un modulo di posta elettronica?

I moduli e-mail sono blocchi di contenuto riutilizzabili che possono essere messi insieme in diverse combinazioni per creare e-mail o una gamma di modelli e-mail completi. Conosciuti anche come componenti, i moduli sono disponibili in un paio di varietà come snippet (su misura per un'e-mail specifica, come un pulsante di invito all'azione) e parziali (coerenti tra più e-mail, come un piè di pagina e-mail).

Tutti i tuoi moduli possono essere ospitati in una libreria di modelli come parte del tuo più ampio sistema di progettazione e-mail o delle linee guida del marchio. Quindi il tuo team sa esattamente come combinare e abbinare per creare e-mail conformi al marchio che non si rompono. In sostanza, il design modulare della posta elettronica ruota attorno a sezioni o moduli più piccoli messi insieme per creare un design più ampio. Proprio come i mattoncini LEGO possono essere messi insieme per costruire, beh, qualsiasi cosa.

Quali sono i vantaggi dell'e-mail modulare?

Ci sono molti vantaggi nell'essere modulari, e ne ho già accennati alcuni. Se hai ancora dei dubbi, ecco i vantaggi.

Standardizzazione, ovvero rimanere in linea con il marchio e senza errori

I tuoi loghi o i colori del tuo marchio sono leggermente diversi da e-mail a e-mail? Il design modulare si prende cura di incongruenze del genere. Poiché i blocchi sono tutti precodificati e testati, puoi essere certo che creeranno e-mail che manterranno gli standard del tuo marchio in tutte le e-mail. Senza errori.

Risparmia tempo e velocizza il flusso di lavoro della posta elettronica

Circa il 35% dei professionisti del marketing dedica 1-2 ore alla codifica e allo sviluppo tramite e-mail, secondo i dati del nostro sondaggio sullo stato dell'e-mail del 2020. Un altro 34% impiega almeno 3 ore. Con oltre la metà degli intervistati che si destreggiano con sei o più e-mail alla volta, le ore di sviluppo si sommano rapidamente.

Con il design della posta elettronica standardizzato, non devi più preoccuparti di codificare le email da zero. Ciò ti consente di risparmiare un sacco di tempo in modo da poter inviare le e-mail più velocemente. Personalmente, ora posso creare e-mail in 10 minuti.

Flessibilità e creatività

I modelli tendono ad avere la percezione di essere rigidi e noiosi. Ma i modelli modulari ? Sono divertenti. Poiché sono semplici pezzi di un'e-mail, puoi combinarli e abbinarli per soddisfare le tue esigenze in modo da non rimanere sempre bloccato allo stesso vecchio layout.

E i tuoi blocchi fanno parte di un sistema di progettazione e-mail vivente. Ciò significa che puoi aggiungerne continuamente di nuovi man mano che il tuo sistema di progettazione cresce per mantenere viva la flessibilità e la creatività.

Può essere utilizzato nei generatori di email drag-and-drop

Un'altra cosa grandiosa dei moduli di posta elettronica? Sono fondamentalmente "plug and play" e, quindi, perfettamente costruiti per i costruttori di email drag-and-drop come l'editor visuale drag-and-drop di Litmus Builder. Basta configurarli e sei pronto per partire.

Anche i non codificatori possono creare e-mail

Una volta che i tuoi blocchi di contenuto riutilizzabili sono stati impostati in un editor visivo, puoi creare e-mail senza mai toccare il codice. E questo significa che anche i tuoi non codificatori possono creare e-mail! Non dovrai più preoccuparti che possano rompere accidentalmente qualcosa.

Ridimensiona la produzione di email

Con tutti, indipendentemente dalle loro capacità tecniche, in grado di creare rapidamente e-mail modulari, puoi ridimensionare l'intero processo di produzione di e-mail con facilità e far crescere il tuo programma di e-mail marketing. Concentrati su cose come e-mail personalizzate per diversi segmenti di abbonati, qualcosa che prima avrebbe richiesto un'eternità.

Crea velocemente email on-brand e prive di errori Crea, visualizza in anteprima e verifica il controllo qualità delle tue e-mail in un unico flusso senza interruzioni, con Litmus Builder. Niente più salti avanti e indietro tra gli strumenti. Scopri come →

Come iniziare con il design modulare

Ti consigliamo di iniziare creando un sistema di progettazione e-mail. Non è necessario iniziare con questo passaggio, ma è un buon modo per garantire che i moduli di posta elettronica siano classificati e standardizzati. Se non lo fai, puoi creare moduli di base che richiederebbero molto stile quando vengono utilizzati. Oppure potresti creare blocchi stilizzati con la consapevolezza che potrebbe essere necessaria molta manutenzione per mantenerli.

Una volta che il sistema di progettazione è stato finalizzato, in realtà, non aspettare. I sistemi di progettazione sono cose viventi che cambieranno man mano che continui a creare e-mail. Invece di aspettare che l'intero sistema sia finalizzato, inizia a codificare non appena hai abbastanza blocchi per creare un modello.

Ecco come iniziare.

1. Controlla le tue email per vedere quali sezioni sono comunemente usate

Completa un controllo delle tue e-mail per vedere se trovi qualche schema. Quali sezioni vedi ripetute nelle tue email? Ci sono blocchi di intestazione e piè di pagina che usi più e più volte? Che ne dici di blocchi di contenuto a una e due colonne? Questi sono tutti buoni candidati per i moduli.

Crea un elenco o documenta le sezioni che intendi modularizzare e come verranno utilizzate (comprese le regole di ingaggio). Organizzare i tuoi componenti fin dall'inizio li rende più facili da trovare e utilizzare correttamente in tutto il tuo team, soprattutto mentre continui a far crescere la tua libreria di modelli. Può essere semplice come etichettare i blocchi di contenuto per intestazioni, corpo e piè di pagina. O categorizzando per team o cliente.

Mi piace organizzare il mio per sezione e tipo di email usando le Categorie nella Libreria del Design in Litmus.

2. Determinare gli standard e le linee guida del marchio

I progettisti e gli sviluppatori dovrebbero lavorare fianco a fianco durante la creazione dei moduli per garantire che gli standard, come la spaziatura tra gli elementi e la spaziatura tra i moduli, vengano creati e mantenuti.

E assicurati che le parti interessate siano d'accordo sulle linee guida del marchio specifiche per e-mail come caratteri e colori prima di andare avanti.

3. Crea un boilerplate di posta elettronica

Tutti i tuoi moduli dovranno essere inseriti in uno scheletro o in uno standard HTML. Questo ti dà la massima flessibilità nel modo in cui desideri disporre la tua email. Esistono diversi modi in cui è possibile configurare un boilerplate, ma tutti i boilerplate includono una sezione nella parte superiore con i tag di apertura, il contenuto dell'intestazione, eventuali stili di ripristino e di marca e i tag di chiusura.

Mark Robbins ha creato un ottimo modello di e-mail di base essenziale per iniziare. Combinalo con il repository di Jay Oram dei recenti stili di ripristino CSS standard per la posta elettronica e avrai una base di partenza decente per cominciare.

4. Costruisci i tuoi moduli

I moduli possono essere creati in vari modi. Finché sei coerente con i moduli, funzioneranno insieme quando combinati. Esaminerò due metodi diversi: moduli basati su <table> e moduli basati su <tr>.

Utilizzo di moduli basati su <tabella>

Puoi fare in modo che ogni modulo sia racchiuso in una tabella in modo che le tabelle si sovrappongano man mano che i moduli vengono aggiunti. I moduli basati su tabelle avrebbero un aspetto simile a questo:

Pro : i moduli sono ordinati e autonomi. Gli stili di layout di una tabella non influiranno sugli altri moduli.

Contro : l'impilamento delle tabelle a volte può causare problemi di rendering in Outlook come linee bianche sottili.

Utilizzo di moduli basati su <tr>

I moduli basati sulle righe della tabella devono essere inseriti in una tabella contenitore. Quindi, le righe possono essere posizionate nella tabella contenitore impilando le righe una sopra l'altra in questo modo:

Pro : ci sono problemi di linea bianca meno fastidiosi in Outlook.

Contro : un problema di rendering in un modulo può causare un problema di rendering in un altro modulo. E potrebbe richiedere più codice per nidificare le tabelle all'interno delle righe per risolvere i problemi.

5. Prova, prova, prova!

Entrambi i metodi del modulo richiedono l'esecuzione di alcuni test di garanzia della qualità (QA) per assicurarsi che un componente non distrugga l'intera email.

Trovo che il modo migliore per costruire i moduli e testarli allo stesso tempo sia creare un modello grande contenente tutti i moduli in Litmus Builder.

Ciò consente al controllo qualità di testare i moduli in un modello per vedere come si influenzano a vicenda. Garantisce inoltre il mantenimento della spaziatura tra i moduli. Una volta che tutti i moduli sono stati aggiunti, possono essere facilmente copiati e salvati nella Libreria Design di Litmus come frammento o parziale.

6. Inizia a utilizzare i moduli nel processo di produzione della posta elettronica

Una volta creati i moduli, è solo questione di utilizzarli nel processo di compilazione. La maggior parte degli editor di codice offre un metodo per aggiungere frammenti al codice o al boilerplate.

Uso il costruttore di tornasole. Nella vista Editor del codice, puoi utilizzare le parole di attivazione dello snippet o il menu di inserimento per aggiungere snippet direttamente nel codice. Con l'editor visuale drag-and-drop in Litmus Builder, è una semplice questione di trascinare e rilasciare letteralmente gli snippet sul posto.

Prova la creazione di email modulari Tornasole rende facile diventare modulari. Archivia e organizza i tuoi snippet e parziali nella Libreria dei disegni. Quindi, crea rapidamente e-mail di test QA con Visual Editor in Litmus Builder. Viene persino precaricato con un modello di posta elettronica completamente ottimizzato con moduli in modo da poter entrare subito. Inizia la tua prova gratuita →

Diventiamo modulari

Se vuoi essere agile ed efficiente senza sacrificare il design flessibile della posta elettronica, adorerai i moduli di posta elettronica. Sono un enorme risparmio di tempo e ti consentono di essere sia conforme al marchio che creativo. Chi non lo vuole? Fai un tentativo, mi ringrazierai più tardi.