Bene.

Abbiamo visto insieme tantissime informazioni e ciò che dovete fare è guardare anche il corso Creo per le Ning Page e i due corsi di Fabio Spadoni su come realizzare un sito web con WordPress e con elemento per riuscire a realizzare le vostre pagine web.

Sull'altro mio corso appunto.

Ho anche spiegato come realizzare il layout di una pace, ad esempio andando a vedere tutte le sezioni che dobbiamo andare a inserire per renderla il più efficace possibile.

Adesso, in questa ultima lezione conclusiva, voglio andare a realizzare con voi una opting page per darvi semplicemente qualche consiglio in più, qualche in più che vi può essere utile durante la creazione di una pagina per renderla efficace ma anche gradevole alla alla vista quando un utente vi naviga.

Okay, siamo quindi in condivisione schermo e andiamo subito a realizzare la nostra um opting page.

Innanzitutto ci sono diversi tipi di opting page, appunto, ci sono le possiamo dividere bene o male in due categorie okay quelle in cui diamo qualcosa in in cambio agli utenti, quindi che può essere un una guida gratuita, un video gratis, eccetera.

Oppure quelle per una richiesta di consulenza, ad esempio, che quindi le le opting page per richiedere più informazioni, che sono solitamente molto molto utili e molto utilizzate.

Queste ultime devono essere sicuramente un po' più lunghe per dare maggiori informazioni sul prodotto, sul servizio che stiamo andando ad offrire e per cui il contatto dovrebbe richiedere consulenza.

Partiamo un attimino dalle prime, quindi dalle opting page per i Manet e poi andiamo avanti, magari con il resto.

Bene, innanzitutto dobbiamo cominciare con una hero.

Okay, quindi una un blocco iniziale in cui andiamo a dare le prime informazioni.

Quindi possiamo cercare sia da qui un blocco um e vedete che quello che ci dà qui elemento come um temete di base può già andare bene, ma sicuramente vanno fatte alcune modifiche.

Andiamo magari a vedere i blocchi che ci dà Eto.

Okay, perché abbiamo già visto che si possono scaricare gratuitamente.

Andiamo qua su Hiro e vedete che l'impostazione è bene o male.

Sempre la stessa cosa vi voglio dire.

Abbiamo sempre una Eline, una un testo, quindi un un blocco di testo delle immagini e una e questo va già benissimo in tutti i casi con un ma a mio avviso, se stiamo andando a realizzare una page, questo può tutto ciò può andare bene.

Appunto.

Per una landing page normale in cui l'utente non deve subito fare opti per un opting page è molto più utile.

Qualcosa del genere.

Okay, vedete qui C'è Hero Newsletter Subscription Andiamo a inserire questo E già questo è molto più efficace, come vi dicevo.

Perché? Perché abbiamo direttamente il form di contatto nella ero.

Okay, questo ci aiuta tantissimo perché l'utente in questo caso non deve andare prima a cliccare su una per poi aprire il form o per scoprire dov'è il forno.

Ma glielo diamo subito qui e L'utente vede già il beneficio, vede già tutto e può andare a compilare il form per darvi maggiori informazioni.

Okay, Quello che vi consiglio è poi l'allineamento del testo.

Lasciamolo sempre a sinistra.

Okay? In questo modo qui ci sarà del margine o qualcosa del genere.

Infatti che mi sposta il testo.

Um, idem tutto ciò.

Okay, andiamo a eliminare tutte quelle parti che non ci servono.

Anche qui ci sarà del margine.

Okay, in basso E stiamo molto attenti anche alle dimensioni del testo.

Vedete che questo testo adesso è un po' piccolo per riuscire a renderlo leggibile.

Dobbiamo lavorare sempre tra i diciotto e i venti pixel.

Okay, come testo di base per i paragrafi di testo.

Appunto.

Per invece i titoli possiamo un po' giocarci? Um stando non troppo, um, non troppo esagerati.

Appunto, sto tra i quaranta, ma dipende anche dai tra i quaranta e i sessanta, comunque.

