Ci siamo lasciati nell'ultima lezione, parlando appunto di stili globali e di elementi globali, che è quello che andremo a vedere.

Adesso ti spiego meglio come funzionano, perché ogni elemento di WordPress che noi utilizziamo, come ad esempio un'intestazione un'immagine un pulsante, un form di contatto può diventare un elemento globale.

Okay, quindi noi possiamo andare a dargli determinate caratteristiche, salvarle e poter andare a utilizzare questi elementi anche in altre parti della nostra pagina o del nostro sito, mantenendo esattamente tutto quello che noi abbiamo salvato.

Vi mi spiego meglio adesso facendovi proprio vedere l'esempio.

Magari avete già visto anche cosa sono gli elementi globali nell'altro corso di WordPress e ed elemento che c'è all'interno del sito non tenuto da me.

Ma vi spiego in questo caso, appunto, come possono esserci utili per le landing page? Okay, andiamo a prendere una landing page a caso qui.

Dai, temete di elemento direttamente su pagine c'è.

Già, questa qui di consulenza online che è già una pagina fatto be- fatta bene.

Quindi andiamo a inserirla.

Okay, perfetto.

Ci ha caricato la nostra pagina.

Vedete che è già impostata in realtà Molto bene per per essere un template di di default.

Perché perché ci dà qui in alto la la Eline, la descrizione, la fotografia qui sulla destra con dell'authority, perché ci dice esattamente che la dottoressa in questione ha dodici anni di esperienza, eccetera.

Andando avanti ci dà i servizi che che noi abbiamo a disposizione, ci dà dei loghi sempre per aumentare un po' l'authority.

E abbiamo anche la parte di social prof, quindi con ventimila dottori, centocinquanta specialisti con con tutti gli anni di esperienza.

E ci spiega anche come funziona il tutto.

Quindi puoi scaricare l'app eccetera.

Okay, noi facciam finta di eh che non ci interessa il discorso del download dell'app, quindi magari possiamo andare a eliminare questa questa parte Qui possiamo eliminare anche questo pulsante, perché una delle regole, appunto della landing page è che ci deve essere una sola.

Quindi potrebbe essere, um ottieni la tua consulenza gratuita.

Stiamo parlando di un servizio medico.

Appunto.

E può essere ottieni il tuo primo video consulto gratuito, Quindi cosa andiamo a fare? Andiamo a eliminare anche questa e andiamo a inserire un form di contatto che è molto più efficace perché è più efficace perché non andiamo a far fare un doppio step all'utente, quindi non gli facciamo cliccare prima sulla c T a che poi magari apre un pop-up con il forno che lo rimanda al forno che è più in basso, ma andiamo direttamente a lasciargli il il form per riuscire a ottenere appunto la consulenza gratuita.

Quindi andiamo a cercarci il nostro form.

Okay, modulo e andiamo a inserirlo qui.

Okay.

Vedete che quello di default di elemento è un po' bruttino.

Quindi andiamo a personalizzartelo per prima cosa um andiamo a cambiare Magari il del del nome.

Perché? Perché abbiamo già l'etichetta qui che ci dice nome? Possiamo anche dire Inserisci inserisci qui il tuo nome.

Okay, cambiamo il nei è sempre utile inserire un esempio.

Quindi esempio Francesca Okay, chiudiamo.

Andiamo sulla mail.

Qui possiamo lasciare email nell'etichetta oppure la tua e-mail e mettiamo un esempio anche qui descriviamo ad esempio Francesca scritto con la maiuscola.

Ma va bene Francesca chiocciola gmail punto com Okay.

E qui c'è il messaggio che magari non ci interessa per un form di contatto ci può essere utile il numero di telefono, okay, perché noi possiamo andare a ricontattare questa persona, quindi inseriamo telefono se inseriamo il tuo cellulare.

Mettiamo esempio tre quattro sette uno, due tre, quattro, cinque, sei, sette Okay, um, abbiamo già inserito tutto come pulsante.

