Come creare una Landing Page | 您所在的位置:网站首页 › come creare una landing page gratis › Come creare una Landing Page |
Come creare una Landing Page
Landing pages
Aggiornato il marzo 21, 2023
Scopri cosa può fare il nostro editor di landing page per la tua attività. Crea una landing page in poco tempo come un professionista. ![]() Seleziona l’argomento di cui hai bisogno di maggiori informazioni: Primi passi: come creare la prima Landing Page Come duplicare una landing page Sezioni Come aggiungere immagini di background Blocchi Moduli di iscrizione Stile tipografico Animazione dei blocchi Primi passi: come creare la prima Landing PageInizia il divertimento! Per creare la tua prima landing page, devi accedere al tuo account Benchmark e seguire i passaggi seguenti: Dalla dashboard fai clic su Landing Page. Fai clic sul pulsante Crea nuova Landing Page.![]() ![]() Per creare un duplicato di una landing page, fai clic sull’icona Altre opzioni ![]() Landing page duplicate, copia solo il contenuto della pagina originale, come testo, immagini e collegamenti. Devi completare il checklist della pagina per pubblicarla. Ora puoi vedere la checklist. Noterai che il pulsante Pubblica non è attivo. Sarà attivato solo una volta completata la checklist.![]() Nota: quando sono state aggiunte le informazioni in ogni punto dell’elenco, il segno di spunta diventa verde. ![]() È tempo di personalizzare la tua landing page. Nella checklist fai clic sul pulsante Disegna landing page. ![]()
L’editor per landing page è quasi una replica del nostro editor per email e, se hai familiarità con l’editor a blocchi, il disegno di una landing page sarà un gioco da ragazzi. Tuttavia, in caso contrario, continua a leggere e troverai informazioni molto utili. In alto a sinistra, vedrai tre schede. Il primo selezionato per impostazione predefinita è Layout. Puoi iniziare la landing page da zero selezionando Layout vuoto oppure puoi accedere alla nostra sezione Modelli e scegliere uno dei modelli predefiniti. Ogni scelta è ottima ed entrambe le opzioni sono ottimizzate per i dispositivi mobili e facili da usare. ![]() Una volta selezionato un layout, questa è la schermata che vedrai. ![]() ![]() ![]() Opzioni nascoste Questa opzione consente di nascondere alcuni elementi in alcuni dispositivi. Per usarla, fai clic sull’elemento che vuoi nascondere, vai alla scheda Contenitore, quindi cambia la barra dal grigio al blu. È possibile nascondere alcuni elementi da dispositivi mobili o desktop. ![]() Torna su SezioniLe sezioni sono le parti in cui è suddiviso il layout della pagina. Una landing page può avere più sezioni e ogni sezione può avere blocchi diversi. Puoi trovare l’opzione Sezioni dietro la scheda Blocchi. Puoi aggiungere tutte le sezioni che desideri nella pagina.S ![]() Le sezioni disponibili sono divise in colonne, da una a quattro colonne. Per aggiungere una sezione alla tua landing page, trascina e rilascia il blocco con il numero desiderato di colonne, come mostrato nella seguente gif. ![]() Per vedere le sezioni del layout, fai clic sul pulsante Mostra aree. Facendo clic su Mostra aree, è possibile visualizzare la landing page divisa in sezioni e ogni sezione avrà le informazioni sul numero di colonne per sezione e le seguenti opzioni: Freccia (e): questa opzione ti permetterà di spostare una sezione verso l’alto o verso il basso. Ingranaggio: apre le impostazioni della sezione in cui è possibile modificare il colore di sfondo. Copia: ti permetterà di copiare un’intera sezione. Cestino: quest’opzione elimina l’intera sezione. Questa azione non è reversibile.Per uscire dalla modalità sezione, fai clic sul pulsante Nascondi aree. ![]() Torna su Come aggiungere un’immagine come sfondoLe immagini di sfondo sono disponibili nell’area delle sezioni e nella scheda Impostazioni globali. Per aggiungere un’immagine di sfondo, segui questi passaggi: Per aggiungere un’immagine di sfondo in una sezione Questa opzione aggiungerà un’immagine di sfondo in una sezione specifica nel design della tua pagina di destinazione. Nella progettazione della tua pagina di destinazione, fai clic sull’opzione Mostra aree. Individua la sezione in cui desideri aggiungere un’immagine di sfondo e fai clic sull’ingranaggio. Le impostazioni della sezione verranno visualizzate a sinistra. Fai clic su Aggiungi sfondo.![]() Per aggiungere un’immagine di sfondo all’intero disegno Aggiungendo un’immagine di sfondo dalla scheda Stili globali, aggiungerai un’immagine di sfondo all’intero design della tua pagina di destinazione. Nella progettazione della tua pagina di destinazione, fai clic sulla scheda Stili globali. Fai clic sull’opzione Immagine di sfondo. Quindi seleziona Aggiungi sfondo.![]() Per entrambe le opzioni: Ora vedrai la tua galleria di immagini. Qui puoi scegliere un’immagine già esistente o aggiungerne una nuova. Una volta inserita l’immagine, verranno visualizzate le nuove impostazioni. ![]() Stili di sfondo. Riempire. L’immagine riempirà le dimensioni dello schermo coprendo l’intera sezione. Durante lo scorrimento l’immagine rimarrà ferma.Esempio di una pagina di destinazione che utilizza lo sfondo dello stile di riempimento. Per questa pagina di destinazione abbiamo utilizzato 1 sfondo all’inizio e un altro alla fine della pagina di destinazione. Nella sezione centrale abbiamo aggiunto un colore che corrisponde alla fine della prima immagine e all’inizio dell’ultima immagine, creando un effetto sfumato.![]() ![]() ![]() Nota: l’effetto di parallasse si apprezza di più quando si scorre su e giù. Puoi passare da una sezione all’altra con l’aspetto che l’immagine precedente scompare mentre la nuova immagine la copre completamente. Come il vino in questo esempio. ![]() ![]() ![]() ![]() Torna su BlocchiI blocchi possono essere elementi di design e anche funzionali. Facendo clic sulla scheda Blocchi, avrai due opzioni: Sezioni e Contenuto. Per trovare i blocchi disponibili, fai clic sull’opzione Contenuto sotto la scheda Blocchi. Per aggiungere un blocco al layout, fai clic sul blocco e trascinalo nel punto in cui desideri posizionarlo, come mostrato nella seguente gif. ![]()
Di seguito sono riportati i blocchi disponibili. Continua a leggere per capire come usarli. Blocco immagine e blocco scheda immagine Blocco immagine con didascalia Blocco di testo Blocco video Blocco divisore Blocco pulsante Barra di navigazione Modulo di iscrizione Blocco e-Commerce NOVITÀ Blocco prodotto Shopify NOVITÀ Blocco salvato NOVITÀTorna su Con questi blocchi, puoi caricare un’immagine o selezionarla dalle immagini già presenti nella tua galleria. Per utilizzare uno di questi blocchi, trascinali nella landing page e quindi procedi con l’aggiunta dell’immagine. Un blocco di immagini aggiungerà un’immagine al tuo layout, mentre il blocco di immagine e testo aggiungerà un’immagine e un testo all’interno di una cornice al tuo layout. Qui vedi un blocco di immagini a sinistra e un blocco di immagini e testo a destra. ![]() Utilizzare il blocco immagine quando è necessario aggiungere un’immagine semplice. Utilizzare il blocco immagine e testo quando è necessario aggiungere una descrizione all’immagine se si sposta questo blocco, anche la descrizione si sposterà. Per informazioni su come aggiungere un blocco di immagine e test, fai clic qui e per un blocco immagine, fai clic qui. Potrebbe interessarti: Usa il nostro editor di immagini per cambiare l’aspetto di alcune delle tue immagini Che cos’è la Galleria di immagini e che tipo di immagini sono supportate? Come ottenere un URL di immagine Come ottenere foto gratis Elimina un’immagine dall’editorTorna al menù dei blocchi ![]() Un blocco immagine con didascalia è un blocco che consente di aggiungere del testo all’interno di un’immagine. La differenza principale tra i due blocchi è che quello con didascalia non ha la cornice o contenitore, invece l’altro ha la possibilità di regolare il bordo del layout come nell’esempio seguente (blocco con didascalia a sinistra, blocco di immagine e testo a destra). ![]() Per informazioni su come aggiungere un blocco Didascalia immagine, fai clic qui. Torna al menù dei blocchi Blocco di testoPuoi aggiungere testo alla tua landing page attraverso il blocco di testo. Per utilizzare questo blocco, trascinalo semplicemente nel punto desiderato. Una volta lì, fai clic su di esso e sostituisci il testo predefinito con il tuo. ![]() Ecco alcune cose da notare sull’uso di questo blocco di testo. Più opzioni per i blocchi di testo Controllo ortografico NovitàLa funzione di controllo ortografico di Benchmark controlla i tuoi contenuti per assicurarsi che l’ortografia delle tue email sia corretta. La lingua del controllo ortografico è quella preferita dal tuo account. Puoi cambiare la lingua o disattivare la funzione di controllo ortografico nel menù superiore dell’editor email. ![]() Per vedere il correttore ortografico in azione, apri un blocco di testo e inizia a scrivere. Le parole errate verranno sottolineate in rosso. Puoi cliccare con il tasto destro del mouse sulla parola per selezionare quella corretta o per ignorare l’avviso. L’opzione Altro aprirà un altro elenco di parole disponibili. ![]()
Il clic destro non funziona: Alcuni sistemi operativi hanno impostazioni predefinite per i gesti del tasto destro del mouse. Controlla le impostazioni del mouse o del trackpad se facendo clic con il tasto destro non vengono visualizzati i suggerimenti ortografici.
Scegliendo l’opzione Ignora si salva la preferenza solo per quel momento. Se chiudi il blocco e ci torni in un secondo momento, la parola verrà segnalata nuovamente come sbagliata. La funzione di controllo ortografico è attualmente disponibile nelle seguenti lingue. Inglese Spagnolo Deutsch (tedesco) Italiano Portoghese (BR) Francese Easy Paste NovitàCopia e incolla i tuoi contenuti da altre fonti grazie alla funzione Easy Paste. La funzione Easy Paste permette di copiare e incollare contenuti da altre fonti come il tuo sito web, Google e Microsoft Documents in modo facile e veloce. Puoi rimuovere la formattazione originale o mantenerla per abbinarla alle altre tue pagine. Per utilizzare la funzione Easy Paste, segui i passaggi seguenti. Copia il contenuto da una delle tue fonti. Quindi incolla il contenuto in uno dei blocchi di testo della tua email. Nella finestra a comparsa, seleziona Mantieni o Rimuovi formato. Rimuovi formato, rimuove gli stili in linea e mantiene alcune formattazioni come il grassetto, il corsivo, gli spazi, gli elenchi numerati e i link alle URL. Mantieni il formato, conserva lo stile e la struttura del contenuto originale. Easy Paste conserva solo l’HTML sicuro per le email e rimuove gli stili, gli attributi e le tag non sicuri e proprietari all’interno del codice del contenuto. È possibile che il formato non venga copiato se contiene uno dei codici citato sopra.![]()
![]() Copia e Incolla Se hai del testo che desideri copiare e incollare nella landing page, ti consigliamo di utilizzare l’opzione Codice sorgente Per aggiungere il codice sorgente, fare clic sull’icona del codice e incollare il codice. Se non vedi le opzioni sopra menzionate, fai clic sull’icona Altro dalla barra degli strumenti. ![]() Torna al menù dei blocchi ![]() I video sono strumenti visivi molto efficaci. Attraverso i video, puoi mostrare le qualità di un prodotto o i motivi per cui dovrebbero scegliere te invece di altri concorrenti. Non perdere l’opportunità di utilizzare i video sulla tua landing page. Se vuoi imparare come caricare un video nella tua galleria video e come aggiungerlo, fai clic qui. Torna al menù dei blocchi ![]() Usa i divisori per creare spazi tra gli elementi nella tua pagina. I divisori non devono essere spazi vuoti, per aggiungere un blocco divisore trascinalo nella sezione desiderata. Scopri tutte le possibilità di divisori qui. Torna al menù dei blocchi ![]() La CTA (call to action) è la parte più interessante della tua landing page. Qui è dove si decide se la pagina e tutto il lavoro sono stati fruttuosi. Per aggiungere un pulsante, trascinalo nella posizione desiderata. Nel pannello di sinistra, vedrai le opzioni per personalizzare il tuo pulsante. Continua a leggere per configurare il pulsante Contenuto. ![]() ![]() Torna al menù dei blocchi ![]() La barra di navigazione consentirà ai tuoi visitatori di scoprire di più sulla tua attività. ![]() ![]() Torna al menù dei blocchi ![]() Utilizza le landing page per raccogliere gli iscritti. Più iscritti avrai, più aumentano le possibilità di otterrai più vendite.
Segui queste istruzioni se hai già creato il modulo di iscrizione integrato. Per sapere come crearlo fai clic qui. Trascina l’icona del modulo di iscrizione sul layout nella posizione desiderata.![]() ![]() Nota: è possibile modificare il modulo di iscrizione in qualsiasi momento selezionando un nuovo modulo dal menu a discesa. Torna al menù dei blocchi ![]() Il blocco Ecommerce può essere utilizzato per promuovere e vendere prodotti nelle tue landing page. Il blocco Ecommerce include quanto segue: Immagine Descrizione del prodotto Prezzo del prodotto Sezione del pulsante![]() Per utilizzare il blocco del prodotto, clicca sul blocco e trascinalo in una sezione delle tue pagina di destinazione. ![]() Per personalizzare il tuo blocco Ecommerce, segui i passi seguenti. Per personalizzare il tuo blocco Ecommerce, segui i passi seguenti. Comincia aggiungendo un’immagine del prodotto. Aggiungi una descrizione del prodotto; questa dovrebbe essere breve e descrittiva. Aggiorna il prezzo del tuo prodotto. Quindi, è possibile personalizzare il pulsante del prodotto con quanto segue. Testo del pulsante. Bottone URL, aggiungi un URL dove i tuoi contatti possono andare per completare il loro acquisto. Infine, stilizza il pulsante per adattarlo al tuo marchio. Per risparmiare lavoro ripetitivo, puoi impostare lo stesso stile per tutti i pulsanti della tua email. Per saperne di più sulle opzioni di stile dei pulsanti, clicca qui.Se preferisci non usare nessuno degli elementi del blocco, semplicemente disattivali nella scheda Contenuto. Quando hai finito, clicca su Salva e poi su Salva e Avanti o semplicemente clicca fuori dall’e-mail per salvare il tuo lavoro.Ecco alcuni esempi di come il blocco Ecommerce può essere usato e stilizzato. ![]() ![]() ![]() ![]() Torna al menù dei blocchi ![]() Per iniziare, clicca e trascina il blocco nella sezione desiderata della tua pagina di destinazione. Per utilizzare il blocco Prodotto Shopify, avrai bisogno di un account Shopify attivo a pagamento. Quando usi questo blocco per la prima volta, dovrai integrare Shopify con il tuo account Benchmark. Per sapere come integrare il tuo negozio Shopify con Benchmark, clicca qui. ![]() Una volta che hai integrato con successo il tuo account Shopify con Benchmark, vedrai una lista dei tuoi prodotti Shopify disponibili. Selezioni uno dei tuoi prodotti disponibili. I blocchi riempiranno automaticamente le informazioni del prodotto usando i dettagli in Shopify. Il blocco di Prodotto Shopify include quanto segue: ![]()
![]() Ecco alcuni esempi di come il blocco prodotto Shopify può essere usato e personalizzato. ![]() ![]() ![]() ![]() Torna al menù dei blocchi ![]() Riduci il tuo tempo di progettazione usando i blocchi salvati. I blocchi di design possono essere salvati e memorizzati per essere riutilizzati in landing page future. Lo stile, il testo e le immagini del blocco vengono memorizzati quando si salva il blocco. Una volta che il blocco viene aggiunto al tuo progetto, puoi modificarne il contenuto e il blocco originale salvato rimarrà invariato. Per salvare un blocco, passa sopra il blocco nel tuo progetto e clicca sull’opzione salva blocco. Dai un nome al blocco e clicca su Salva e chiudi. ![]() Per usare un blocco salvato Trascina il blocco salvato sul tuo progetto e rilascialo nella sezione che preferisci. Seleziona un blocco da utilizzare e continua a modificare il blocco o salva e chiudi. Passando il mouse su ogni blocco salvato, si vedrà un’anteprima del contenuto del blocco.![]() Eliminare i blocchi salvati Trascina il blocco salvato in qualsiasi sezione del tuo disegno. Vedrai un elenco dei tuoi blocchi salvati in precedenza sul lato sinistro.![]() ![]() Se non ci sono più blocchi salvati, puoi cancellare il blocco salvato dalla tua landing page. Torna al menù dei blocchi TipografiaUtilizza i caratteri di Google nelle tue pagine di destinazione e dai personalità ai tuoi progetti. Per accedere ai caratteri di Google segui questi passaggi: Vai alla fase di progettazione della pagina di destinazione Fai clic sulla scheda Stili globali Individua l’opzione Tipografia e fai clic su di essa. Ora puoi selezionare il carattere che desideri per le intestazioni e il corpo del testo.![]() Torna su Blocco animatoStupisci i tuoi lettori animando i blocchi all’interno della tua pagina di destinazione, questo renderà la tua pagina di destinazione molto più dinamica e divertente. Per accedere ai blocchi animati segui questi passaggi: Vai alla fase di progettazione della pagina di destinazione. Trascina qualsiasi blocco di cui hai bisogno nel layout della pagina di destinazione. L’opzione blocco animato è disponibile in tutti i blocchi. Una volta che il blocco è stato posizionato nel layout, vedrai le opzioni di impostazione per il blocco selezionato sulla sinistra. Trova l’opzione Blocco animato in basso e selezionala.Verranno visualizzate le animazioni disponibili. Seleziona il tipo di animazione che desideri utilizzare, quindi la Durata dell’animazione. Puoi anche aggiungere un Ritardo, ovvero il tempo necessario affinché l’animazione appaia e l’offset ti consente di scegliere quanto deve essere distante l’oggetto dalla parte inferiore del browser prima che parta l’animazione. ![]() Torna su Se hai altre domande o dubbi, non esitare a contattarci. ![]() ![]() |
CopyRight 2018-2019 实验室设备网 版权所有 |