Elementor: come utilizzare il widget Menu Anchor

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!!

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

Elementor la guida definitiva

Se ti piacciono i miei articoli ho scritto un eBook per te

“Elementor: la Guida Completa”

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.

menu

Nel campo URL inserisci # seguito dall’ID

Nel campo “Testo del link” inserisci la voce che apparirà nel menu

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!!

Ho un favore da chiederti, se questo articolo ti è piaciuto, condividilo.

Potrebbe anche piacerti

Elementor la guida completa

Ultimi articoli

Categorie
Passa a Elementor Pro
Per il tuo hosting
Per creare la tua Privacy Policy
Copyright 2020 © Wp Semplice - Privacy Policy

Gli articoli ti sono stati utili?

Iscriviti alla newsletter per restare sempre aggiornato! 

Grazie ti contatteremo a breve