Invece possiamo andare a inserire al posto di invia.

Possiamo scegliere Ottieni la tua consulenza gratis.

Okay, qui appunto ho già inserito un po' di tip che vi possono essere utili.

Come vi dicevo, l'etichetta diversa dal perché.

Perché nel momento in cui una persona comincia a a scrivere il scompare e quindi gli rimane l'etichetta con il cosa deve inserire okay e e l'esempio invece è utile.

Quindi il play con l'esempio è utile perché a colpo d'occhio io so che qui vedo un nome qui vedo una mail qui vedo un numero di cellulare a colpo d'occhio so già cosa devo inserire perché vedo già l'output um anzi o meglio l'input che devo inserire in più il la c t a mi fa direttamente capire cosa ottengo una volta che la clicco, quindi è importante non l'azione che compio, quindi non richiedi quindi devo aspettare, ma ottieni la tua consulenza gratuita e e quindi già questo form di contatto diciamo è è molto valido.

Andiamo magari un attimino a, um di stanziare le etichette e anche a cambiarle un attimino di dimensione che in questo modo.

Qui potete un po' giocare, ma fate sempre in modo che siano abbastanza visibili per l'utente.

Okay? E magari possiamo ingrandire un pochettino anche il il pulsante la C T a okay tipografia andiamo ad aumentare un pochettino la scritta che può andare anche su due righe o meno.

Pote- potete ingrandire sia la scritta sennò potete andare su al posto di andare su tipografia sul rientro del testo e inserire un valore.

Ad esempio qui ho esagerato per farvi vedere, ma al posto di quaranta Okay, può essere un venticinque.

In questo modo vedete che il pulsante già è più grande.

Lasciamo magari okay, un venti così e altra cosa importante che funziona molto sui forni di contatto può essere andare a inserire gli step Okay elemento ci permette di creare un forma step, quindi di non far vedere direttamente tutti i campi, ma di farli vedere uno alla volta.

Quindi andiamo a aggiungere un nuovo elemento clicchiamo su step che è questo qui è l'ultimo e vedrete che ci avrà creato un elemento nuovo qui alla fine e uno all'inizio andiamo a duplicare quell'ultimo a prendere il duplicato, lo mettiamo tra il campo del nome e la mail e andiamo di nuovo a duplicarlo e ne mettiamo uno tra la mail e il numero di cellulare.

Vedete che qui quindi avremo creato gli step.

Quindi, um, anzi no, l'ultimo l'ultimissimo.

Lo eliminiamo dopo il cellulare, okay? Perché gli step sono tre, nome e-mail e numero di cellulare.

Quindi andiamo a inserire il nome, la tua mail e subito dopo c'è il cellulare.

Una cosa che non mi piace, anche se è utile, sono questi pallini qui in alto, ma prendono tanto spazio e solitamente vado a toglierli e vedete che qui abbiamo adesso il pulsante principale che si è trasformato in successivo qui la la scritta e possiamo andare a modificare il pulsante di ogni step direttamente da qui.

Quindi il primo può diventare in questo caso, che voglio una consulenza gratis.

Okay, Nel momento in cui una persona vede per la prima volta questo forum lo vede così.

Quindi inserisci qui il tuo nome Francesca e vede e voglio una consulenza gratis e capisce che per cliccare su questo pulsante deve inserire il nome.

Una volta che inserisce il nome, gli viene chiesta la mail e poi ancora il numero di telefono.

Um, perfetto.

Facciamo conto che noi a questo forum dobbiamo andare a mettere delle azioni dopo l'invio che possono essere ad esempio un re direct.

Okay, più del un collegamento da campane.

Quindi qua poi qui dovremmo andare a inserire le la nostra pagina.

In questo momento non ne abbiamo, ma inserisco delle delle cose a caso che può essere appunto la nostra page PS due punti um punto it Ciao, Slash.

Grazie.

