{"id":1135,"date":"2016-02-18T14:32:54","date_gmt":"2016-02-18T14:32:54","guid":{"rendered":"https:\/\/www.templatemonster.com\/it\/blog\/?p=1135"},"modified":"2016-02-18T14:33:56","modified_gmt":"2016-02-18T14:33:56","slug":"personalizza-landing-page-in-15-minuti","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/it\/personalizza-landing-page-in-15-minuti\/","title":{"rendered":"Personalizza Landing Page in 15 Minuti"},"content":{"rendered":"

Cosa ci vuole a un non-esperto di tecnologie per creare una landing page personalizzata? Deve aspettare che il designer disegni lo skech, poi, che il coder lo costruisca, lo specialista di QA lo testi, il programmatore corregga i bug... E poi, se vorrai solo cambiare un piccolo elemento - tutto inizia da capo. Prova i nostri 5 nuovi template di landing page con il costruttore \"drag and drop\"<\/strong> incorporato e potrai creare le pagine di destinazione personalizzate in mezz'ora.<\/p>\n

Prima di tutto, queste landing page ricche di funzionalit\u00e0<\/a> con editor HTML drag-and-drop sono destinate per gli utenti finali che non hanno conoscenze di HTML o CSS. Non vi \u00e8 alcun bisogno di perdere tempo con il backend \u2013 la personalizzazione si svolge presso il frontend. Basta trascinare e rilasciare i blocchi predefiniti sulla tela vuota, modificarli, aggiungere il proprio testo, e voil\u00e0! La pagina \u00e8 pronta per consegnare il messaggio della tua campagna di marketing. Tranne gli utenti finali, anche i sviluppatori professionisti possono trovare questi template utili, in quanto riducono la durata di lavoro al minimo.<\/p>\n

Quindi, come \u00e8 fatto questo costruttore HTML? Questo customizer elegante \u00e8 costruito con HTML, CSS, JavaScript<\/em> e un singolo file PHP<\/em> con lo scopo di esportare il markup che creerai. Una volta entrato al pannello di controllo, vedrai un menu hamburger con diversi blocchi predefiniti a sinistra. \u00c8 possibile spostare i blocchi alla tela trascinando e rilasciando, cambiare la loro posizione, cancellarli separatamente o tutti insieme in una volta. In termini di editing, \u00e8 possibile personalizzare i link, le immagini, video, icone, titoli, testo<\/em> e altri elementi. Grazie alla personalizzazione cos\u00ec facile, puoi testare diversi design.<\/p>\n

Ora, esploriamo i tipi di blocchi predefiniti<\/strong> e le opzioni di stile che puoi utilizzare durante la costruzione di landing page. Ricorda che il loro numero varia in ogni template. Puoi utilizzare tutti i blocchi disponibili per costruire una lunga pagina informativa o solo alcuni di essi per farla pi\u00f9 breve. Sta a te decidere. La cosa curiosa \u00e8 che le pagine di destinazione lunghe generano al 220% pi\u00f9 contatti rispetto alla sezione above the fold.<\/p>\n

Blocchi Intro<\/h3>\n

\"drag-and-drop<\/p>\n

I template di landing page con il costruttore drag-and-drop offrono 5-7 layout di blocchi intro da scegliere a seconda del tuo obiettivo. Ci sono opzioni eleganti per evidenziare i dettagli del prodotto, invitare i clienti a sottoscriversi con il modulo integrato, e creare un senso di urgenza con la funzione di contatori.<\/p>\n

* * *<\/p>\n

Blocchi di Navigazione<\/h3>\n

\"drag-and-drop<\/p>\n

In termini di navigazione, \u00e8 possibile scegliere da 3 a 11 variazioni a seconda del template che usi. Sentiti libero di scegliere tra gli sfondi trasparenti, colorati, chiari o scuri. Il blocco di navigazione della landing page pu\u00f2 anche comprendere il logo della societ\u00e0, le voci di menu, icone di social media, e il pulsante di registrazione.<\/p>\n

* * *<\/p>\n

Blocco dei Vantaggi e Caratteristiche<\/h3>\n

\"drag-and-drop<\/p>\n

Per consentire di evidenziare i vantaggi e le caratteristiche dei tuoi prodotti, i template offrono 5-11 diversi layout. Metti le informazioni in una riga o colonna(e), aggiungi le icone, lascia solo i titoli o aggiungi anche brevi descrizioni, - le opzioni sono davvero tante. In pi\u00f9, puoi lasciare lo sfondo pulito o aggiungere un'immagine.<\/p>\n

* * *<\/p>\n

Blocchi Call-to-Action<\/h3>\n

\"drag-and-drop<\/p>\n

Ci sono 5-8 stili tra cui scegliere per la costruzione di un blocco con call-to-action. Per richiedere il feedback dei clienti o spingerli all\u2019acquisto puoi usare i pulsanti CTA colorati o trasparenti. Alcuni layout predefiniti dispongono anche delle informazioni di contatto. Inoltre, il blocco CTA della landing page pu\u00f2 avere uno sfondo colorato o con un\u2019immagine.<\/p>\n

* * *<\/p>\n

Blocchi di Contenuto<\/h3>\n

\"drag-and-drop<\/p>\n

Questi template sono dotati di 5-11 layout per costruire un blocco di contenuto. \u00c8 possibile visualizzare i punti principali del tuo business in modo compatto con elenchi, accordion e toggles. Ci sono inoltre carousel per introdurre i membri della tua squadra e svelare i prossimi eventi. Alcuni blocchi dispongono anche di un split layout, che ti aiuter\u00e0 a focalizzare l'attenzione su due tipi di contenuto contemporaneamente.<\/p>\n

* * *<\/p>\n

Tipi di Colorbox<\/h3>\n

\"drag-and-drop<\/p>\n

Per visualizzare il contenuto, \u00e8 possibile anche scegliere tra 3-4 tipi di colorbox divisi in 2-4 sezioni. Alcuni dispongono di sfondi colorati, con immagini, didascalie e un p\u00f2 di testo, mentre gli altri hanno un aspetto pi\u00f9 minimalista, con solo icone e titoli.<\/p>\n

* * *<\/p>\n

Stili di Galleria<\/h3>\n

\"drag-and-drop<\/p>\n

Mostra i tuoi progetti in una delle gallerie con 2-5 piastrelle quadrati. \u00c8 possibile aggiungere le descrizioni sulle immagini, visualizzarli sotto o lasciare solo le foto senza alcun testo. Le immagini possono essere posizionati in una o due righe o in 2-3 colonne.<\/p>\n

* * *<\/p>\n

Blocco dei Moduli<\/h3>\n

\"drag-and-drop<\/p>\n

I template danno un accesso a 6-8 blocchi per moduli di iscrizione, di contatto e di registrazione. Come sfondo, \u00e8 possibile scegliere tra lo stile con le immagini, colorato, chiaro e scuro. Alcune blocchi comprendono solo i moduli, mentre gli altri possono avere anche le icone sociali, contatori, paragrafi di testo, ecc.<\/p>\n

* * *<\/p>\n

Blocco dei Partner<\/h3>\n

\"drag-and-drop<\/p>\n

Dai un aspetto rispettabile alla tua pagina con il blocco dei partner. \u00c8 possibile scegliere tra 2-3 stili: due file di loghi divisi con linee, due righe senza le linee e una sola riga.<\/p>\n

* * *<\/p>\n

Blocco dei Prezzi<\/h3>\n

\"drag-and-drop<\/p>\n

\u00c8 possibile visualizzare la politica dei prezzi della tua azienda in cerchi o tabelle. Puoi scegliere tra lo sfondo di immagini, colorato, bianco o sfocato. Sono disponibili 3-6 stili di blocchi dei prezzi da utilizzare con queste landing page.<\/p>\n

* * *<\/p>\n

Contatori<\/h3>\n

\"drag-and-drop<\/p>\n

I numeri sono noti come elementi molto potenti nella psicologia del web design. Quindi, usa i contatori dinamici per impressionare i tuoi potenziali clienti con statistiche curiose. \u00c8 possibile scegliere tra 4-5 layout, dove i contatori vengono posizionati in cerchi incorniciati, senza la cornice, con le icone, e vengono mostrati sullo sfondo chiaro, con il colore sfumato o con una immagine di sfondo.<\/p>\n

* * *<\/p>\n

Blocco di Testimonianze<\/h3>\n

\"drag-and-drop<\/p>\n

Conferisci maggiore affidabilit\u00e0 alla tua landing page con l'aiuto di testimonianze. Ogni template dispone di 3-4 layout con cui giocare. \u00c8 possibile posizionare le testimonianze in pi\u00f9 colonne o mostrarle una per una in carousel. Possono anche essere strutturate in scatole, aggiungendo un senso della struttura all'intero blocco. Gli autori di testimonianze vengono mostrati con i nomi, posizioni e le foto. Puoi anche utilizzare il layout senza le loro foto, se vuoi.<\/p>\n

* * *<\/p>\n

Stili di Footer<\/h3>\n

\"drag-and-drop<\/p>\n

Il tocco finale delle landing page \u00e8 importante quanto la sua introduzione. Ogni template offre una variet\u00e0 di stili del footer per farti scegliere l'opzione pi\u00f9 efficace. Sul footer puoi mettere il tuo indirizzo, numero di telefono, e-mail, ore di lavoro, e collegamenti agli account sociali. Al posto dei contatti, puoi utilizzare una mappa interattiva alimentata da Google Maps API. Se desideri combinare i contatti con la mappa, lo puoi fare. A seconda del template, \u00e8 possibile scegliere lo sfondo scuro, chiaro o colorato.<\/p>\n

* * *<\/p>\n

Ora, dai un'occhiata alle nostre nuove landing page e alle liste delle loro caratteristiche. \u00c8 possibile utilizzarli anche cos\u00ec come sono, se ti piace.<\/p>\n

Template di Landing Page Responsive Mobile Repair Service<\/h3>\n

\"drag-and-drop<\/a><\/p>\n

Demo<\/a> | Dettagli<\/a><\/p>\n