{"id":8145,"date":"2020-04-07T10:25:00","date_gmt":"2020-04-07T08:25:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=8145"},"modified":"2021-02-17T23:31:38","modified_gmt":"2021-02-17T22:31:38","slug":"landing-page-template","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/landing-page-template\/","title":{"rendered":"Landing Page Template, i migliori Design per la tua"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-medium\"><img decoding=\"async\" width=\"300\" height=\"233\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/web-marketing-300x233.png\" alt=\"Landing page template\" class=\"wp-image-8150\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/web-marketing-300x233.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/web-marketing-768x597.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/web-marketing-610x474.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/web-marketing.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption>Il design della Landing page template <\/figcaption><\/figure><\/div>\n\n\n\n<p>La Landing Page \u00e8 il mezzo che funziona meglio per <strong>catturare clienti in rete<\/strong>. Se stai avviando una <strong>campagna di web marketing,<\/strong> devi subito creare la tua. C&#8217;\u00e8 poco tempo per progettarla? Non arrenderti e scegli la soluzione pi\u00f9 pratica: <strong>un formato gi\u00e0 pronto<\/strong>. Di seguito ti segnaliamo un po&#8217; di Landing Page Template, scegli tra i migliori design per la tua.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Landing Page, le 4 regole per farla funzionare a dovere<\/h2>\n\n\n\n<p>Hai deciso di promuovere con il web marketing un prodotto, oppure vuoi fare <em><strong>lead generation<\/strong><\/em> per un&#8217;attivit\u00e0? In tutti e due i casi l&#8217;ideale \u00e8 la Landing page, la cosiddetta &#8220;pagina di atterraggio&#8221; agganciata al tuo sito, che <strong>fa arrivare il potenziale cliente proprio dove tu vuoi.<\/strong> Il guaio \u00e8 che, scoperta la pagina, il visitatore pu\u00f2 restarci o emigrare immediatamente verso altre &#8220;terre&#8221; digitali da esplorare. Ovvio che tra le due opzioni tu preferisca la prima, perch\u00e9 le probabilit\u00e0 di raggiungere i tuoi obbiettivi aumentano. <strong>Sappi allora che la differenza la fa un design che funziona.<\/strong> Nella grafica della pagina di atterraggio, infatti, si seguono regole di comunicazione molto precise, per esempio:<\/p>\n\n\n\n<ul><li><strong>composizione generale semplice<\/strong>, senza fronzoli e immagini che confondono il visitatore<\/li><li><strong>poco testo ma molto efficace<\/strong>, che contenga una &#8220;<em>Call to action<\/em>&#8221; (CTA o chiamata all&#8217;azione) in grande evidenza<\/li><li><strong>un solo pulsante di generazione dell&#8217;ordine<\/strong> messo bene in vista, in modo che il cliente compri subito quello che ha trovato sulla pagina<\/li><li><strong>un <em>form<\/em> di raccolta dati facile da compilare<\/strong>, che spicchi su tutto il resto<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/cos-e-landing-page\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Cos'\u00e8 una Landing Page e perch\u00e9 dovresti averne una (apre in una nuova scheda)\">Cos&#8217;\u00e8 una Landing Page e perch\u00e9 dovresti averne una<\/a><\/p>\n\n\n\n<p>Nella costruzione della Landing Page va alla grande il <strong><em>web design <\/em><\/strong>che studia forme e colori, divisione degli spazi, immagini e stratagemmi accattivanti. Tutto questo richiede competenza e, soprattutto, prove su prove, per arrivare al risultato ottimale. Ma che succede se non hai abbastanza tempo per progettare (o far progettare) la pagina da zero? Niente di grave se usi un template, cio\u00e8 un <strong>formato gi\u00e0 pronto da personalizzare in poche mosse. <\/strong>E&#8217; certamente la soluzione ideale, ma devi comunque farti seguire da un esperto e non scegliere a caso, perch\u00e9 anche i Landing Page template giusti che funzionano <strong>seguono delle regole<\/strong>. Ecco cosa deve contenere di base una pagina di atterraggio valida:<\/p>\n\n\n\n<ol><li>Il banner per inserire una <em>Call to action <\/em>che risalti su tutto il resto<\/li><li>Lo spazio del <em>form<\/em> per la raccolta dati, con il campo per l&#8217;indirizzo email che inserisce il visitatore<\/li><li>Lo spazio per inserire il pulsante di reindirizzo<\/li><li>Uno spazio pulito e lineare in cui inserisci i  contenuti della Landing Page: uno sconto speciale, le spese di spedizioni  gratuite, un<em> gadget <\/em>in omaggio <\/li><li>La possibilit\u00e0 di inserire almeno un&#8217;immagine di design che personalizzi la pagina<\/li><li>La possibilit\u00e0 di modificare il Landing Page template con <em>plug-in<\/em> aggiuntivi <\/li><\/ol>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/aumentare-il-tasso-di-conversione\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"5 Consigli per aumentare il tasso di conversione della tua LP (apre in una nuova scheda)\">5 Consigli per aumentare il tasso di conversione della tua LP<\/a><\/p>\n\n\n\n<p>Attenzione, <strong>anche i colori sono importanti<\/strong>, soprattutto per le scritte: vietate le combinazioni che creano uno scarso contrasto fra loro, per esempio bianco su giallo. I contenuti vanno condensati in <em>header <\/em>chiari, non troppo brevi n\u00e9 dispersivi: l&#8217;utente atterrato sulla pagina deve leggere subito cosa ottiene, cliccando sul pulsante. <\/p>\n\n\n\n<p>Ci siamo, hai imparato i principi base della grafica di un buon Landing Page template. Ora leggi di seguito gli esempi giusti di design per la tua. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/www.addlance.com\/s\/design-di-landing-page\" class=\"aioseop-link\">Landing Page template<\/a>, scegli tra i migliori design per la tua &nbsp;<\/h2>\n\n\n\n<p>Fermo restando che \u00e8 meglio farsi disegnare<em> ex novo<\/em> la Landing Page ideale per il proprio <em>business<\/em>, qui di seguito abbiamo selezionato per te i migliori design disponibili tra i <strong>Landing Page template WordPress<\/strong>, sicuramente tra i pi\u00f9 usati nel web: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) LandKit <\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-1024x768.png\" alt=\"LandKit landing page template\" class=\"wp-image-8153\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-1024x768.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-300x225.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-768x576.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-610x458.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1-1080x810.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/landkit-screenshot-1200x900-1.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Ti offre 12 design tra i pi\u00f9 comuni. Possono essere per\u00f2 <strong>modificati facilmente<\/strong> con il plug-in Hybrid Composer in <em>bundle,<\/em> usando&nbsp; fino a 70 elementi di <em>graphic design<\/em> e 12 stili di intestazione, con caratteri Google e Typekit. I template offerti sono di tre tipi: <\/p>\n\n\n\n<ul><li>per la sola &#8220;<em>Call to action<\/em>&#8220;, che coincide con la Home Page del sito<\/li><li>multiuso, da adattare alle varie funzioni<\/li><li>che si interfaccia con il sito web<\/li><\/ul>\n\n\n\n<p>LandKit usa un design basato sulla combinazione di bianco, azzurro e blu scuro e banner orizzontali. Al loro interno si inseriscono intestazione, <em>header <\/em>di due righe e pulsanti. L&#8217;immagine \u00e8 localizzata sulla destra, il men\u00f9 \u00e8 a barra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Startos<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/startos-landing-page-1024x490.png\" alt=\"Startos landing page template \" class=\"wp-image-8174\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page-1024x490.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page-300x144.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page-768x368.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page-610x292.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page-1080x517.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/startos-landing-page.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Startos, invece, dal Landing Page template permette la generazione di <em>lead <\/em> da convertire in vendite, con il <em>plug-in <\/em><strong>Formidable Forms<\/strong>. La grafica del <em>layout<\/em> risulta elegante, modificabile con:<\/p>\n\n\n\n<ul><li>un&#8217;immagine di sfondo a schermo intero, visualizzabile con il <em>plug-in <\/em>Master Slider Pro in <em>bundle<\/em><\/li><li>una tavolozza di colori completa <\/li><li>oltre 700 Google Fonts <\/li><li>un <em>builder drag-and-drop <\/em><\/li><\/ul>\n\n\n\n<p>Il design \u00e8 incentrato sul fondo scuro, che mette in risalto il bianco delle finestre. I colori dei banner orizzontali sono a forte contrasto: quello centrale&nbsp; contiene l&#8217;<em>header<\/em> in pi\u00f9 righi, quello superiore la &#8220;<em>Call to action<\/em>&#8221; e i pulsanti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Leadx<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"786\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-1024x786.jpg\" alt=\"Leadx WordPress\" class=\"wp-image-8155\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-1024x786.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-300x230.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-768x589.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-610x468.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme-1080x829.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadx-Landing-Page-WordPress-Theme.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Se hai proprio l&#8217;acqua alla gola, Leadx, \u00e8 quello che fa per te. E&#8217; la&nbsp;pi\u00f9 pulita, rapida e semplice. Parte da cinque <em>demo,<\/em> ognuna progettata per un canale diverso di vendita.&nbsp;Una volta scaricata, aggiungi i contenuti disponibili, per esempio la <strong>geolocalizzazione con Google Maps<\/strong>, barre di avanzamento e pulsanti.&nbsp;Con il <em>plug-in<\/em> <strong>Slider Revolution<\/strong> arricchisci i temi. Il design \u00e8 minimale: sfondo diviso verticalmente in due spazi, a destra l&#8217;immagine, a sinistra, dall&#8217;alto verso il basso, la &#8220;<em>Call to action<\/em>&#8220;,  l&#8217;<em>header<\/em> di due righe e il pulsante. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4)  Leadinjection <\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-1024x496.png\" alt=\"Leadinjection Landing Page builder\" class=\"wp-image-8175\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/Leadinjection-The-WordPress-Landing-Page-Builder.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Leadinjection offre 6 <em>layout <\/em>predefiniti&nbsp;e include anche il <em>plug-in<\/em> <strong>LeadModal.<\/strong> E&#8217; uno strumento <em>pop-up<\/em> modale, che si visualizza nel momento in cui l&#8217;utente clicca sul pulsante, sul collegamento, sull&#8217;immagine o sul testo.&nbsp;L&#8217;abbiamo detto: <strong>un Landing Page template di successo deve fare in modo che il visitatore non scappi subito<\/strong>. Per questo si imposta la visualizzazione del <em>pop-up<\/em> nell&#8217;attimo in cui l&#8217;utente inizia a emigrare.&nbsp;Questa funzione non si trova facilmente in tutti i Landing Page template e si affianca ad un design che &#8220;urla&#8221;. Punta su una bella immagine <em>still life<\/em> del prodotto, toni dal blu all&#8217;azzurro e sfondo a contrasto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hai bisogno di un Landing Page template speciale? Scegli un design a tema<\/h2>\n\n\n\n<p>Il tempo stringe e hai bisogno al pi\u00f9 presto di un template per la tua Landing Page a tema speciale? Ti pu\u00f2 aiutare <strong>Bootstrap<\/strong>, una raccolta di strumenti liberi per siti internet e modelli di progettazione basati su HTML e CSS. Bootstrap, per le Landing Page, offre dei <em>layout<\/em> a tema personalizzabili. Ecco qualche esempio, ma chiedi sempre al tuo consulente freelance di assisterti nella scelta!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Archs<\/h3>\n\n\n\n<p>Ideale per architetti e <em>Interior designer<\/em>, <strong>Archs \u00e8 un modello di Landing page template gratuito,<\/strong> dalla struttura completamente <em>mobile-ready, <\/em>compatibile con pi\u00f9 <em>browser<\/em>. Il <em>design <\/em>\u00e8 basato su un <em>banner<\/em> a schermo intero, supporto video, menu a discesa multi-livello, piani tariffari, fisarmoniche e un <em>form<\/em> per i contatti. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Dogger <\/h3>\n\n\n\n<p>Si tratta di un Landing Page template dedicato al mondo del cane.&nbsp;Il <em>design<\/em> prevede un&#8217;immagine a schermo intero <em>above the fold,<\/em> animazioni a scorrimento, tabelle dei prezzi, <em>gallery<\/em> e blog. Il <em>layout<\/em> contiene&nbsp;anche le icone dei <em>social media<\/em>, il menu a discesa e il <em>form <\/em>di contatto. Usa principalmente il fondo bianco, per accentuare il contrasto con le immagini canine, che sono il suo punto di forza.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;3) Solmusic <\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"750\" height=\"460\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/03\/solmusic.jpg\" alt=\"Solmusic landing page template\" class=\"wp-image-8160\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/solmusic.jpg 750w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/solmusic-300x184.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/03\/solmusic-610x374.jpg 610w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p>E&#8217; un template adatto come pagina di atterraggio nelle <strong>campagne di marketing sui prodotti musicali<\/strong>. Il <em>design<\/em> prevede un <em>banner<\/em> per &#8220;<em>Call to action<\/em>&#8220;, una sezione notizie a un <em>form<\/em> di contatto. Il <em>layout <\/em>\u00e8 <em>responsive<\/em>, ovvero si adatta a tutte le dimensioni dello schermo in un attimo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusione<\/h2>\n\n\n\n<p>Ricapitolando: la pagina di atterraggio \u00e8 indispensabile per una campagna di <em>web marketing<\/em> fatta bene. Costruiscila subito usando un Landing Page template dal <em>design<\/em> personalizzato!<\/p>\n    \t","protected":false},"excerpt":{"rendered":"<p>Scegli tra i migliori modelli di Landing Page template per costruire una pagina di atterraggio cattura-clienti in modo efficace. Leggi di pi\u00f9 su AddLance!<\/p>\n","protected":false},"author":6,"featured_media":8150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[20,16],"tags":[21,31],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8145"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=8145"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8145\/revisions"}],"predecessor-version":[{"id":10661,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8145\/revisions\/10661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/8150"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=8145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=8145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=8145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}