Okay, questo dipende anche dalla quantità di testo stesso che abbiamo all'interno del nostro titolo, perché se abbiamo semplicemente così sono cinque parole.

Può andare bene anche un sessanta, ma se abbiamo una frase molto più lunga in cui si va, magari su tre quattro righe, è meglio usare un font.

Un po' più piccolo, ad esempio un quaranta come dimensione proprio per riuscire a rendere più leggibile la frase stessa poi qui.

Vabbè, possiamo tranquillamente modificare lo sfondo mettendo ciò che ci piace di più.

Okay, possiamo renderlo magari di questo tipo? Um, mettiamoci sempre un blu, magari di questo tipo che riprende un pochettino la action, anche se, come vi ho detto, la dovrebbe essere di un colore che risalta rispetto a tutto il resto del layout della pagina.

Okay, in questo caso comunque, vedete che il blu è completamente diverso, quindi spicca comunque la.

Quindi qui andiamo a inserirci il titolo qui la descrizione e qui andiamo a costruirci il nostro form di contatto qui al posto di newsletter.

Innanzitutto che questa qui è una parola negativa che gli utenti non non amano, che o o meglio nell'inconscio dei nostri utenti.

Si va ad agganciare una sensazione negativa.

Perché? Perché riceviamo tantissime newsletter tutti i giorni e quindi l'ultima.

Cosa che vogliamo fare inconsciamente è andare a aggiungere del del materiale.

Ecco perché è meglio sempre riuscire a rinominare in qualche altro modo.

Quindi iscriviti alla lista di contenuti bonus.

Iscriviti a al mio club esclusivo, eccetera.

Quindi andate sempre a modificare questo tipo di parola e item Per quanto riguarda la quindi qui possiamo mettere a um scarica subito la guida.

Okay, visto che stavamo parlando di un page e qui nella andiamo sempre a modificare il pulsante con um non mettendo l'azione che deve fare l'utente, ma sempre il beneficio che ottiene.

Quindi magari voglio la guida gratis.

Okay, Così facciamo subito capire cosa sta ottenendo compilando il form.

Benissimo.

E già questo può essere un ottimo Un ottimo esempio di, um Hero per opting Page.

Cosa? Possiamo andare ad aggiungerci? Possiamo andare a inserire l'immagine della nostra guida, ad esempio.

Quindi basta andare qui su, eh elemento e aggiungerci un'immagine.

Okay, qui adesso non so se ho qualcosa di di adatto, ma non credo questo qui.

Penso che l'abbia preso da un template e magari può andare bene.

Esatto.

Dici digital marketing che può andare benissimo.

Possiamo inserire qui la nos- l'immagine della nostra vita.

Oppure possiamo metterla direttamente qui in alto.

Okay, per per dare l'esempio vi consiglio sempre di fare un up, un pochettino più più carino.

Ma già questo può può andare bene per fare i up ci sono tantissimi siti web.

Vi basta andare ad esempio su vi basta andare ad esempio su free pick, eccetera e potete scaricarvi tantissimi.

Cap, se avete un po' di dimestichezza con Photoshop, sarebbe l'ideale, ma già, appunto.

Anche con Kappa si può magari lavorare benissimo su questo.

Quindi qua abbiamo già tutto ciò che ci serve.

Possiamo andare magari nella versione mobile e vedere che tutto è un pochettino da sistemare, quindi okay, qui abbiamo l'immagine.

Qui abbiamo il titolo che sicuramente va modificato, quindi va rimpicciolito e e qui possiamo scegliere.

Andiamo.

Magari con i pixel così vi ritrovate un po' di più con con le dimensioni.

Qui ad esempio, possiamo scendere a trentanove barra quaranta anche trentotto, che va benissimo qui il venti che può andare bene, ma volendo possiamo anche metterci un un diciotto per risparmiare un po' di spazio.

E adesso abbiamo la colonna sottostante che è da sistemare perché c'è del margine negativo da qualche parte esatto e e già abbiamo sistemato un bel po' cosa vi consiglio di fare? Poi vedete che il tutto è un po' troppo attaccato al bordo, quindi magari per rendere difficile la lettura vi consiglio di inserire sempre del bordo qui a sinistra e a destra.

