Un’email responsive cambia struttura in base alla larghezza dello schermo: le colonne affiancate si impilano, le immagini si adattano e il contenitore smette di essere largo seicento pixel. Funziona con regole di stile che Outlook per Windows spesso ignora, per questo un layout a una colonna, o costruito con tabelle fluide, è più sicuro di uno a quattro colonne. Per una piccola azienda MailerLite offre un costruttore a blocchi e un piano gratuito per provare. Mailchimp e Campaign Monitor aggiungono modelli scritti a mano per chi vuole il controllo. Prova ogni modello a larghezze e con programmi diversi.
MailerLite è la scelta più semplice per chi vuole un layout adattabile senza scrivere codice: costruttore a blocchi e impostazioni essenziali. Secondo mailerlite.com/pricing il Comfort costa 12 $ al mese a 500 iscritti, 10,80 $ con pagamento annuale, e il Power 25 $ con email illimitate. Il limite è il controllo del codice: verifica se puoi regolare larghezza, ordine delle colonne sul telefono e spaziature, e prova ogni modello prima di usarlo.
Mailchimp ha un archivio di modelli e, secondo la sua scheda, accetta anche modelli codificati a mano: puoi quindi partire da uno schema pronto o portare il tuo. Conviene sceglierne pochi e adattarli una volta sola ai colori del tuo marchio. Un modello già pronto non garantisce nulla per le tue immagini e per i tuoi testi lunghi: provalo con contenuti veri a più larghezze e su Outlook per Windows.
Campaign Monitor indica sul suo sito modelli codificati a mano e anteprima nelle caselle, due strumenti per verificare le colonne impilate e il comportamento in Outlook. Chi scrive il codice decide larghezza, ordine e punti di rottura. La pagina campaignmonitor.com/pricing non dà un listino leggibile in modo affidabile, ma mostra una prova di 30 giorni con 500 contatti: usala con un modello vero prima di chiedere il preventivo.
Brevo manda email, SMS e campagne WhatsApp dallo stesso account, quindi il marchio deve restare riconoscibile su canali con spazi molto diversi. Per il layout conta poter confrontare anteprima per telefono e per computer e correggere l’ordine dei blocchi. Nessuna descrizione sostituisce una prova di invio sul tuo telefono e su un computer con Outlook.
Con ActiveCampaign lo stesso modello alimenta automazioni diverse: se il layout non regge sul telefono, il difetto si moltiplica in ogni messaggio. Secondo activecampaign.com/pricing lo Starter costa 15 $ al mese per 1.000 contatti e consente 5 azioni per automazione. Prima di copiare il modello nei flussi, provalo su tre larghezze di schermo e in un programma che ignora gli stili avanzati.
Constant Contact è un servizio americano rivolto alle piccole imprese: oltre all’email, secondo la sua pagina, offre pubblicazione sui social e automazioni. Il listino su constantcontact.com/pricing ha più livelli e il prezzo cambia con il numero di contatti, quindi chiedi la cifra per la tua lista. Controlla in che lingua sono interfaccia e assistenza e se i modelli reggono su un telefono con schermo stretto.
HubSpot permette di tenere sito, CRM ed email nello stesso ambiente, e un modello approvato può essere condiviso con i colleghi. Il listino americano su hubspot.com/pricing/marketing mostra livelli molto distanti tra loro: verifica quali funzioni di modelli e di anteprima rientrano in quello che paghi. Per un negozio con pochi invii o una lista piccola è più strumento di quanto serva.
La larghezza classica di un messaggio sta intorno ai seicento pixel, ma ciò che conta è che il contenitore si restringa sul telefono invece di obbligare a scorrere di lato. Decidi prima quante colonne ti servono davvero: una per newsletter e messaggi di servizio, due per un confronto di prodotti, di rado di più. Controlla che lo strumento ti lasci cambiare la larghezza massima e i margini, non solo scegliere tra modelli già confezionati.
Su telefono due colonne diventano una sopra l’altra, e l’ordine è quello del codice, non quello che vedi sul computer. Se a sinistra c’è il testo e a destra la foto, sul telefono potrebbe comparire prima il testo: forse non è ciò che vuoi. Cerca nell’editor un’opzione per invertire l’ordine delle colonne quando si impilano e, se esiste, per cambiare gli spazi tra i blocchi solo sul telefono. Senza queste opzioni il lavoro passa al codice.
Molte versioni di Outlook per Windows disegnano il messaggio con un motore che ignora una parte delle regole di stile, comprese quelle che fanno impilare le colonne. Chi legge lì può vedere il layout del computer, rimpicciolito o sfalsato. Per tollerare il problema servono tabelle ben costruite e larghezze in percentuale, oltre a una prova reale su quel programma. Chiedi allo strumento se i suoi modelli sono stati pensati per Outlook e come puoi controllare l’esito.
Un’immagine larga quanto il contenitore deve ridursi con lo schermo senza uscire dai margini. Carica file a una risoluzione doppia rispetto alla dimensione mostrata, così restano nitidi sugli schermi ad alta densità, e controlla il peso per non rallentare il caricamento. Imposta sempre una larghezza esplicita e un testo alternativo. Le immagini di sfondo si comportano in modo irregolare nelle email: se ne usi una, prevedi un colore pieno di riserva.
Nascondere una colonna o un’immagine solo sul telefono sembra comodo, ma il supporto cambia da un programma all’altro e il contenuto nascosto può comparire dove non lo vuoi. Se un elemento non serve su schermo piccolo, meglio toglierlo dal modello che affidarsi al nascondere. Progetta il messaggio in modo che nessuna informazione essenziale stia soltanto nella parte che cambia, e verifica nell’editor se le impostazioni distinguono telefono e computer.
Le anteprime dell’editor mostrano di solito due viste, telefono e computer; non bastano per vedere il comportamento a larghezze intermedie come tablet e finestre ridotte. Prova il messaggio inviandolo a caselle su dispositivi diversi, poi salva il modello approvato come base e limita chi può cambiarne la struttura. Chiedi allo strumento se supporta ruoli e modelli condivisi: in una piccola azienda il layout si rompe quando ognuno lo adatta a modo suo.
Un messaggio adattabile cambia struttura in base allo schermo con regole di stile dedicate: le colonne si impilano, gli spazi si riducono, il contenitore si stringe. Uno semplicemente leggibile è costruito in modo fluido, con una sola colonna che si allarga o si restringe senza cambiare forma. Il secondo è più robusto, il primo più flessibile ma dipende dal programma di posta. Molti strumenti dichiarano modelli «responsive»: la sola prova credibile è aprirli su dispositivi diversi.
Se il messaggio è una newsletter di testo, un annuncio o una conferma, scegli una colonna: si legge ovunque e costa meno da correggere. Due colonne hanno senso per confrontare due prodotti o per un indice di articoli con anteprime, e solo se sai che, impilate, restano comprensibili. Più di due colonne in un’email sono raramente una buona idea. Se parti da un modello con una struttura complessa, chiediti prima che cosa vuoi che il lettore faccia e togli il resto.
Non esiste una lista valida per sempre, ma conviene coprire tre fasce: un telefono con schermo stretto, uno medio o grande e una finestra da computer. Aggiungi un tablet se sai che i tuoi lettori lo usano. Molti strumenti permettono di vedere solo due viste, quindi il resto lo fai inviando prove a persone che hanno dispositivi diversi. Chiedi loro di aprire il messaggio ruotando lo schermo: la modalità orizzontale rivela errori che a schermo verticale non si vedono.
Chi scrive il codice usa spesso il cosiddetto layout ibrido: tabelle con larghezza massima definita e blocchi che vanno a capo da soli quando manca spazio, con le regole di stile come rifinitura e non come condizione. In questo modo, dove le regole sono ignorate, il messaggio resta leggibile, anche se meno elegante. Se non sai scrivere il codice, scegli modelli dichiaratamente semplici e chiedi all’assistenza o a un’agenzia come sono costruiti prima di adottarli per tutti gli invii.
In parte. La struttura di base, cioè larghezza, margini, intestazione e piè di pagina con disiscrizione e dati societari, può essere comune. I contenuti centrali invece cambiano: una newsletter ha più blocchi, una promozione ne ha uno solo, un messaggio di servizio deve restare sobrio. Crea un modello di base e due o tre varianti salvate, tutte provate. Così correggi un difetto dell’intestazione una volta sola e non devi riaprire cento messaggi diversi.
Dipende da quante campagne farai e da quanto conta la coerenza del marchio. Un modello dell’archivio dello strumento costa poco o nulla e per una newsletter semplice basta. Un modello su misura, scritto da un grafico o da un’agenzia, ha senso se hai molti invii, regole grafiche precise o più sedi da gestire. Chiedi in ogni caso consegna del codice, indicazioni per l’uso e una prova su Outlook, Gmail e Apple Mail: senza queste garanzie rischi di pagare un lavoro bello ma fragile.
Per un contenitore da seicento pixel prepara un banner largo il doppio, così resta nitido sugli schermi ad alta densità, ma comprimilo bene: un file pesante rallenta l’apertura, soprattutto in mobilità, dove la connessione cambia. Usa JPEG per le foto e PNG per loghi e grafiche semplici. Una GIF animata troppo lunga pesa molto: limitala a pochi secondi. Chiedi allo strumento se ottimizza le immagini al caricamento o se devi farlo prima, e controlla il peso totale del messaggio.
Chiedi quale programma o app usa, la versione se la conosce e una schermata. Prova a riprodurre il difetto nello stesso ambiente, poi correggi il modello e non il singolo messaggio, altrimenti l’errore tornerà al prossimo invio. Aggiungi quel programma alla tua tabella delle prove. Se la segnalazione riguarda un messaggio di servizio, come una conferma d’ordine, rispondi in fretta e invia il contenuto essenziale per altra via: il cliente non deve aspettare che il layout sia perfetto.