Sapevi che è possible mandare gli utenti alla sezione che gli interessa della pagina in un solo click?
In questo articolo ti mostrerò come utilizzare le ancore, dopo aver letto questo articolo la creazione delle tue pagine cambierà in modo radicale!
Come sviluppatore di siti web mi trovo spesso ad aiutare clienti che mi chiedono di risolvere i problemi più disparati.
Per anni cercavo in rete come aiutarli e principalmente trovavo articoli di autori con competenze ma che non riuscivano alla fine a farmi capire come risolvere il problema.
Ho dunque creato questo blog per aiutare sviluppatori come me dando un valore pratico e non teorico per risolvere facilmente i problemi.
Sei pronto?
Partiamo!!
Sommario
Il Menu Anchor
Il Widget Menu Anchor è molto semplice da usare prima di vedere come funziona vediamo a cosa serve.
Con questo widget puoi mandare gli utenti su qualunque sezione della tua pagina con un solo click
Succede spesso che gli utenti sanno già cosa stanno cercando oppure sono già convinti di acquistare, perciò invece di fargli scorrere tutta la a pagina col rischio che la chiudano, li portiamo direttamente alla call action.
Nel video qui sotto ti mostro cosa intendo
Utile vero?
Possiamo anche inserire il pulsante a fine pagina e rimandare gli utenti magari al menu o al form che si trova nella barra laterale a metà pagina.
Insomma è uno strumento utilissimo specie quando si creano siti One Page
Come Impostare il Menu Anchor
Bene adesso non ci resta che vedere come funziona
Il widget Menu Anchor deve essere inserto nel punto che dove vogliamo indirizzare gli utenti, di solito si inserisce sopra il widget che vogliamo sia visto o utilizzato dagli utenti ( testo, intestazione, immagine, modulo etc)
Questo widget può essere inserito in qualunque colonna o sezione della nostra pagina.
Una volta inserito il widget nella colonna sinistra del nostro schermo appariranno le impostazioni.
Anzi l’impostazione, infatti dobbiamo aggiungere solo un ID.
Prima che inizi a pensare dove trovare questo id ti dico che devi inventarlo 😛
Puoi scrivere tutto quello che vuoi, l’importante è che ti attieni ai caratteri consentiti come spiegato nell’avviso subito sotto il campo ID
Adesso non devi fare altro che inserire un pulsante con la call action
Nel campo link del pulsante devi inserire lo stesso ID che hai inserito nel widget Anchor
Attenzione!!!
Non cancellare il simbolo # altrimenti non funzionerà!!
Hai finito!
Semplice vero?!
Gli utenti naturalmente visualizzeranno il widget Anchor.
Prima di chiudere voglio mostrarti un altro utilizzo di questo widget.
Ti ho mostrato che aggiungendo un pulsante possiamo inviate gli utenti all’area del sito che gli interessa.
Possiamo creare lo stesso effetto con una voce del menu
Dopo aver creato il nostro ID non dobbiamo fare altro che andare in aspetto>menù e all’interno della schermata cliccare su link personalizzati.
Nel campo URL inserisci # seguito dall’ID
Nel campo “Testo del link” inserisci la voce che apparirà nel menu
Clicca su “aggiungi al menu” e poi salva il menu
Ora nel tuo menu e comparsa la nuova voce, se clicca su quella voce l’utente verrà portato all’area che hai stabilito
In questo video ti mostro come fare
Bene siamo arrivati alla fine di questo articolo, spero che ti sia utile ci vediamo nei commenti!
A presto!!
