Come creare una pagina di destinazione in WordPress utilizzando Element Pack ed Elementor
Pubblicato: 2019-10-20Ciao a tutti, in questo articolo impareremo come creare una landing page in WordPress usando Element Pack e Elementor Page Builder. Questo sarà un blog tutorial passo dopo passo, quindi trattieni il respiro per un lungo viaggio.
Iniziamo!
Creare una pagina di destinazione utilizzando Elementor e il pacchetto di elementi è assolutamente semplice
Per cominciare, ci sono molti modi per creare pagine di destinazione straordinarie con Elementor ed Element Pack.
Abbiamo realizzato questo articolo per farti conoscere il modo più conveniente per creare landing page con i plugin gratuiti di WordPress.
Sì, a costo zero.
Cosa ti mostreremo qui-
- Plugin gratuiti – Sia il generatore di pagine Elementor che Element Pack Pro hanno versioni di plug-in gratuite all'altezza dello sviluppo web.
- Semplici passaggi : faremo tutto in modo semplificato, senza complicazioni.
- Conoscenza della codifica non necessaria – Lavoreremo con il plug-in Elementor Page builder che richiede zero conoscenze di codifica come plug-in di trascinamento della selezione. Anche in questo caso, non dovrai dedicare sforzi al resto del processo di creazione della pagina con i codici.
- Design creativo : il vecchio orso ha un sapore migliore, ma non rimaniamo con i vecchi modelli di pagina con la stessa interfaccia ripetitiva. Tutto il nostro è design di layout fresco e creativo.
- Più CTR e conversione: questa guida ti farà creare una pagina web che non solo ha un bell'aspetto, ma ha anche un tasso di conversione più elevato.
Prima di entrare nel processo di creazione della pagina web, lascia che ti parli un po' delle definizioni di ciò che costruiremo e con quali strumenti.
Andiamo avanti.
Tabella dei contenuti
Che cos'è la pagina di destinazione in WordPress?
La home page del tuo sito è fondamentalmente quella parte del sito che vediamo per prima quando visitiamo un sito web. Una landing page è una pagina dedicata per una determinata azione di cui hai bisogno dai tuoi visitatori. Questa è una pagina speciale utilizzata per scopi di marketing e aumenta il valore del tuo sito. Le pagine di destinazione sono progettate per influire sul CTR e sulla conversione attirando più persone con il loro fascino e le loro caratteristiche.
Una pagina di destinazione progettata correttamente produce spesso più traffico di ricerca rispetto ai blog o ai post promozionali. Ha senso che le persone vogliano qualcosa di nuovo e divertente da provare per convincersi e una pagina di destinazione è il posto perfetto per farlo.
Esistono molti modi per progettare una pagina di destinazione. Una pagina di destinazione standard dovrebbe contenere un'intestazione, un piè di pagina, un servizio, domande frequenti, prezzi, ecc. Potresti pensare che sia fondamentalmente una home page, ma non lo è.
Fatti che differenziano una home page da una pagina di destinazione
Ovviamente, la home page è la prima pagina in assoluto su cui ti aspetteresti che i tuoi visitatori atterrino.
Ad esempio, la home page contiene la struttura generale del sito, i dettagli sul prodotto o servizio e viene utilizzata per presentare il tuo marchio ai visitatori. Incoraggia anche le persone a guardare ulteriormente nel tuo sito Web o in altre pagine.
Ma creiamo pagine di destinazione per soddisfare determinate esigenze, come concentrarsi su un determinato prodotto o funzionalità all'interno di una sola pagina.
Per questo motivo, la maggior parte delle pagine di destinazione ha meno contenuti rispetto alla home page con solo contenuti relativi al prodotto.
Per così dire, creiamo landing page con un approccio semplificato e niente soffocante per trasmettere un messaggio chiaro ai visitatori.
Questa è la differenza fondamentale tra una home page e una pagina di destinazione.
Crea una pagina di destinazione utilizzando Elementor passo dopo passo
Ora che conosci le definizioni di una pagina di destinazione, è tempo di conoscere il processo di creazione di una pagina di destinazione utilizzando Elementor.
Usiamo Elementor perché è il plug-in di creazione di pagine drag-n-drop più popolare per WordPress.
È così facile da usare e non richiede alcuna conoscenza di programmazione.
Non sono tutti i motivi per cui utilizziamo Elementor per lo sviluppo web-
- Esperienza di creazione di siti senza distrazioni: Elementor fornisce una tela completamente vuota in modo da poter iniziare a creare il tuo sito Web da zero. Questo fa sì che gli sviluppatori web professionisti apprezzino Elementor sopra ogni altra cosa.
- Widget Drag-n-Drop: Elementor è altamente flessibile grazie a come è costruito e cosa offre. L'aggiunta di funzionalità o funzioni al tuo sito Web appena progettato ti porta solo a trascinare i widget facendo clic con il cursore.
- Gestione completa del sito: Elementor fornisce in particolare controlli dedicati sul layout della pagina di destinazione, rendendo più dinamico e professionale la creazione della tua pagina.
- Modelli e blocchi: Elementor è adatto ai principianti e ha molti modelli di modelli predefiniti che puoi importare e personalizzare per creare la tua pagina di destinazione in pochi minuti.
Quindi, andiamo avanti.
Cosa ti serve per iniziare
Per iniziare a creare la tua prima pagina di destinazione utilizzando Element Pack ed Elementor, devi preparare in anticipo le cose necessarie.
Quello che ti serve è-
- Un sito Web WordPress stabile
- Elementor Page Builder (gratuito)
- Pacchetto elementi Pro
Il motivo per cui utilizziamo Element Pack Pro perché ha oltre 200 widget essenziali per Elementor e più di 2000 modelli per diventare un professionista in pochi minuti.
Questo è un leggendario strumento di sviluppo web creato per rendere lo sviluppo web facile come una torta.
Puoi utilizzare la versione gratuita Element Pack Lite che fornisce oltre 45 widget e funzionalità gratuitamente.
Inoltre, esiste un buon numero di modelli di pagina di destinazione (più di 100) che puoi importare e utilizzare come tuoi.
Parti di una pagina di destinazione
Una grande pagina di destinazione dovrebbe contenere generalmente queste parti-
- Intestazione: il logo del tuo sito, il menu principale e le funzionalità aggiuntive come la barra di ricerca vanno nella parte dell'intestazione. Può essere mobile o fisso a seconda del resto della pagina.
- Sezione Eroe: la sezione Eroe riempie l'intero schermo finché i tuoi visitatori non scorrono in basso. Devi porre la massima attenzione ai dettagli di questa parte del sito web.
- Sezione servizi: qui è dove dici ai tuoi visitatori di più sulla tua attività nei dettagli.
- Caratteristiche: evidenzia quali caratteristiche hai che fanno sì che le persone scelgano te rispetto agli altri.
- Galleria: decora la galleria del tuo sito con griglia di immagini, carosello, icone, pulsanti di condivisione social, ecc.
- Testimonianza: mostra cosa dicono le persone sul tuo servizio e guadagna più popolarità e fiducia.
- Modulo di iscrizione: in questa parte, devi includere un modo per consentire ai visitatori di entrare nella tua lista di posta per scopi futuri.
Ora non ci resta che iniziare a creare la nostra pagina di destinazione utilizzando Element Pack ed Elementor su questi elementi.
Passaggio 1: crea la pagina di destinazione utilizzando il menu dei modelli
È un altro vantaggio di Elementor che ti consente di creare modelli di pagina con un controllo dashboard del modello dedicato.
Quindi, invece di correre qua e là, puoi effettivamente mettere in gioco i tuoi lavori da un unico posto.
Basta andare su WordPress Dashboard> Modelli e selezionare l'opzione Pagine di destinazione per aggiungere una nuova pagina di destinazione nel menu dei modelli.
Ora verrai reindirizzato all'editor di pagina di Elementor per la pagina del modello.
Qui puoi scegliere un modello predefinito dalla libreria di modelli Element Pack Pro o andare completamente personalizzato.
Passaggio 2: prepara i colori e i caratteri del design
Come accennato in precedenza, Elementor fornisce una finestra dell'editor priva di distrazioni che esclude tutto, anche l'intestazione e il piè di pagina.
Tutto quello che devi fare è selezionare "Elementor Canvas" dalle impostazioni della pagina per avere una pagina completamente bianca con cui iniziare.
Prima di iniziare, assicurati di impostare il colore e il carattere globali per la pagina di destinazione.
Questo è essenziale perché consente di risparmiare molto tempo senza dover modificare manualmente le proprietà del carattere o del colore di ciascuna sezione/elemento.
Per un'esperienza di progettazione più rapida e professionale, puoi installare un software di selezione dei colori sul PC che stai utilizzando per creare la pagina di destinazione in WordPress.
Questo aiuta a mantenere il flusso di lavoro.
Passaggio 3: progetta l'intestazione e la pagina dell'eroe
Prima di tutto, puoi prima progettare la tua intestazione, quindi passare al contenuto per la sezione dell'eroe.
L'intestazione dovrebbe contenere il logo del tuo marchio, un menu e qualcosa che gli utenti possano eseguire azioni, come un campo di ricerca.
In secondo luogo, devi mantenerlo semplice per la sezione dell'eroe o per la parte proprio sotto l'intestazione.
Si consiglia di applicare un tono simile all'intestazione e alla pagina dell'eroe per un aspetto migliore.
Quindi, puoi posizionare un testo grande al centro della pagina dell'eroe, sopra una bella immagine di sfondo.
L'immagine di sfondo dovrebbe rappresentare il tuo servizio.
Finiscilo con un pulsante che porta gli utenti a ottenere maggiori informazioni sull'argomento.
A questo punto, puoi utilizzare la scheda Avanzate di Elementor per la singola sezione o elemento e impostare l'aggiunta personalizzata, il margine, il bordo, l'ombra, ecc. Per creare disegni uqiue.
Element Pack Pro ha alcuni fantastici widget per migliorare l'aspetto della tua pagina eroe-
- Intestazione avanzata
- Intestazione animata
- Icona Nav
- Dispositivo di scorrimento
- Doppio pulsante
- Carosello personalizzato
Step-4: Chi siamo della pagina di destinazione in WordPress
La sezione Chi siamo è molto importante per il tuo sito Web in quanto contiene le informazioni principali sul tuo sito Web, incluso il suo scopo.
Cerca di non esagerare con questa parte per attirare più attenzione allungandola più a lungo del necessario.
Puoi mantenere un design minimale o fare qualcosa di ampio per questa parte, entrambi funzionano.
Ma non usare troppe parole, finiscilo entro 10-12 righe.
Ciò dovrebbe indurre i visitatori ad assorbire le informazioni senza alcuna pressione.
Inoltre, puoi provare a utilizzare questi widget di Element Pack Pro per aggiungere miglioramenti bonus al tuo sito web-
- Intestazione avanzata
- Casella di icone avanzate
- Carta fantasia
Passaggio 5: progettare la sezione in primo piano
La sezione in primo piano ha lo scopo di attirare ulteriormente l'attenzione delle persone sul tuo prodotto o servizio.
È facile progettare questa sezione della tua pagina di destinazione utilizzando Element Pack ed Elementor.
Il layout consigliato dovrebbe includere una bella rappresentazione visiva grande del tuo servizio insieme ai suoi vantaggi o caratteristiche.
Dovresti essere più diretto con la sezione in primo piano per consentire alle persone di capire chiaramente il tuo servizio.
Questi widget ti aiuteranno a progettare fantastiche sezioni in primo piano in Elementor-
- Casella al passaggio del mouse
- Dispositivo di scorrimento fantasia
- Scheda Interattiva
- Griglia di eventi
- Lente d'ingrandimento dell'immagine
Passaggio 6: crea una fantastica galleria di immagini
In questa parte della pagina di destinazione creeremo una galleria di immagini per i nostri visitatori.
Ogni pagina di destinazione in WordPress realizzata con Element Pack ed Elementor dovrebbe avere una galleria di immagini per ottenere maggiore visibilità e creare fiducia tra i visitatori.
Qui puoi usare una bella intestazione grande e quindi iniziare a inserire le immagini in un singolo widget della galleria di immagini.
Inoltre, la galleria dovrebbe avere immagini distanziate uniformemente in modo che appaia ordinata e pulita.
Questo può essere fatto facilmente utilizzando solo due widget di Element Pack-
- Intestazione animata
- Galleria di immagini avanzata
- Fisarmonica di immagine
Passaggio 7: Testimonianza dell'utente
La testimonianza dell'utente crea fiducia tra i tuoi visitatori mostrando ciò che gli altri hanno da dire sul tuo servizio.
Non importa quanto grande o piccolo sia il tuo sito web, avere le testimonianze degli utenti sulla tua pagina di destinazione in WordPress si rivela fruttuoso nel portare più traffico e lead.
Element Pack Pro ha widget dedicati a questo scopo che puoi facilmente mettere vicino alla parte inferiore del tuo sito (sotto le funzionalità) per avere un impatto positivo-
- Slider Testimonianze
- Carosello Testimonianze
- Prova sociale
Passaggio 8: modulo di iscrizione e contatto
Un'altra parte importante di una landing page di successo è la sezione di registrazione per raccogliere le informazioni di contatto dei tuoi visitatori per affari futuri.
Quando crei un'area di contatto, dovresti considerare di includere il tuo indirizzo, numero di telefono e, naturalmente, il tuo indirizzo email.
Ancora una volta, devi fornire un modulo di iscrizione che promette e-mail di offerta, e-mail promozionali o altre cose gratuite.
Questo è il motivo per cui devi prestare maggiore attenzione allo sfondo, alla grafica e ad altri dettagli per attirare l'attenzione delle persone.
Element Pack Pro ha i widget perfetti per creare la sezione del modulo di contatto e di iscrizione-
- Icona Nav
- Mailchimp
- Forme Ninja
Extra: aggiungi uno stile di navigazione per la pagina di destinazione in WordPress
Ora che la tua pagina di destinazione è praticamente pronta, ci sono alcuni trucchi che puoi giocare per ottenere il massimo.
Innanzitutto, puoi aggiungere una barra di navigazione dell'intestazione adesiva per la pagina di destinazione.
In questo modo, l'utente può sempre vedere la barra di navigazione e passare facilmente ad altre pagine.
In secondo luogo, puoi far scomparire la barra di navigazione finché qualcuno non scorre verso il basso di una certa distanza dalla parte superiore della pagina.
Questo dà un'impressione professionale della pagina e gli utenti la adoreranno.
Extra: usa i modelli di pagina di destinazione
Come accennato in precedenza in alto, Element Pack Pro offre una buona varietà di modelli di pagine di destinazione predefiniti per gli utenti.
Puoi scegliere il modello gratuito o premium e personalizzare le sezioni interne per creare qualcosa di unico.
Questo è il modo più veloce per creare una pagina di destinazione in WordPress che sia sbalorditiva e fantastica.
Alcune attraenti pagine di destinazione di Element Pack Pro-
- Halloween
- Pagina di destinazione di Natale
- Infinito
- Cinque
- Covid Salute
- Servizio Ebus
- Covid-19
- Mediplus
- Moda maschile
- Negozio di arredamento
- Moda femminile
- Aziendale
Concludendo!
Ami le landing page alla moda per la tua attività?
Ottieni Element Pack Pro oggi e goditi pagine di destinazione creative per i tuoi prossimi progetti di siti web.
Inoltre, otterrai oltre 200 fantastici widget ed estensioni per potenziare ulteriormente le funzionalità del tuo sito.
Tutto è possibile con un solo plugin, Element Pack Pro.
Spero che questo blog ti sia piaciuto.
Distinti saluti
BdThemes