{"id":8908,"date":"2019-04-18T08:11:40","date_gmt":"2019-04-18T08:11:40","guid":{"rendered":"https:\/\/www.newslettercreator.com\/?page_id=8908"},"modified":"2019-04-18T08:11:40","modified_gmt":"2019-04-18T08:11:40","slug":"template-layout-ed-esempi-di-newsletter","status":"publish","type":"page","link":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/","title":{"rendered":"Template, layout ed esempi di newsletter"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg\" alt=\"Template, layout ed esempi di newsletter\" width=\"634\" height=\"439\" \/><\/p>\n<h2 id=\"email-design\">Email design: di cosa si tratta<\/h2>\n<p>Il lavoro che fa seguito all&#8217;elaborazione di un messaggio di email marketing &#8211; articolato in testi, immagini, link, call to action e altri contenuti &#8211; consiste nel <strong>design della newsletter<\/strong>.<\/p>\n<p><strong>Esistono tre modalit\u00e0<\/strong> attraverso le quali si procede al design di un template di newsletter. Tutte passano da una valida piattaforma per la composizione delle email:<\/p>\n<ol>\n<li>Uso di un template di newsletter gi\u00e0 pronto, modificabile nel contenuto e, con dei limiti, alla struttura;<\/li>\n<li>Scrittura del codice email HTML o, in alternativa, copia e incolla di un codice gi\u00e0 pronto;<\/li>\n<li>Uso di un email template builder per la composizione della struttura, generalmente per mezzo di un\u2019interfaccia grafica al cui interno ogni elemento della newsletter (header, footer, immagini, caselle di testo, icone dei social network, ecc) viene trascinato col cursore. Questa modalit\u00e0 si chiama \u201cdrag&amp;drop\u201d ed \u00e8 quella impiegata da MailStyler.<\/li>\n<\/ol>\n<p>Questo <strong>breve video<\/strong> pu\u00f2 darti un\u2019idea del <strong>funzionamento di MailStyler<\/strong>.<\/p>\n<p><iframe width=\"669\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/VI82uY9sTIY?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Qui sotto puoi vedere un <strong>esempio di newsletter layout<\/strong> realizzato con MailStyler. Un contenuto interessante non \u00e8 sufficiente a dare luogo a un\u2019email efficace. Un<strong> layout appropriato<\/strong>, confezionato in base all&#8217;identit\u00e0 aziendale e al tipo di messaggio e di pubblico, \u00e8 fondamentale, poich\u00e9 <strong>indirizza gli utenti al click sulle call to action<\/strong>. Questo \u00e8 il fine ultimo di tutte le email commerciali.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/politics.jpg\" rel=\"prettyPhoto[tmpl]\"><img decoding=\"async\" width=\"800\" height=\"900\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/politics.jpg\" alt=\"Esempio template newsletter\" style=\"max-width: 75%; margin: auto;\" \/><\/a><\/p>\n<div id=\"g1-divider-top-1\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"newsletter-html\">Newsletter HTML\u2026 gratuito<\/h2>\n<p>Una <strong>newsletter professionale<\/strong> \u00e8 uno strumento di marketing che non teme la concorrenza dei social network. \u00c8 anche uno dei mezzi pi\u00f9 comuni per coltivare un contatto prolungato con gli utenti a costi contenuti. <strong>Design e content dell\u2019email sono ci\u00f2 che permette al messaggio di rilevare<\/strong> all&#8217;interno delle comunicazioni poco importanti che riempiono la casella Inbox di tutti noi.<\/p>\n<p>La creazione di un\u2019email professionale \u00e8 un lavoro che non va preso alla leggera. <strong>Mettere insieme un template<\/strong>, infatti, richiede<strong> svariate competenze<\/strong>: creativit\u00e0, buon gusto, analisi degli elementi della grafica, talento nel web design e conoscenza reale del linguaggio HTML. Niente di ci\u00f2 pu\u00f2 venire improvvisato.<\/p>\n<p>Una soluzione \u00e8 cercare <strong>template HTML gratis e pronti\u00a0<\/strong><b>all&#8217;uso<\/b>, messi a disposizione da innumerevoli siti internet individuabili tramite una ricerca dal browser. <strong>Il freno principale a questa scorciatoia<\/strong> \u00e8 rappresentato dagli evidenti <strong>limiti di personalizzazione<\/strong>. Un template preconfezionato non pu\u00f2 ben identificare un marchio, i cui elementi grafici e concettuali sono stati decisi una volta per tutte in altra sede.<\/p>\n<p>Questi prodotti sono ritagliati su categorie generiche. Se intendete vendere abbigliamento, sar\u00e0 piuttosto semplice trovare un modello gratuito di newsletter template per questo tema. Il problema per\u00f2 \u00e8 un\u2019altro, e cio\u00e8 <strong>in che modo fare s\u00ec che l\u2019email si presenti come univocamente \u201cvostra\u201d<\/strong> fin dalla prima occhiata.<\/p>\n<div id=\"g1-divider-top-2\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"perche-programma\">Perch\u00e9 un programma professionale di newsletter design<\/h2>\n<p>Le considerazioni sulla personalizzazione del messaggio portano a concludere che <strong>il sistema drag&amp;drop<\/strong> rappresenti l\u2019email design tool definitivo. Grazie a esso, <strong>nessuna competenza HTML \u00e8 richiesta<\/strong> alla persona che si occupa della redazione e dell\u2019invio delle newsletter.<\/p>\n<p>I prodotti realizzati con <strong>MailStyler<\/strong> sono compatibili con gran parte dei <strong>programmi di newsletter<\/strong>. Questi sistemi mettono di solito a disposizione una galleria di layout di email gi\u00e0 pronti, spesso basati su generiche categorie commerciali, poco flessibili in termini di design. Questa apparente limitazione ha un senso. <strong>L\u2019obiettivo delle piattaforme per newsletter \u00e8 altrove<\/strong>: archiviare un database ordinato dei contatti, effettuare il test dello SPAM prima dell\u2019invio, spedire il messaggio e mettere a disposizione un\u2019analisi approfondita dei risultati. Con questi editor di layout email \u00e8 difficile creare una newsletter realmente personalizzata.<\/p>\n<p><strong>MailStyler<\/strong> \u00e8 il programma professionale di newsletter design <strong>fondato sul drag&amp;drop<\/strong>. Una volta completato il lavoro di composizione, esso <strong>pu\u00f2 essere immediatamente esportato e caricato<\/strong> sul programma usato per inviare i messaggi.<\/p>\n<p><iframe width=\"669\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/y_svY5y0LbM?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<div id=\"g1-divider-top-3\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"formato-newsletter\">Che cos\u2019\u00e8 il formato della newsletter<\/h2>\n<p>Per puntare al risultato migliore durante una <strong>campagna di email marketing<\/strong>, occorre tenere in considerazione le necessit\u00e0 del business aziendale e osservare i principi della programmazione in <strong>linguaggio HTML<\/strong>. \u00c8 proprio questo il formato pi\u00f9 diffuso per la creazione di un\u2019<strong>email personalizzata<\/strong> in base alle caratteristiche del marchio, ricca di elementi multimediali e grafici.<\/p>\n<p>Il formato dell\u2019email dovrebbe <strong>consentire al brand di trasporre sul web i propri valori ed elementi distintivi<\/strong>, sia per quanto riguarda la grafica che lo stile della comunicazione. <strong>\u00c8 necessario pertanto scegliere<\/strong> tra un\u2019email prevalentemente testuale, al cui interno sono solo i link a indirizzare il lettore verso contenuti di altra natura, oppure redigerne una che (in parte variabile) \u00e8 strutturata intorno a <strong>elementi multimediali<\/strong>. Quest\u2019ultima \u00e8 la newsletter in formato HTML. Tale passaggio non \u00e8 per\u00f2 immediato.<\/p>\n<p>Infatti, lavorare con l\u2019email HTML \u00e8 una <strong>professionalit\u00e0 che necessita di personale specializzato e aggiornato<\/strong>. \u00c8 improbabile dirsi certi della <strong>corretta visualizzazione della newsletter<\/strong> su tutte le webmail oppure su tutti i client di posta elettronica come Outlook, Gmail o Thunderbird. Per questo, i web designer effettuano numerosi test di invio delle email, sempre alla ricerca dell\u2019equilibrio tra design ispirato e facilit\u00e0 di lettura nonostante il client di posta elettronica.<\/p>\n<p><strong>Con MailStyler tutte queste preoccupazione sono superflue<\/strong>. Grazie alla possibilit\u00e0 di <strong>costruire l\u2019email da zero<\/strong>, inserendo un elemento alla volta con il sistema del drag&amp;drop, i problemi di visualizzazione vengono aggirati e interventi correttivi sul codice HTML non sono necessari.<\/p>\n<div id=\"g1-divider-top-4\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"esempi-newsletter\">Newsletter: esempi con MailStyler<\/h2>\n<p>In questo paragrafo trovano spazio alcuni <strong>esempi di layout email<\/strong> realizzati col sistema drag&amp;drop di MailStyler. <strong>Header, footer, colonne, caselle di testo e spazi per le immagini sono stati tutti assemblati<\/strong> attraverso l\u2019inserimento di un componente alla volta, trascinato e collocato esattamente dove il redattore ritiene che sia pi\u00f9 opportuno.<\/p>\n<p>Gli elementi inseriti nel layout vengono poi riempiti con contenuti che dovrebbero essere gi\u00e0 pronti. Considerate questi esempi come una mera <strong>fonte di ispirazione<\/strong> di email layout. Se non vi sentite sicuri di come organizzare gli elementi della grafica, potrebbe essere una buona idea cominciare da qui. Ancora meglio, se siete clienti MailStyler potete <strong>chiedere una consulenza ai nostri esperti<\/strong>.<\/p>\n<p>Questi esempi di newsletter cercano di fondere le due esigenze di design piano e chiaro e personalizzazione dello stile. Il <strong>template di newsletter<\/strong>, in ultima analisi, <strong>\u00e8 il luogo in cui una comunicazione \u00e8 filtrata attraverso l\u2019identit\u00e0 di marchio<\/strong>.<\/p>\n\n<div id=\"rev_slider_14_1_wrapper\" class=\"rev_slider_wrapper fullwidthbanner-container\" data-source=\"gallery\" style=\"margin:0px auto;background:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;\">\n<!-- START REVOLUTION SLIDER 5.4.7.3 fullwidth mode -->\n\t<div id=\"rev_slider_14_1\" class=\"rev_slider fullwidthabanner tp-overflow-hidden\" style=\"display:none;\" data-version=\"5.4.7.3\">\n<ul>\t<!-- SLIDE  -->\n\t<li data-index=\"rs-56\" data-transition=\"slideright\" data-slotamount=\"7\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/flower-100x50.jpg\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img decoding=\"async\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/flower.jpg\"  alt=\"\" title=\"flower\"  width=\"800\" height=\"900\" data-bgposition=\"center top\" data-bgfit=\"cover\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-57\" data-transition=\"slideright\" data-slotamount=\"7\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/computer-100x50.jpg\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img decoding=\"async\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/computer.jpg\"  alt=\"\" title=\"computer\"  width=\"800\" height=\"900\" data-bgposition=\"center top\" data-bgfit=\"cover\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-58\" data-transition=\"slideright\" data-slotamount=\"7\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/real-estate-100x50.jpg\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img decoding=\"async\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/real-estate.jpg\"  alt=\"\" title=\"real-estate\"  width=\"800\" height=\"900\" data-bgposition=\"center top\" data-bgfit=\"cover\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\t<\/li>\n\t<!-- SLIDE  -->\n\t<li data-index=\"rs-59\" data-transition=\"slideright\" data-slotamount=\"7\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/travel-100x50.jpg\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img decoding=\"async\" src=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2014\/09\/travel.jpg\"  alt=\"\" title=\"travel\"  width=\"800\" height=\"900\" data-bgposition=\"center top\" data-bgfit=\"cover\" data-bgrepeat=\"no-repeat\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\t<\/li>\n<\/ul>\n<script>var htmlDiv = document.getElementById(\"rs-plugin-settings-inline-css\"); var htmlDivCss=\"\";\n\t\t\t\t\t\tif(htmlDiv) {\n\t\t\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\tvar htmlDiv = document.createElement(\"div\");\n\t\t\t\t\t\t\thtmlDiv.innerHTML = \"<style>\" + htmlDivCss + \"<\/style>\";\n\t\t\t\t\t\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(htmlDiv.childNodes[0]);\n\t\t\t\t\t\t}\n\t\t\t\t\t<\/script>\n<div class=\"tp-bannertimer tp-bottom\" style=\"visibility: hidden !important;\"><\/div>\t<\/div>\n<script>var htmlDiv = document.getElementById(\"rs-plugin-settings-inline-css\"); var htmlDivCss=\"\";\n\t\t\t\tif(htmlDiv) {\n\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\n\t\t\t\t}else{\n\t\t\t\t\tvar htmlDiv = document.createElement(\"div\");\n\t\t\t\t\thtmlDiv.innerHTML = \"<style>\" + htmlDivCss + \"<\/style>\";\n\t\t\t\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(htmlDiv.childNodes[0]);\n\t\t\t\t}\n\t\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\nif (setREVStartSize!==undefined) setREVStartSize(\n\t{c: '#rev_slider_14_1', gridwidth: [800], gridheight: [900], sliderLayout: 'auto'});\n\t\t\t\nvar revapi14,\n\ttpj;\t\n(function() {\t\t\t\n\tif (!\/loaded|interactive|complete\/.test(document.readyState)) document.addEventListener(\"DOMContentLoaded\",onLoad); else onLoad();\t\n\tfunction onLoad() {\t\t\t\t\n\t\tif (tpj===undefined) { tpj = jQuery; if(\"on\" == \"on\") tpj.noConflict();}\n\tif(tpj(\"#rev_slider_14_1\").revolution == undefined){\n\t\trevslider_showDoubleJqueryError(\"#rev_slider_14_1\");\n\t}else{\n\t\trevapi14 = tpj(\"#rev_slider_14_1\").show().revolution({\n\t\t\tsliderType:\"standard\",\n\t\t\tjsFileLocation:\"\/\/www.newslettercreator.com\/wp-content\/plugins\/revslider\/public\/assets\/js\/\",\n\t\t\tsliderLayout:\"auto\",\n\t\t\tdottedOverlay:\"none\",\n\t\t\tdelay:9000,\n\t\t\tnavigation: {\n\t\t\t\tkeyboardNavigation:\"off\",\n\t\t\t\tkeyboard_direction: \"horizontal\",\n\t\t\t\tmouseScrollNavigation:\"off\",\n \t\t\t\t\t\t\tmouseScrollReverse:\"default\",\n\t\t\t\tonHoverStop:\"off\",\n\t\t\t\tarrows: {\n\t\t\t\t\tstyle:\"hesperiden\",\n\t\t\t\t\tenable:true,\n\t\t\t\t\thide_onmobile:false,\n\t\t\t\t\thide_onleave:true,\n\t\t\t\t\thide_delay:200,\n\t\t\t\t\thide_delay_mobile:1200,\n\t\t\t\t\ttmp:'',\n\t\t\t\t\tleft: {\n\t\t\t\t\t\th_align:\"left\",\n\t\t\t\t\t\tv_align:\"center\",\n\t\t\t\t\t\th_offset:20,\n\t\t\t\t\t\tv_offset:0\n\t\t\t\t\t},\n\t\t\t\t\tright: {\n\t\t\t\t\t\th_align:\"right\",\n\t\t\t\t\t\tv_align:\"center\",\n\t\t\t\t\t\th_offset:20,\n\t\t\t\t\t\tv_offset:0\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tvisibilityLevels:[1240,1024,778,480],\n\t\t\tgridwidth:800,\n\t\t\tgridheight:900,\n\t\t\tlazyType:\"none\",\n\t\t\tshadow:0,\n\t\t\tspinner:\"spinner0\",\n\t\t\tstopLoop:\"off\",\n\t\t\tstopAfterLoops:-1,\n\t\t\tstopAtSlide:-1,\n\t\t\tshuffle:\"off\",\n\t\t\tautoHeight:\"off\",\n\t\t\tdisableProgressBar:\"on\",\n\t\t\thideThumbsOnMobile:\"off\",\n\t\t\thideSliderAtLimit:0,\n\t\t\thideCaptionAtLimit:0,\n\t\t\thideAllCaptionAtLilmit:0,\n\t\t\tdebugMode:false,\n\t\t\tfallbacks: {\n\t\t\t\tsimplifyAll:\"off\",\n\t\t\t\tnextSlideOnWindowFocus:\"off\",\n\t\t\t\tdisableFocusListener:false,\n\t\t\t}\n\t\t});\n\t}; \/* END OF revapi call *\/\n\t\n }; \/* END OF ON LOAD FUNCTION *\/\n}()); \/* END OF WRAPPING FUNCTION *\/\n<\/script>\n\t\t<script>\n\t\t\t\t\tvar htmlDivCss = unescape(\".hesperiden.tparrows%20%7B%0A%09cursor%3Apointer%3B%0A%09background%3Argba%280%2C0%2C0%2C0.5%29%3B%0A%09width%3A40px%3B%0A%09height%3A40px%3B%0A%09position%3Aabsolute%3B%0A%09display%3Ablock%3B%0A%09z-index%3A100%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%7D%0A.hesperiden.tparrows%3Ahover%20%7B%0A%09background%3Argba%280%2C%200%2C%200%2C%201%29%3B%0A%7D%0A.hesperiden.tparrows%3Abefore%20%7B%0A%09font-family%3A%20%22revicons%22%3B%0A%09font-size%3A20px%3B%0A%09color%3Argb%28255%2C%20255%2C%20255%29%3B%0A%09display%3Ablock%3B%0A%09line-height%3A%2040px%3B%0A%09text-align%3A%20center%3B%0A%7D%0A.hesperiden.tparrows.tp-leftarrow%3Abefore%20%7B%0A%09content%3A%20%22%5Ce82c%22%3B%0A%20%20%20%20margin-left%3A-3px%3B%0A%7D%0A.hesperiden.tparrows.tp-rightarrow%3Abefore%20%7B%0A%09content%3A%20%22%5Ce82d%22%3B%0A%20%20%20%20margin-right%3A-3px%3B%0A%7D%0A\");\n\t\t\t\t\tvar htmlDiv = document.getElementById('rs-plugin-settings-inline-css');\n\t\t\t\t\tif(htmlDiv) {\n\t\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\n\t\t\t\t\t}\n\t\t\t\t\telse{\n\t\t\t\t\t\tvar htmlDiv = document.createElement('div');\n\t\t\t\t\t\thtmlDiv.innerHTML = '<style>' + htmlDivCss + '<\/style>';\n\t\t\t\t\t\tdocument.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);\n\t\t\t\t\t}\n\t\t\t\t  <\/script>\n\t\t\t\t<\/div><!-- END REVOLUTION SLIDER -->\n<div id=\"g1-divider-top-5\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"layout-newsletter\">Il layout della newsletter: HTML<\/h2>\n<p>Una ricerca sul browser vi restituir\u00e0 una quantit\u00e0 di risultati con <strong>suggerimenti per la creazione del \u201cperfetto\u201d layout di newsletter<\/strong>. Si va dal coding HTML ai consigli pi\u00f9 elementari per strutturare il messaggio, dal ridimensionamento delle immagini all&#8217;ottimizzazione per tablet e smartphone. Sono tanti gli ingredienti da dosare per creare un&#8217;efficace newsletter.<\/p>\n<p>Tra i <strong>consigli pi\u00f9 gettonati sul web<\/strong> per costruire il layout delle newsletter, si legge che sarebbe sempre meglio strutturare il contenuto utilizzando le tabelle HTML, che si dovrebbe settare le immagini con i link assoluti, che \u00e8 opportuno lasciare perdere i colori di fondo, che tutti gli stili CSS devono essere sistemati inline e che non potrete evitare di effettuare test del layout sui maggiori client di posta elettronica.<\/p>\n<div id=\"g1-divider-top-6\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"newsletter-drag-and-drop\">Il layout della newsletter con il drag&amp;drop<\/h2>\n<p>Tra i <strong>vantaggi di un software di email design drag&amp;drop<\/strong> come MailStyler, la possibilit\u00e0 di <strong>evitare qualsiasi intervento sul codice HTML<\/strong> \u00e8 una delle pi\u00f9 rilevanti. Quest\u2019ultimo \u00e8 certamente presente, ma non \u00e8 visibile all&#8217;utente e non richiede nessun intervento di modifica diretta. Il trascinamento nel layout dei componenti testuali e grafici sostituisce interamente la scrittura manuale del newsletter HTML.<\/p>\n<p><iframe width=\"669\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/PnGDlKtJ-3c?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Con MailStyler <strong>potete dedicare la vostra attenzione solamente all\u2019assemblaggio<\/strong> in pagina del content della newsletter. Sistemate le parti testuali privilegiando la leggibilit\u00e0 al primo sguardo. Create l\u2019header &#8211; sede del logo e del nome dell\u2019azienda &#8211; e i titoli. Inserite immagini pertinenti: eseguite una ricerca web nel rispetto del copyright, non caricate proprio le prime foto che reperite su internet. Inserite le call to action nei pulsanti creati ad hoc. Aggiungete infine il footer con il disclaimer necessario per legge.<\/p>\n<div id=\"g1-divider-top-7\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"template-responsive\">Che cos\u2019\u00e8 un template responsive<\/h2>\n<p>L\u2019assemblaggio degli elementi che compongono la newsletter dovrebbe avvenire con in mente sia la visualizzazione da desktop che quella da dispositivi mobile. <strong>Garantire la leggibilit\u00e0 su supporti differenti<\/strong> e infatti una necessit\u00e0 imprescindibile per qualunque email, non solo commerciale. In poche parole, \u00e8 tassativo fare s\u00ec che il messaggio abbia un <strong>design responsive<\/strong>.<\/p>\n<p><a title=\"\" href=\"https:\/\/litmus.com\/blog\/email-client-market-share-trends-first-half-of-2018\" target=\"_blank\" rel=\"noopener noreferrer\">Secondo una ricerca<\/a>, circa due terzi degli utenti web usa un dispositivo mobile per leggere le email. Solo nel caso che essa abbia destato interesse, c\u2019\u00e8 la possibilit\u00e0 che sia nuovamente aperta da desktop. <strong>Il lettore \u00e8 \u201cubiquo\u201d e per questo \u00e8 inevitabile predisporre template email responsive<\/strong>. Anche per questo aspetto, una piattaforma di design drag&amp;drop come <strong>MailStyler permette di tenere sempre sotto controllo<\/strong> il modo in cui il messaggio \u00e8 visualizzato. \u00c8 cos\u00ec che si produce una newsletter responsive prescindere dal dispositivo scelto per leggerla.<\/p>\n<p><iframe width=\"669\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/VI82uY9sTIY?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<div id=\"g1-divider-top-8\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"test-newsletter\">L\u2019importanza del test della newsletter<\/h2>\n<p>Quando si tratta di verificare la bont\u00e0 del proprio lavoro di email design, gli operatori pi\u00f9 professionali effettuano sempre il <strong>newsletter test<\/strong>. Esistono due strumenti molto noti per fare ci\u00f2: <strong>Email on Acid<\/strong> e <strong>Litmus<\/strong>. Entrambi consentono di <strong>verificare il rendering della newsletter<\/strong> nei vari client di posta elettronica e dispositivi.<\/p>\n<p>Le imperfezioni che si possono cos\u00ec accertare nella visualizzazione possono essere di tutti i tipi. Per questo, quando si tratta di tentare una correzione, all&#8217;utente \u00e8 richiesto di <strong>conoscere le basi del linguaggio HTML\/CSS<\/strong>, nonch\u00e9 investire ulteriore tempo.<\/p>\n<p>\u00c8 proprio grazie all\u2019editor drag&amp;drop che <strong>MailStyler<\/strong> si distingue. Ogni \u201cblocco\u201d assemblato con questo software, infatti, ha il proprio HTML scritto ad hoc e non modificabile. Il risultato \u00e8 l\u2019<strong>altissimo tasso di responsiveness<\/strong> delle email prodotte con MailStyler, senza ricorrere ai newsletter tester.<\/p>\n<p>Quando scritto sinora non dovrebbe per\u00f2 distogliere l\u2019attenzione dall\u2019invio di un\u2019email di prova. \u00c8 una buona pratica e non porter\u00e0 via nemmeno un minuto.<\/p>\n<p><iframe width=\"669\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/JbizTsF7NCg?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<div id=\"g1-divider-top-9\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"newsletter-creator-online\">Vantaggi del newsletter creator online<\/h2>\n<p>Dai paragrafi precedenti abbiamo spiegato che, quando si fa ricorso a un editor per newsletter, occorre tenere presente che:<\/p>\n<ul>\n<li><strong>Le email siano responsive<\/strong>, ovvero sia perfettamente visualizzate su tutti i dispositivi e i client di posta elettronica;<\/li>\n<li><strong>Non sia necessario lavorare col codice HTML<\/strong> per assicurare un risultato professionale. Questo, naturalmente, a meno che si possa disporre di una risorsa umana dedicata all\u2019interno dello staff.<\/li>\n<\/ul>\n<p>Sul mercato esistono <strong>piattaforme che lavorano online e altre che si installano sul desktop<\/strong>. Considerate che le seconde &#8211; tra cui <strong>MailStyler<\/strong> &#8211; vi consentono di salvare tutto ci\u00f2 che fate sul computer. Un email designer di questo tipo non ha problemi di prestazioni, instabilit\u00e0 o incompatibilit\u00e0 con questo o quel browser e <strong>garantisce di lavorare sempre con la stessa velocit\u00e0<\/strong>, che \u00e8 quella del proprio hardware. Dopo che il layout \u00e8 stato creato, si pu\u00f2 procedere a caricarlo sulla piattaforma che siete soliti usare per inviare le email.<\/p>\n<div id=\"g1-divider-top-10\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"esportare-template\">Esportare template per Gmail, Outlook e Thunderbird<\/h2>\n<p>Se il vostro scopo \u00e8 <strong>inviare messaggi ricorrenti<\/strong>, semplici notifiche, allora \u00e8 giusto prendere in considerazione <strong>Microsoft Outlook, Gmail o Thunderbird<\/strong>. Per queste limitate mansioni rappresentano tutti soluzioni accettabili per <strong>risparmiare tempo e mezzi<\/strong>. Elaborate dei prototipi da salvare tra le bozze, in modo da poterle modificare e inviare all&#8217;occorrenza<\/p>\n<p><strong>La flessibilit\u00e0 di questi strumenti termina qui<\/strong>. Un email template con Thunderbird, Gmail o Outlook \u00e8 una contraddizione in termini. Non \u00e8 consentito lavorare con l\u2019HTML di questi servizi, n\u00e9 tanto meno \u00e8 possibile <strong>importare i template creati con MailStyler<\/strong> (o qualunque altro programma del genere). Tali strumenti appaiono immediatamente deludenti e i risultati ben al di sotto del livello professionale, soprattutto a causa della visualizzazione imprevedibile dei messaggi.<\/p>\n<p>A ben vedere, si tratta di un limite apparente: i<strong>nviare newsletter non \u00e8 lo scopo di Gmail, Thunderbird e Outlook<\/strong> ed \u00e8 normale che sia cos\u00ec. Per fare ci\u00f2 \u00e8 necessario ricorrere a strumenti professionali.<\/p>\n<div id=\"g1-divider-top-11\" class=\"g1-divider-top g1-meta \"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2 id=\"esportare-template-word\">Esportare un template per Word<\/h2>\n<p>Un <strong>layout per newsletter preparato con Microsoft Word<\/strong> pu\u00f2 sembrare un\u2019operazione sensata e di semplice esecuzione. Ma l\u2019esperimento \u00e8 consigliato solo a chi ritiene di avere tempo da perdere. Si scoprir\u00e0 che un\u2019email creata con Word <strong>perde di ogni efficacia<\/strong> una volta che si testa l\u2019invio.<\/p>\n<p>L\u2019editor di testi di Microsoft, infatti, si avvale di svariate <strong>codifiche HTML non standard<\/strong>. Queste compromettono la corretta visualizzazione del messaggio una volta che viene aperto nel client di posta del destinatario. Vale qui lo stesso discorso fatto per Gmail, Outlook e tutti gli altri: <strong>i programmi che non sono nati per gestire le newsletter non funzioneranno per questo scopo<\/strong>. Sono stati studiati per eccellere in altri ambiti, sia che si tratti di formattare testi che di inviare email.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Email design: di cosa si tratta Il lavoro che fa seguito all&#8217;elaborazione di un messaggio di email marketing &#8211; articolato in testi, immagini, link, call to action e altri contenuti &#8211; consiste nel design della newsletter. Esistono tre modalit\u00e0 attraverso le quali si procede al design di un template di newsletter. Tutte passano da una [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_sidebar_left.php","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-8908","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Template, layout ed esempi di newsletter - Newsletter Creator<\/title>\n<meta name=\"description\" content=\"La creazione della newsletter con il drag&amp;drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Template, layout ed esempi di newsletter - Newsletter Creator\" \/>\n<meta property=\"og:description\" content=\"La creazione della newsletter con il drag&amp;drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/\" \/>\n<meta property=\"og:site_name\" content=\"Newsletter Creator\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/\",\"url\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/\",\"name\":\"Template, layout ed esempi di newsletter - Newsletter Creator\",\"isPartOf\":{\"@id\":\"https:\/\/www.newslettercreator.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg\",\"datePublished\":\"2019-04-18T08:11:40+00:00\",\"description\":\"La creazione della newsletter con il drag&drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage\",\"url\":\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg\",\"contentUrl\":\"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.newslettercreator.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Template, layout ed esempi di newsletter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.newslettercreator.com\/#website\",\"url\":\"https:\/\/www.newslettercreator.com\/\",\"name\":\"Newsletter Creator\",\"description\":\"Pay off\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.newslettercreator.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Template, layout ed esempi di newsletter - Newsletter Creator","description":"La creazione della newsletter con il drag&drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/","og_locale":"it_IT","og_type":"article","og_title":"Template, layout ed esempi di newsletter - Newsletter Creator","og_description":"La creazione della newsletter con il drag&drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.","og_url":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/","og_site_name":"Newsletter Creator","og_image":[{"url":"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg","type":"","width":"","height":""}],"twitter_misc":{"Tempo di lettura stimato":"10 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/","url":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/","name":"Template, layout ed esempi di newsletter - Newsletter Creator","isPartOf":{"@id":"https:\/\/www.newslettercreator.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage"},"image":{"@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg","datePublished":"2019-04-18T08:11:40+00:00","description":"La creazione della newsletter con il drag&drop \u00e8 il modo pi\u00f9 semplice per ottenere un\u2019email responsive, senza mai usare l\u2019HTML. Scopri perch\u00e9.","breadcrumb":{"@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#primaryimage","url":"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg","contentUrl":"https:\/\/www.newslettercreator.com\/wp-content\/uploads\/2019\/04\/newsletter-template-layout-esempi.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.newslettercreator.com\/it\/template-layout-ed-esempi-di-newsletter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.newslettercreator.com\/it\/"},{"@type":"ListItem","position":2,"name":"Template, layout ed esempi di newsletter"}]},{"@type":"WebSite","@id":"https:\/\/www.newslettercreator.com\/#website","url":"https:\/\/www.newslettercreator.com\/","name":"Newsletter Creator","description":"Pay off","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.newslettercreator.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/pages\/8908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/comments?post=8908"}],"version-history":[{"count":1,"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/pages\/8908\/revisions"}],"predecessor-version":[{"id":8931,"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/pages\/8908\/revisions\/8931"}],"wp:attachment":[{"href":"https:\/\/www.newslettercreator.com\/it\/wp-json\/wp\/v2\/media?parent=8908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}