Qui vedete che c'è già qualcosa di preimpostato come come rientro scusatemi, ho detto bordo prima in realtà il rientro, quindi a destra e a sinistra andiamo a inserire sempre un venti che è un po' la la convenzione e sicuramente ci mettiamo del margine anche in alto, magari un po' di più cinquanta e cinquanta in basso per riuscire poi a distanziare le le sezioni sulle colonne invece quindi sugli altri container potete andare a inserire zero come rientro e non lasciare il valore di default perché il valore di default vi prende appunto quello che c'è già impostato, ma inserendo zero vedete che si allarga un po' lo spazio.

Quindi qui a destra e a sinistra avete esattamente i venti pixel che abbiamo impostato nella nella sezione Okay, perfetto.

Quindi già così può andare bene.

Da mobile possiamo magari anche andare a ridurre un pochettino il titolo per farlo rientrare nelle nelle due righe e abbiamo già un ottimo un ottimo inizio per quanto riguarda la nostra page Perfetto.

Cosa dobbiamo andare a inserire dopo in una page tutto ciò che può essere utile all'utente quindi le informazioni che ottiene all'interno della nostra landing page della Scusatemi all'interno della nostra guida.

Quindi andiamo su, ad esempio su una sezione come questa focus e benefit perfetto e andiamo a cercarci qualcosa che ci può essere utile.

In questo caso l'importante è avere sempre un un titolo e poi delle delle informazioni sotto.

Quindi può benissimo essere questa questa sessione qui, perché abbiamo anche un'immagine che ci aiuta.

Andiamo a inserirla.

Perfetto.

Quindi qui possiamo andare a cambiare il nostro titolo e dire cosa otterrai una volta letta la nostra guida.

Okay.

E ovviamente dobbiamo poi andare a modificare il i font.

Come vi ho già spiegato Perché? Perché non sono uguali.

Quindi possiamo decidere o manteniamo questo font qui, che magari ci piace un pochettino, quindi okay.

O per me e andiamo a modificare questo in alto, cambiandolo semplicemente qui.

Perfetto.

Anzi, magari possiamo anche fare un copia.

E in possiamo fare un copia qui e poi qui andiamo a dirgli incolla stile e poi andiamo a cambiare semplicemente il colore.

E abbiamo lo stesso font.

Esatto.

E qui non ci resta altro che modificare un pochettino.

Poi gli spazi e tutto ciò che ci serve qui hanno tra l'altro abbiamo di nuovo il nostro forum di contatto che era già inserito prendendo le le informazioni che abbiamo messo nel nelle lezioni precedenti.

Okay, E qui abbiamo tutte tutto il resto.

Quindi da qui magari possiamo toglierlo tranquillamente il form e potremmo inserirlo, magari subito, subito sotto qui.

Quindi andiamo a inserire una nuova colonna, una nuova sezione interna, anche se magari questi layout sono vecchi, quindi lavorano ancora con sezioni e colonne.

Ma sappiamo benissimo che adesso Elemento lavora anche con i container.

Quindi, um, per lavorare sempre con le sezioni colonne.

Magari prendiamo un vecchio, eliminiamo il materiale che c'è dentro.

Quindi tutti questi elementi e andiamo a inserirci di tutto ciò che ci serve.

Okay, quindi qui abbiamo cosa otterrai una volta letta la nostra guida, abbiamo le vari i vari benefici e subito sotto abbiamo reinserito un nostro form di contatto.

Okay, per evitare appunto, che gli utenti debbano cliccare, poi andare al form e poi, um, e poi compilarlo andando ancora avanti, possiamo aggiungere un altro blocco in cui andiamo a inserire un po' di authority e un po' di social prof.

Quindi cosa ci può essere utile? In questo caso? Ci può essere utile la parte di aut.

Okay, quindi andiamo a sceglierci qui una sezione che si adatta, okay? Che può essere anche semplicemente qualcosa.

