Come creare una landing page in WordPress che converte: guida passo passo

Vuoi creare una landing page personalizzata per il tuo sito web che converte? Con oltre 4.66 miliardi di utenti Internet in tutto il mondo, il tuo sito web ha grandi possibilità di convertire i visitatori in lead. 

Tutto questo sarà possibile con una landing page dall'aspetto professionale.

Puoi catturare rapidamente l'attenzione degli utenti utilizzando la potenza della landing page. Le landing page sono ampiamente utilizzate nel marketing a pagamento, social media marketing, e altre campagne di marketing. 

Gli utenti provenienti dalle campagne arriveranno qui per primi. Ecco perché si chiama landing page. 

Le landing page sono un ottimo modo per eliminare distrazioni inutili e consentire alle persone di concentrarsi sull'azione da intraprendere. 

Puoi anche aggiungere grafica, Recensioni di Googlee video nelle landing page per catturare l'attenzione degli utenti e convertirli in clienti. 

In questo articolo imparerai quanto è semplice creare una landing page su WordPress utilizzando il tema Astra, i modelli Starter e il page builder Spectra.

Prima di proseguire, diamo un'occhiata veloce a ciò di cui parleremo. 

  • Cos'è una landing page?
  • Perché una landing page è diversa da una pagina normale?
  • Creare una landing page in WordPress
  • Conclusione

Ti spiegheremo tutto passo dopo passo e, alla fine, avrai una comprensione più completa di cosa sono le landing page e di come crearne una.

Che cos'è una pagina di destinazione?

Molte persone confondono una homepage con una pagina di destinazione, quindi cominciamo da qui. 

Una homepage è la prima pagina che i visitatori vedranno dopo aver visitato un dominio aziendale. Contiene le informazioni aziendali, descrizioni di prodotti e servizi e molti link di navigazione per aiutare gli utenti a trovare ciò di cui hanno bisogno.

Le pagine di destinazione sono progettato per convertire i lead catturando solo le informazioni dei visitatori. 

È una pagina creata appositamente con distrazioni minime, per contribuire a generare più contatti e aumentare le vendite.

Ecco un ottimo esempio di landing page:

guida la pagina di destinazione

Come puoi vedere, la pagina in sé è minima e ha un unico scopo: raccogliere i dati di contatto dei potenziali conducenti.

C'è poco che possa distrarre il visitatore e il messaggio principale è chiaro.

Puoi osservare le creare landing page per la tua attività per incoraggiare azioni tra cui:

  • Iscrivendoti al tuo newsletter
  • Iscrizione a una mailing list 
  • Abbonarsi a un prodotto o servizio 
  • Acquistare prodotti dal tuo negozio online 

Gli obiettivi delle landing page sono molteplici, ma il processo per realizzarne una buona è sostanzialmente lo stesso.

Perché una landing page è diversa da una pagina normale?

Una differenza fondamentale tra le pagine normali e le landing page è il loro scopo. 

Entrambe le pagine hanno obiettivi diversi. 

Le homepage sono progettate per attrarre visitatori e fornire informazioni, mentre una landing page converte i visitatori in clienti. 

Una homepage fornisce una panoramica completa della tua attività utilizzando informazioni dettagliate. Può anche avere più obiettivi, come rispondere a domande, fornire informazioni e raccontare la tua storia. 

Ottimizzazione della pagina di destinazione ha un unico obiettivo. Convertire chiunque arrivi sulla pagina.

Puoi creare tutte le landing page che desideri, tra cui:

  • Pagine di destinazione specifiche per un servizio o un prodotto 
  • Una landing page per la tua campagna di marketing a pagamento 
  • Una pagina speciale per gli abbonati provenienti dalla tua mailing list e altri Social Media piattaforme

Vediamo ora come creare una splendida landing page in WordPress senza dover usare CSS e HTML. 

Creare una landing page in WordPress

Per creare una landing page, avrai bisogno di un nome di dominio, web hosting, WordPress, Astra, Starter Templates e Spectra per personalizzare la tua landing page. 

Mentre stai cercando landing page, probabilmente hai già impostato le prime 3. Le tratteremo comunque qui nel caso in cui non le avessi.

Passaggio 1: Acquista un nome di dominio e un hosting web

Per creare una landing page, avrai bisogno di un nome di dominio e di un web hosting. Quando scegli un nome di dominio per la tua landing page, considera attentamente l'estensione per il suo potenziale SEO e i vantaggi del personal branding. L'attrattiva unica di un scelta del dominio .me può distinguere la tua attività, offrendo un mix di professionalità e individualità.

