Una volta che avrai preso dimestichezza con la creazione di varie sezioni, contenitori, colonne, personalizzazione di clonazione di intere sezioni, copia e incolla dello stile, sarai pronto a sviluppare in modo più rapido le tue pagine web.

In questa lezione andiamo a sviluppare la pagina Servizi partendo dai blocchi che abbiamo precedentemente creato, quindi agevolando e velocizzando molto il lavoro.

La pagina Servizi al momento è una pagina completamente bianca.

Entriamo intanto nell' editing della pagina da pagine, quindi torniamo in bacheca pagine Tutte le pagine servizi modifica con elemento eh Non ne ho mai parlato fino a questo momento, ma se volete potete anche cliccare se è una pagina che avete già modificato Con elemento potete cliccare direttamente su questo link.

Modifica con elemento e si aprirà direttamente il builder di elemento per lavorare direttamente sulla pagina oppure quando navigate una qualsiasi pagina web.

Ad esempio adesso torno per farvi vedere questo esempio veloce nella pagina Servizi per entrare in modo rapido in una pagina potete utilizzare questo menù in alto e se cliccate su modifica a pagina atterrete nella pagina bianca che per intenderci è questa qua dove poi dovrete cliccare modifiche con elemento oppure cliccando direttamente su modifiche.

Con elemento si aprirà il chiaramente una vostra preferenza.

Io per comodità vi farò vedere il il passaggio principale, quindi pagine tutte le pagine servizi Entriamo su modifica Queste le possiamo chiudere e modifica con ELE Metro.

Quindi partiamo dal nostro foglio bianco nella pagina Servizi è una semplice pagina dove non andremo ad inserire troppe sezioni perché mettendoci nei panni del nostro utente e visitatore una volta che atterra in questa pagina, dobbiamo cercare di attrarre subito l'attenzione, fargli capire quello di cui ci occupiamo e magari inserire qualche recensione per attivare il social e quindi la riprova sociale.

E ovviamente anche una e il la griglia che abbiamo già creato dei servizi, quindi deve essere una sezione abbastanza veloce.

Più che altro una sezione diciamo di passaggio perché l'utente una volta che è entrato in questa pagina sceglierà il servizio a cui è interessato e dopo un click cambierà pagina.

Quindi entriamo nella pagina dei servizi come al solito.

Impostazioni Nasconditi.

Sì, aggiorniamo subito la grafica e vado a partire dal blocco della Euron che ho già creato nella pagina che sono.

Quindi copio l'intera sezione e la vado ad incollare chi sono diventa servizi qui.

Ovviamente adesso lascerò questo testo, ma voi andrete a inserire un un campo descrittivo l'unica, cosa che cambierò.

Magari può essere la che cambierò in richiedi un preventivo.

È molto importante cambiare in base alla pagina dove l'utente atterra i titoli di alcune sezioni dove sono presenti action, quindi anche il testo interno ai pulsanti.

Questo per dare anche un senso di dinamicità diverso e quindi staccarci un po' dai classici contattami contatti troppo generici.

Quindi chiaramente questo è un esempio.

Però, ad esempio, nel caso in cui quando abbiamo inserito um se dobbiamo inserire Scusate un'iscrizione alla newsletter, potremmo iscri-.

Potremmo scrivere un titolo Sì, okay.

Iscrivimi alla lista.

Ricevi le promozioni, quindi qualcosa un po' più di vicino all'utente e non freddo, come ad esempio può essere un classico tasto in via oppure contatti.

Ecco, per intenderci.

Quindi questo è chiaramente un esempio sullo sviluppo del lat.

Poi dopo, nella parte COP, immagino che andrete a personalizzarlo in modo molto, molto più dettagliato e preciso.

Rimanendo quindi nella pagina dei servizi qui sotto andrò ad inserire il box delle recensioni um che ho precedentemente inserito.

Ora esco da qua.

Se vi ricordate quando abbiamo creato la homepage, ho inserito un box a tre colonne con queste recensioni io semplicemente ne riporterò due, quindi andiamo nella nostra homepage, modifica con elemento e vado semplicemente a copiare l'intera colonna l'intera sezione per poi riutilizzarla.

Mi sposto nella sezione che voglio prendere è questa qua faccio copia questa pagina la possiamo chiudere perché non ci interessa e vado a fare incolla.

Ed eccola qua qui magari possiamo anche non riportare tutte le recensioni.

Io adesso per um preferisco magari mostrarne due elimina okay um chiaramente potrebbero essere anche delle recensioni diverse.