Come abbiamo già qui la sezione S uguale al al template che abbiamo utilizzato.

Quindi magari possiamo anche utilizzare questa per risparmiare un pochettino di tempo.

Okay.

E volendo possiamo eliminare.

Magari questa colonna e qui.

Andiamo.

Giusto per cambiare un pochettino il layout tra una sezione e l'altra qui andiamo a inserirci il blocco della basse.

Quindi andiamo a dire chi siamo e i risultati che abbiamo raggiunto.

Dobbiamo creare un senso di authority nelle persone.

Quindi dobbiamo mostrarci autorevoli andare a inserire non so i premi che abbiamo vinto, le nostre certificazioni, eccetera, quindi far capire chi c'è dietro questa guida, chi l'ha scritta e perché l'utente dovrebbe fidarsi.

Una volta fatto questo, possiamo andare tranquillamente aggiungere ancora un'altra sezione sempre per riuscire sempre per riuscire a far sì che gli utenti si fidino ancora di più di noi.

E possiamo aggiungere, ad esempio delle testimonianze che qui ce ne sono di diversi tipi, che vi consiglio e vi consiglio magari sempre un blocco del genere al posto di uno slider.

Um perché? Perché vi faccio subito vedere okay gli gli slider, anche se sono magari più carini, eh a livello estetico vi fanno vedere subito magari una o due recensioni di questo tipo e dopo scorrono invece con un blocco come quello del mhm a griglia.

In questo caso noi possiamo andare a inserire più recensioni, come ad esempio queste possiamo anche aggiungerne delle altre, quindi non abbiate paura poi soprattutto nelle specie di far vedere tante recensioni perché questo gioca a vostro favore.

Quindi andate a far vedere che ci sono tantissime recensioni um cosa che fate fatica a fare con lo slider perché l'utente appunto, ne percepisce due alla volta.

Quindi non ha idea che magari le recensioni sono cento.

In quel caso, cosa dobbiamo fare? Noi dobbiamo far sì che l'utente si fidi.

E sappiamo benissimo che qualcuno si fida solo Sapete che tante persone si sono già fidate di quel prodotto o servizio.

Quindi andiamo a inserire un una sezione del genere.

Andiamo a incollare il lo stile anche qui di tutto ciò che abbiamo già fatto.

E abbiamo ottenuto comunque una sezione delle delle informazioni in modo molto rapido.

Okay, um, qui possiamo riprendere magari lo stile della della sezione in alto.

Okay, Anche qui, facendo copia e incolla stile.

Poi, ovviamente, ci sarà da modificare tutto quando andate a fare un'operazione del genere.

Quindi, banalmente, torniamo a come eravamo prima.

Um, okay.

Alla fine abbiamo raggiunto un pochettino tutto Anzi, sul blocco delle testimonianze, come titolo.

Un consiglio in più è sempre quello di inserire un numero.

Che cosa vuol dire sempre per far vedere che l'anno che si fidano di voi tantissime persone.

Quindi per sfruttare questo principio andiamo a dire magari, um, più di um non so, venti mila o qui.

Okay, Gli zeri non li fa molto bene.

Questo font ha dei problemi.

Quindi facciamo più di ventunomila? No, neanche i punti.

Fa molto bene.

Okay, Abbiamo trovato un font.

Strano.

Okay, Possiamo lasciarlo magari in questo modo? Um, l'anno già scaricata.

Okay, giusto per darvi un esempio.

Poi, appunto, cambiate fonte a questo punto, perché questo qui non si adatta molto bene.

E una volta fatto, andiamo.

Come vi dicevo, come ultima sezione, possiamo andare a riprendere tranquillamente la prima.

Okay, um, modificando magari il il titolo per per riuscire a riportare direttamente qui il form di contatto senza bisogno che l'utente debba cliccare per poi tornare in alto.

Vedete che questa impostazione um l'ho utilizzata ad esempio sull'altra pagina che vi ho fatto vedere prima, in cui c'era proprio una guida da dover scaricare.