Puoi ottenere nomi di dominio da Google Domains e Namecheap, per citarne alcune opzioni. E puoi ottenere un web hosting da CloudWays, Hostinger, HostGator, SiteGround e altre aziende. Hai molte opzioni tra cui scegliere quando si tratta di web hosting – Hosting WordPress, hosting vps cpanel, hosting condiviso, ecc.

Puoi anche acquistare il tuo nome di dominio e il tuo piano di hosting dalla stessa azienda. Dipende interamente da te.

Passo 2: Installare WordPress 

WordPress è una piattaforma open source e il suo utilizzo è gratuito. La maggior parte dei provider di hosting installare automaticamente WordPress. Ma, se vuoi farlo da solo, puoi guardare un video tutorial Qui.

Passaggio 3: installa il tema Astra 

Dopo aver installato WordPress, avrai bisogno di un tema per creare il tuo sito web. Puoi ottenere temi gratuiti o a pagamento per quasi ogni utilizzo. Puoi anche acquistare un tema WooCommerce se gestisci un negozio online.

Tra tutti i temi disponibili, Astra si distingue perché è un tema WordPress gratuito, veloce e reattivo. 

Il tema supporta anche i principali page builder, tra cui Gutenberg, Elementor e Beaver Builder. 

Il tema Astra è dotato di Starter Template già pronti che ti aiutano a creare un sito web completo senza scrivere una sola riga di codice. Tuttavia, è sempre bene avere qualche conoscenza su terminologia del sito web quando lavori sul tuo sito web.

Usiamo Astra per creare una splendida landing page. 

Per installare il tema Astra, vai al pannello di amministrazione di WordPress e seleziona Aspetto> Temi opzione. 

Opzione temi aspetto

Successivamente, fai clic su "Aggiungere nuova" pulsante. 

clicca sul pulsante aggiungi nuovo per scegliere il tema Astra

Cercare “Astra” e clicca su "Installazione". 

clicca sul pulsante Installa per usare il tema Astra

Una volta installato Astra, Attivare il tema.

Clicca sul pulsante Attiva per iniziare con Astra

Ora che il tema Astra è installato, ti serve solo il plugin Starter Templates per crea una bella landing page

Passaggio 4: installa il plugin Starter Templates

Utilizzando i modelli di avvio puoi creare fantastiche landing page in pochi minuti. 

Prima di procedere oltre, diamo un'occhiata ai vantaggi dei modelli di avvio:

  • In bundle con modelli di atterraggio gratuiti e a pagamento.
  • Funziona bene con gli editor di pagina drag-and-drop.
  • Un'ampia gamma di modelli già pronti. 
  • Funziona meglio con il tema Astra.
  • Completamente reattivo e SEO-friendly.

Per installare il plugin Starter Templates, vai alla dashboard di amministrazione di WordPress e seleziona Plugin> Aggiungi nuovo

Fare clic su Aggiungi nuovo per installare i modelli Starter

Cerca "Modelli di partenza" nella barra di ricerca e fare clic su "Installa ora."  

Fare clic sul pulsante Installa ora per utilizzare i modelli di avvio

Dopo l'installazione, tocca "Attivare"Pulsante. 

attivazione dei modelli iniziali

Dopo aver attivato Starter Templates, puoi importare un singolo modello di landing page nella tua pagina o nel tuo post. Per farlo, dovrai usare il page builder Elementor, Spectra o Gutenberg.

Per questa guida utilizzeremo l'editor Gutenberg, così come è fornito WordPress.

Processo di importazione del modello di pagina

1 - Vai su Amministratore di WordPress > Pagine e accedi all'editor per accedere alla libreria di modelli Gutenberg. 

2 - Importa un modello cliccando su "Modelli di partenza" pulsante nell'editor: 

Aggiungi il titolo della landing page

3 - Fare clic su Modelli per principianti e sfoglia la libreria per trovare il modello di landing page che ti piace. 

scegli il modello della landing page dell'evento

4 - Seleziona il modello e clicca su "Importa modello" pulsante. 

fare clic sul pulsante importa

5 - Una volta completato il processo di importazione, puoi visualizzare automaticamente il modello di landing page singola come "Pescaggio - Draft". 

Poiché il modello include tutto, dovrai solo aggiungere le informazioni di cui hai bisogno e modificare il resto in modo che sia pertinente alla tua attività e al tuo scopo.