Se avete molte recensioni, magari in home page, potete mostrare quelle tre quattro cinque recensioni di alcuni utenti, mentre nella pagina dei servizi potreste inserire delle recensioni magari più approfondite e più lunghe di altri utenti, quindi non c'è una regola diciamo um definitiva però chiaramente dando movimento e dando feedback facendo vedere feedback diversi, è sicuramente un valore aggiunto.

In questo caso la lascio più o meno così questa sezione l'unica cosa è? Andrei a magari modificare, ridurre un po' la larghezza della colonna metterei un po' più compatto, facciamolo direttamente ottocento per avere dei numeri tondi e poi tra la colonna, magari uno spazio di non duecento ma cento pixel, anzi magari facciamo uno sessanta così okay aggiorna quindi mettendoci i panni un po' dell'utente.

Una volta che entra in questa pagina servizi si accorge subito che è atterrato alla pagina servizi perché vede subito il titolo c'è una breve descrizione c'è l'immagine del professionista c'è una action tramite la quale può subito entrare in contatto e ci sono due recensioni importanti.

Quindi attivo subito il social prof e faccio vedere che ci sono altre persone che hanno già usufruito dei miei servizi perché ricordiamoci che in linea generale gli utenti non per forza atterreranno, nell'homepage e navigheranno sul menù, ma potrebbero atterrare in questa pagina servizi anche direttamente da un risultato di ricerca in Google, per esempio.

Okay, andiamo avanti.

Um, ovviamente manca una cosa importante ora mostrare i tre servizi principali che erogo in qualità di professionista.

Per fare questo torniamo nella homepage del sito che ho appena chiuso in realtà e vado a clonare e a prendere questo blocco perché praticamente posso replicarlo ugualmente allo stesso modo.

Quindi modifica con elemento mi sposto nella sezione che desidero clonare, faccio copia servizi e lo incollo direttamente in questa precisa sezione.

Aggiorno la pagina.

Ovviamente se io volessi inserire un titolo posso inserirlo qua.

In questo caso potrei anche non metterlo.

Chiaramente è una vostra scelta in base alle vostre preferenze, eh, però l'importante è che ci siano i servizi l'ultima, cosa che inserirò chiaramente è una e posso riprendere senza problemi, la che ho già creato nella pagina chi sono.

Quindi anche qui posso andare a copiare e incollare l'intero contenuto.

Eccolo qua, prendo la copia, vado nella mia pagina Servizi.

Vado ad incollare che cosa succede? Che in questo caso, essendoci una sorta di um uguaglianza nella nel colore delle sezioni potrebbe non essere ottimale a livello di design e il colore potrebbe essere troppo acceso.

Quindi che cosa possiamo fare in questo caso? Due cose o inseriamo un tra queste due sezioni, ad esempio un di un carosello o comunque un line, un titolo, qualcosa con uno sfondo bianco che serve a separare le due sezioni.

Potrei eventualmente spostare questo sopra, quindi, come vedete valutato molto, molto migliore rispetto prima, um oppure eventualmente vado a cambiare i colori o di questa sezione o della personalmente la la lascerei sempre di un colore acceso in modo tale da fare più effetto.

Quindi avere un focus maggiore sull'attenzione del cliente.

Quindi diciamo che in questo caso a mio avviso va più che bene in questo modo ora andiamo a vedere l'anteprima per vedere se ci siamo okay servizi sottotitolo c t a immagine del professionista servizi principali con il relativo link che poi andrà alla pagina del singolo servizio breve recensioni quindi un estratto di due recensioni e quindi più o meno diciamo che ci siamo per fare un breve questa è la pagina servizi creata con elemento.

Dobbiamo anche in questo caso metterci nei panni e dell'utente che naviga a questa pagina che ripeto, può atterrare sia da un motore di ricerca, ma anche passando per l'homepage o anche in un link trovato in qualche altro canale, come ad esempio un canale dei social media.

E dobbiamo subito essere um dobbiamo subito presentare cosa facciamo in modo rapido.

In questo caso abbiamo inserito il titolo servizi, quindi l'utente non può disorientarsi sa che si trova la pagina dei servizi un sottotitolo subito una action se vuole entrare subito in contatto possiamo mandare una pagina, contatti o anche addirittura cliccare direttamente per l'apertura di una mail subito i servizi che poi saranno collegati internamente a delle singole pagine un estratto con due recensioni.

Qui potete inserire le recensioni magari più lunghe, più importanti che voi reputate.

E poi ovviamente, anche la pagina servizi non può non finire con una buona