Se non hai ancora installato e configurato MailPoet, ti consigliamo di partire dalla nostra guida introduttiva<\/a>. Per una gestione professionale delle tue campagne email, scopri il nostro servizio dedicato alle newsletter<\/a>.<\/p>\n MailPoet include una libreria di template pronti<\/strong> che coprono le esigenze pi\u00f9 comuni: newsletter informative, annunci di prodotti, email promozionali, benvenuto ai nuovi iscritti e notifiche WooCommerce. Ogni template \u00e8 stato progettato per essere responsive<\/strong> e compatibile con i principali client email.<\/p>\n Quando crei una nuova email in MailPoet, il primo passo \u00e8 selezionare un template dalla galleria. La scelta dipende da diversi fattori:<\/p>\n Puoi anche partire dal template vuoto<\/strong> per avere il massimo controllo sulla struttura. Il template vuoto offre una tela bianca sulla quale costruire il layout trascinando i blocchi disponibili.<\/p>\n Il cuore della creazione dei template in MailPoet \u00e8 il suo editor visuale drag-and-drop<\/strong>. Questo strumento permette di costruire email professionali semplicemente trascinando gli elementi nella posizione desiderata.<\/p>\n I blocchi principali sono:<\/p>\n La coerenza cromatica con il brand \u00e8 essenziale. In MailPoet puoi personalizzare:<\/p>\n Un consiglio pratico: limita la palette a 3-4 colori massimo<\/strong> per mantenere un aspetto professionale. Utilizza il colore primario del brand per i pulsanti CTA, un colore neutro per il testo e un colore di accento per evidenziare elementi importanti.<\/p>\n La scelta dei font nelle email \u00e8 pi\u00f9 limitata rispetto al web a causa della compatibilit\u00e0 con i client di posta. MailPoet supporta un set di web-safe font<\/strong> garantiti su tutti i client:<\/p>\n Per le dimensioni, consigliamo 16px minimo<\/strong> per il corpo del testo e 22-28px<\/strong> per i titoli. Dimensioni inferiori a 14px risultano difficili da leggere sui dispositivi mobili.<\/p>\n Il logo aziendale deve apparire nella parte superiore di ogni email. In MailPoet, inserisci il logo tramite il blocco Immagine nel header del template. Le specifiche consigliate sono:<\/p>\n Una volta creato un template che rispecchia il tuo brand, MailPoet permette di salvarlo come template personalizzato<\/strong> per riutilizzarlo nelle campagne successive. Questa funzione fa risparmiare tempo e garantisce la coerenza visiva tra tutte le comunicazioni.<\/p>\n Dopo aver personalizzato il layout nel drag-and-drop editor, salva il template dalla barra degli strumenti. Il template apparir\u00e0 nella sezione “I Miei Template”<\/strong> della galleria, disponibile per ogni nuova email. Consigliamo di creare template separati per:<\/p>\n Con il crescere del numero di template salvati, diventa importante mantenere una naming convention<\/strong> chiara. Utilizza prefissi come “NL-” per newsletter, “PROMO-” per promozioni, “WC-” per WooCommerce, seguiti da una descrizione breve (es. “NL-Mensile-2colonne”, “PROMO-Sconto-CTA-singolo”).<\/p>\n Per utenti avanzati, MailPoet supporta la importazione di template HTML personalizzati<\/strong>. Questa opzione offre il massimo controllo sul design, ma richiede competenze di codifica HTML per email, che differisce significativamente dallo HTML standard per il web.<\/p>\n Scrivere HTML per email \u00e8 come tornare indietro di 15 anni nello sviluppo web. Le principali limitazioni sono:<\/p>\n Un template HTML per email segue una struttura specifica. Il container esterno definisce la larghezza massima e il colore di sfondo. La tabella interna contiene il contenuto vero e proprio, con righe per header, corpo e footer. Ogni cella della tabella utilizza attributi come MailPoet permette di importare il codice HTML personalizzato e di combinarlo con i blocchi drag-and-drop. Questa modalit\u00e0 ibrida \u00e8 ideale per chi desidera un header e footer codificati su misura<\/strong> con la flessibilit\u00e0 del drag-and-drop per il contenuto centrale.<\/p>\n Oltre il 60% delle email<\/strong> viene aperto su dispositivi mobili. Progettare template responsive non \u00e8 facoltativo, \u00e8 essenziale per raggiungere efficacemente il pubblico.<\/p>\n I template predefiniti di MailPoet sono gi\u00e0 responsive, ma se crei template HTML personalizzati dovrai implementare le media query<\/strong> per gestire il cambio di layout. Non tutti i client email supportano le media query (Outlook le ignora), quindi la struttura deve funzionare anche senza di esse.<\/p>\n La dark mode<\/strong> \u00e8 ormai diffusa su tutti i principali client email (Gmail, Apple Mail, Outlook). Quando un utente ha attivato la modalit\u00e0 scura, i client possono modificare i colori della tua email in modi imprevedibili, creando problemi di leggibilit\u00e0.<\/p>\n Le immagini rendono le email visivamente attraenti, ma se non ottimizzate possono rallentare il caricamento o non essere visualizzate affatto.<\/p>\n I filtri anti-spam penalizzano le email composte quasi interamente da immagini. Mantieni un rapporto di almeno 60% testo e 40% immagini<\/strong>. Non inserire mai informazioni fondamentali solo nelle immagini: se vengono bloccate dal client, il messaggio deve restare comprensibile dalla sola parte testuale.<\/p>\n Il preheader text<\/strong> \u00e8 la breve frase che appare accanto al subject nella lista dei messaggi della casella di posta. Nonostante sia spesso trascurato, questo elemento influenza significativamente il tasso di apertura.<\/p>\n MailPoet permette di impostare il preheader text durante la creazione della email, nella sezione dedicata. Se non viene specificato, i client email utilizzeranno le prime righe del contenuto della email, che spesso producono risultati poco attraenti come “Visualizza nel browser” o “Se non vedi correttamente questa email…”.<\/p>\n Ogni email che invii \u00e8 una estensione del tuo brand<\/strong>. La coerenza visiva tra sito web, social media e comunicazioni email rafforza il riconoscimento e la fiducia del pubblico.<\/p>\n Crea un documento di brand guidelines per le email<\/strong> che specifichi codici colore, font, dimensioni del logo e tono di voce. Condividilo con chiunque gestisca le campagne email per garantire uniformit\u00e0 anche quando il team cambia.<\/p>\n La struttura di un template efficace segue un flusso logico che guida il lettore dalla apertura fino alla azione desiderata:<\/p>\n Questa struttura \u00e8 collaudata e funziona per la maggior parte delle tipologie di email. Personalizzala in base ai tuoi obiettivi specifici, ma mantieni sempre una gerarchia visiva chiara<\/strong> che guidi lo sguardo del lettore verso la azione desiderata.<\/p>\n Creare template email personalizzati con MailPoet \u00e8 un processo che combina creativit\u00e0 e tecnica<\/strong>. Partendo dai template predefiniti o costruendo da zero con il drag-and-drop editor, hai tutti gli strumenti per produrre comunicazioni email professionali, responsive e coerenti con il tuo brand. La attenzione alla compatibilit\u00e0 dark mode, alla ottimizzazione delle immagini e alla struttura responsive garantisce che ogni messaggio arrivi al destinatario esattamente come lo hai progettato, su qualsiasi dispositivo e client di posta.<\/p>\n Desideri un supporto professionale nella creazione dei tuoi template email o nella gestione completa delle campagne newsletter? Contattaci<\/a> per una consulenza personalizzata, oppure scopri il nostro servizio dedicato alle newsletter e al email marketing<\/a>.<\/p>\n Questa guida fa parte della nostra serie su WordPress e i migliori plugin per potenziare il tuo sito. Scopri anche le nostre guide su:<\/p>\n Come Creare Template Email Personalizzati con MailPoet Un template email ben progettato \u00e8 il biglietto da visita del tuo brand in ogni casella di posta.…<\/p>\n","protected":false},"author":2,"featured_media":166764,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Template Email MailPoet: Creare Newsletter Personalizzate | Guida","_seopress_titles_desc":"Come creare e personalizzare template email con MailPoet: design responsive, branding, dark mode, ottimizzazione immagini e best practice.","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[3001,2999,2974,3000,2976],"class_list":["post-166778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-branding","tag-design-newsletter","tag-mailpoet","tag-responsive","tag-template-email"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=166778"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166778\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/166764"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=166778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Editor](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/mp-03-emails.png\")
<\/p>\nI Template Predefiniti di MailPoet<\/h2>\n
Come Scegliere il Template Giusto<\/h3>\n
\n
Personalizzazione con il Drag-and-Drop Editor<\/h2>\n
I Blocchi Disponibili<\/h3>\n
\n
Personalizzazione dei Colori<\/h3>\n
\n
#f5f5f5<\/code>)<\/li>\nTipografia e Font<\/h3>\n
\n
Inserimento del Logo<\/h3>\n
\n
Salvare e Riutilizzare i Template Personalizzati<\/h2>\n
Come Salvare un Template<\/h3>\n
\n
Organizzazione dei Template<\/h3>\n
![\"Galleria](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/mp-04-forms.png\")
<\/p>\nTemplate HTML Personalizzati<\/h2>\n
Differenze tra HTML Web e HTML Email<\/h3>\n
\n
<style><\/code>; ogni elemento richiede stili inline<\/li>\nposition<\/code>, float<\/code> parziale, niente animazioni CSS<\/li>\nStruttura Base di un Template HTML per Email<\/h3>\n
bgcolor<\/code>, width<\/code> e style<\/code> inline per garantire la resa visiva su ogni client.<\/p>\nDesign Responsive per Email<\/h2>\n
Principi del Design Responsive nelle Email<\/h3>\n
\n
max-width: 100%<\/code> perch\u00e9 le immagini si adattino automaticamente<\/li>\nCompatibilit\u00e0 con la Modalit\u00e0 Scura (Dark Mode)<\/h2>\n
Problemi Comuni con la Dark Mode<\/h3>\n
\n
Best Practice per la Compatibilit\u00e0 Dark Mode<\/h3>\n
\n
#ffffff<\/code> con un bordo o padding colorato che funga da cuscinetto<\/li>\n<meta name=\"color-scheme\" content=\"light dark\"><\/code> aiuta alcuni client a gestire meglio la inversione<\/li>\n#333333<\/code> invece di #000000<\/code> per un risultato migliore dopo la inversione<\/li>\n<\/ul>\nOttimizzazione delle Immagini per Email<\/h2>\n
Regole per le Immagini nelle Email<\/h3>\n
\n
Rapporto Testo\/Immagini<\/h3>\n
Preheader Text: Il Dettaglio che fa la Differenza<\/h2>\n
Come Configurare il Preheader in MailPoet<\/h3>\n
Best Practice per il Preheader<\/h3>\n
\n
Coerenza del Brand nei Template<\/h2>\n
Elementi di Brand da Mantenere Costanti<\/h3>\n
\n
Struttura Ottimale di un Template Email<\/h2>\n
\n
Conclusioni<\/h2>\n
Migliora il Tuo Sito WordPress<\/h3>\n
\n