Okay, facciamo finta che sia la nostra page e quindi dovremmo fare in realtà il collegamento ad Active campane, quindi andare poi a inserire le P i eccetera e scegliere la lista e quant'altro um, non ci interessa in questo momento, perché appunto, la lezione è sugli elementi globali.

Okay, abbiamo quindi fatto diverse personalizzazioni a questo format, quindi noi andiamo a cliccare su Aggiorna.

E cosa facciamo? Ad esempio? Vogliamo ripetere questo forum durante la pagina? Quindi clicchiamo su copia, lo inseriamo magari anche qui.

Okay, Lo inseriamo anche qui sotto, okay? E lo inseriamo anche qui alla fine, al posto di questi pulsanti.

Um, okay.

Elimina incolla e qui abbiamo Vabbè, il form che qui diventa gigante.

Perché la sezione impostata a larghezza piena? Andiamo a ridurlo.

Okay, abbiamo quindi il nostro form inserito in più punti nella pagina.

Qual è il problema? Che se noi vogliamo andare a fare una modifica, ad esempio, abbiamo cambiato la lista di Active Cain piuttosto che abbiamo cambiato, non so, il l'u R l della page o vogliamo semplicemente andare ad aggiungere un campo in più al modulo? Come può essere, Non so, l'accettazione della privacy che in questo momento ci siamo dimenticati di inserire? Um, dovremmo andare a farlo qui, poi fare copia e incolla di nuovo, eliminando gli altri for eccetera.

Ma immaginate se noi abbiamo usato questo, um forma anche su altre pagine, quindi su altre landing page, sempre di optin, magari per testare o magari di altri consulenti.

Okay, quindi dovremmo andare a fare copia e incolla ovunque su tutte le altre pagine.

E questo ci richiederebbe diverso tempo.

Qual è l'alternativa? Andiamo a eliminare intanto tutte queste parti che abbiamo inserito L'alternativa in questo caso è andare a salvare questo come globale.

Quindi io clicco con il tasto destro sul sul e qui ho salva come globale.

Andiamo a dargli un nome, Quindi Forum consulenti.

Okay, andiamo su, Salva e vedete che ci appare in automatico qui sulla sul tab globali ci appare il nostro form, quindi io quando voglio andare a inserirlo in altri punti, come ad esempio qui sotto, non vado più a fare un copia e incolla del form precedente o dalla lista degli elementi.

Qui ho inserito un altro forno, ma clicco sul tab globali me lo prendo e lo inserisco qui infatti vedete che quando ci clicco poi cambia un po' l'interfaccia da qui sulla sinistra e mi dice vuoi modificare il globale o vuoi scollegare dal globale? Okay, perché poi posso anche renderlo indipendente, quindi vuoi cambiare solamente questo singolo form rispetto a tutti gli altri.

Se io faccio modifica, ad esempio e decido di cambiarmi il colore del del pulsante che è un po' la cosa più evidente in questo momento okay, voglio mettermelo dai grigino è brutto.

Facciamo magari un bel blu? Okay, um in automatico vedrete che mi è cambiato anche il il form in alto.

Quindi immaginate sempre di avere questo form su tante pagine riuscite con una sola modifica a cambiarlo ovunque.

E questo appunto è utilissimo sia okay per quanto riguarda il colore del pulsante, ma immaginate appunto tutti i collegamenti che avete dietro, quindi active campane, come vi dicevo prima, eccetera.

Lì sarebbe davvero un casino, perché se abbiamo cambiato il nome di una lista vogliamo inserire un tag in più di active campane eccetera.

Dovremmo andare a farlo in tutti i form.

In questo caso abbiamo comunque una una una possibilità per risparmiare tantissimo tempo.

E intanto abbiamo visto anche qualche tip su come creare un form di contatto che sia efficace, quindi andate a crearlo a step inserite sempre il beneficio che ottiene l'utente nella e andate a creare il form con etichetta e con l'esempio del di cosa deve digitare proprio l'utente stesso.

Quindi abbiamo anche visto un po' di di tip insieme.

Bene, per questa lezione è tutto e ci vediamo alla prossima.