Ma, um, potete utilizzarla anche per tantissimi altri scopi.

Appunto.

Quindi come l'iscrizione a un evento? Okay, quindi qui abbiamo le informazioni principali per l'evento immaginate con ricordatevi sempre il data, ora eccetera Le specifiche qui il form per l'iscrizione cosa? I benefici che otterrai nell'evento chi tiene l'evento, quante persone l'hanno già seguito, eccetera.

Quindi vedete che si adatta benissimo questa struttura.

Un po' a tutto, Um, altrimenti, come vi dicevo prima, andando a eliminare queste sezioni che in realtà abbiamo già visto qui sulle sulle pagine.

Per quanto riguarda una consulenza, invece, ritorniamo a questo qui perché è davvero molto efficace l'avevo già visto prima.

Quello che dobbiamo fare è semplicemente, come vi dicevo, andare a eliminare tutto ciò che non ci serve.

Quindi nella Hiro potrebbe essere utile non solo inserire un magari un titolo qui, sempre rimpicciolendo un pochettino, un titolo accattivante che ti spieghi cosa otterrai con la consulenza.

Okay, quindi, andando magari a puntare sul sul problema smetti di avere dolori alla schiena.

Rivolgiti alla nostra clinica, okay? Qui il andiamo a inserire poi il nostro form di contatto come avevamo già fatto.

Okay, Voglio una consulenza gratis qui.

Potrebbe essere carino nella Hero.

Anzi, potrebbe essere utile, non carino inserire direttamente delle recensioni, quindi qui abbiamo il tastino.

Um, guarda tutto il profilo.

Ma come sappiamo, non ci interessa far uscire gli utenti da qui.

Um, va benissimo avere dell'authority, perché facciamo capire l'esperienza che la nostra professionista ha dodici anni di esperienza, Ma possiamo andare a inserirci anche un po' di, um social prof.

Quindi andiamo a cercare il non c'è più.

Okay.

Il valutazione, ad esempio, Um possiamo inserirci qui delle delle stelline in questo caso.

Okay? Che fanno subito Riprova sociale.

Possiamo andare ad aumentare le dimensioni, eccetera.

Okay, possiamo aumentare la distanza semplicemente con il margine.

Okay? E e in questo caso, appunto, riusciamo a far capire con un con un dettaglio visivo che ci sono tantissime recensioni che le recenzioni.

Comunque, sono a cinque stelle per questo tipo di servizio.

Questo può andare benissimo.

Perché, appunto, sappiamo che gli utenti, quando vanno dal medico, devono aspettare tanto.

Quindi questo è un beneficio che va bene sottolineare.

E qui sarebbe utile inserire magari un'altra sezione in cui noi andiamo a a dire all'utente tutti i problemi che possiamo risolvere sempre se stiamo parlando di uno studio specialistico, come come in questo caso, um, è utile far vedere tutti i problemi che possiamo risolvere e i benefici soprattutto che ottiene l'utente.

Quindi questa è la sezione dedicata sempre alle informazioni.

Ricordatevi.

Quindi ci può essere anche più di una sezione dedicata alle informazioni.

Possiamo tornare qui? Um benissimo.

Doctors online.

Qui possiamo anche cercare i temete, ma ce n'è solo questo.

Perché vediamo se tra i blocchi mi dà qualcosa? No? Però possiamo inserire ad esempio anche una sezione come questa, semplicemente andando a cambiarla, rendendo tutto bianco qui.

In questo caso mi ha eliminato.

Ah, no, È sempre questa quella precedente.

Okay, quindi andiamo magari a cambiare qui il colore, a rendere tutto bianco e vedete che poi questa sezione si adatta benissimo a questo tipo, di cui noi possiamo aggiungere delle informazioni.

Um, qui forse c'è il layout a larghezza piena.

Noi inseriamo boxed.

Okay, Così rimane tutto un po' più in linea con la sezione precedente.

Semplicemente andiamo ad aggiungerci i font.