Basta selezionare un blocco sulla pagina e utilizzare i menu sopra il blocco e nel riquadro di destra per apportare le modifiche.

Questo è tutto! 

Bastano pochi passaggi per creare una splendida landing page!

Pro Tip

Se vuoi aggiungere fiducia e autorevolezza al marchio alle landing page, Tagembed ha caratteristiche interattive per incorporare feed Instagram, Feed di Twitter, Recensioni di Google, Video di YouTube e altri Feed dei Social Media.

Tagembed

Usando il Tagembed Grazie a questo plugin, puoi incorporare fantastici feed di Twitter e recensioni di Google con pochi clic.

Il plugin offre diversi vantaggi, tra cui:

  • Tagembed Dispone di un sistema avanzato di filtraggio dei contenuti.
  • Supporta gli aggiornamenti immediati dei contenuti.
  • Gli utenti possono generare report con analisi.
  • Tagembed offre la possibilità di creare CSS personalizzato.
  • Funziona benissimo anche con Astra e Spectra.
  • Fornisce molteplici funzionalità di incorporamento dei social media al tuo sito web

Passaggio 5: personalizza la tua landing page utilizzando Spectra: 

Spectra è un componente aggiuntivo gratuito che aggiunge blocchi extra all'editor di pagine Gutenberg. 

Per aggiungere Spectra al tuo sito, vai al pannello di amministrazione di WordPress e vai su Plugin> Aggiungi nuovo. 

Aggiungi spettri

Cerca la parola chiave “Spectra" e fare clic su "Installa ora" pulsante. 

Fare clic sul pulsante Installa ora

Per iniziare a utilizzare Spectra, una volta completata l'installazione, fare clic su "Attivare"Pulsante. 

Inizia a utilizzare i blocchi Spectra dopo aver cliccato sul pulsante Attiva

Ora puoi iniziare a personalizzare la tua landing page utilizzando l'editor a blocchi Spectra. 

Puoi personalizzare la landing page andando alla dashboard di amministrazione di WordPress e andando su Pagine> Tutte le pagine

vai alle pagine e clicca su tutte le pagine

Seleziona la landing page e clicca su “Modifica"Pulsante. 

Seleziona la landing page per iniziare la modifica

Dopo aver cliccato su “Modifica”, vedrai l'editor Gutenberg. Se sei nuovo di Gutenberg, puoi visualizzare il tour altrimenti saltalo cliccando su “(+)" icona. 

Benvenuti al popup dell'editor a blocchi

Dopo aver saltato il tour, puoi iniziare ad aggiungere blocchi alla landing page cliccando su "(+)" icona.

Spectra è dotato di 31 blocchi unici. Guarda l'immagine qui sotto che raffigura 31 blocchi nel pannello di sinistra. 

Seleziona uno di questi elementi da aggiungere alla tua landing page.

Una volta terminata la personalizzazione, puoi premere il pulsante "Anteprima" pulsante per vedere le modifiche. 

Fare clic sul pulsante di anteprima per vedere le modifiche

Una volta fatto tutto, non dimenticare di cliccare su "Pubblica". 

Fare clic sul pulsante Pubblica

Ed ecco la tua landing page personalizzata!

Linea di fondo

Ora sai come creare una splendida landing page utilizzando WordPress, il tema Astra, i modelli Starter e l'editor a blocchi Spectra. 

Questo bundle ti aiuterà a creare landing page ricche di contenuti che convertiranno. Tutto gratis.

Puoi anche optare per modelli di landing page pre-progettati per un lancio di design rapido. Offrono fondamenta visivamente accattivanti e focalizzate sulla conversione, risparmiandoti complessità tecniche.

Ci auguriamo che questo articolo ti abbia aiutato a imparare come creare facilmente una landing page in WordPress. Se ti piace questo articolo e vuoi condividere la tua opinione, aggiungi i tuoi commenti qui sotto.

Aggregatore di social media gratuito

Incorpora i feed social di Facebook, YouTube, Instagram, Twitter sul tuo sito web, come un PRO

tagembed Temi multipli
aggregatore di social media, Tagembed
Tabella dei contenuti:
bfcm-sale-img

ASPETTA… PRIMA DI CLICCARE X

Il tuo sito web ha bisogno di una prova sociale. Non lasciartela sfuggire, raccogli UGC ora e inizia a mostrarlo sul sito.

Inizia gratuitamente
close