Questa qui è una sezione di aut, ma possiamo se cambiarla tranquillamente con, um con quello che ci serve.

Quindi possiamo andare a modificare il il titolo Risolvi i tuoi problemi una volta per tutte, Okay? E qui, ad esempio, possiamo inserire i i problemi che noi andiamo a risolvere, come vi dicevo.

Quindi il mal di schiena, um e Quant'altro.

Quindi vi lascio poi a voi lavorare sul sui coppi della vostra singolare page.

Ma si tratta sempre di questo.

Se siamo dei consulenti finanziari, ad esempio, possiamo inserire, non so, la gestione del patrimonio, eccetera.

La struttura di base, infatti non cambia.

Abbiamo poi qui tutta la parte relativa alla Authority.

Okay? Per riuscire a infondere fiducia nelle persone qui.

Okay, Abbiamo una parte di come funziona che magari non non non ci serve, ma può anche servire.

Perché no? Quindi, come funziona la consulenza gratuita? Qui, invece di inserire, puoi scaricare l'app, eccetera.

Possiamo mettere i nostri step.

Quindi tu inserisci i tuoi dati.

Um, un verrai assegnata a un a uno specialista specifico.

Riceverai una, um chiamata conoscitiva e fisseremo un incontro con te.

Quindi può essere anche utile una sezione del genere di cosa succede dopo che un utente ha compilato il form, Um, per far sì che L'utente sappia già come si dovrà muovere e non sia spaesato.

Um, una volta che ha compilato il form.

Appunto.

E queste informazioni poi possiamo anche riprenderle nella page per fargli per far preparare l'utente, magari alla chiamata, perché possiamo andare a dirgli Okay, tieni vicino il telefono.

E se ricevi una chiamata da questo numero, rispondi, perché siamo noi che stiamo cercando di contattarti.

Okay.

Um, dopodiché andiamo avanti con le recensioni.

Quindi qui a riprova sociale e qui.

Come vi ho già consigliato, andate sempre a inserire un un tip.

Un numero.

Quindi, ad esempio diecimila utenti sono felici e in forma.

Okay, um, felici e sani.

E qui andiamo nella parte finale, sempre a inserire di nuovo la nostra, come abbiamo visto, per far sì che gli utenti riescano a iscriversi facilmente.

E già qui abbiamo un'ottima pagina, come come abbiamo visto anche prima per quanto riguarda l'op page per le consulenze o Okay, ma qui mettiamo boxed perfetto e vediamo che abbiamo già appunto tutto pronto.

Qui abbiamo anche la parte relativa alle risposte alle domande frequenti.

Okay, um, che viene inserita proprio per riuscire ad abbattere i dubbi delle persone prima ancora che gli vengano in testa e e poi qui sempre la finale.

Quindi direi che questo abbiamo l'abbiamo già pronto.

Qui ce lo offre elemento e con alcune modifiche abbiamo un temete che possiamo utilizzare per quanto riguarda le nostre opting page con una consulenza gratuita, questo tipo di pagine magari è utile averle anche come tank page, come vi ho fatto vedere anche prima.

Quindi possiamo andare a costruire una page per far scaricare qualcosa, magari sempre in inerente alla salute.

Quindi dodici esercizi per farti passare il mal di schiena, ad esempio.

E poi andiamo a portare le persone su una pagina del genere, quindi diciamo Okay, hai scaricato la tua guida.

Ma aspetta.

Vogliamo offrirti qualcosa di più come una consulenza gratuita con un nostro specialista.

E quindi gli fate vedere poi il il resto in in questa landing page e vedrete che avrete sicuramente molte più conversioni.

Okay, siamo arrivati alla fine di nostro di questo nostro percorso.

Spero che tutte le informazioni che abbiate trovato vi siano utili.

E datemi sempre un un feedback quando volete.

Avete i miei contatti o potete scrivere direttamente qui, tra i commenti o sulla community di Learn.

E io vi aspetto.

Um, vi aspetto.

Vi leggo sicuramente, vi rispondo a tutti e grazie mille per aver seguito questo corso insieme a me.