Oggi ti mostrerò come creare delle ancore all'interno della tua pagina web.
Cosa sono le ancore?
Le ancore sono una funzionalità che permette all’utente di cliccare su un pulsante e, rimanendo nella stessa pagina, essere portato direttamente a un'altra sezione della pagina tramite uno scorrimento automatico.
Creiamo un esempio pratico:
Immaginiamo di voler far sì che chi clicca su un pulsante venga portato direttamente al blocco del form. Ecco i passaggi da seguire:
Individua il blocco di destinazione: In questo caso, il blocco del form. Consiglio di selezionare il titolo del form piuttosto che il campo "Nome e Cognome", per garantire una visualizzazione ottimale anche su dispositivi mobili.
Assegna un identificativo al blocco:
- Seleziona il blocco (in questo caso, il titolo del form).
- Dalla colonna di sinistra, cerca l’opzione "Identificativo del blocco" e attivala.
- Assegna un nome identificativo unico che ti aiuti a distinguere questo blocco dagli altri presenti nella pagina.
Configura il pulsante per il collegamento interno:
- Torna in alto e seleziona il pulsante che vuoi utilizzare per l'ancora.
- Modifica l'azione del pulsante: anziché aprire una nuova pagina web, imposta un link interno alla pagina.
- Inserisci l’identificativo del blocco precedentemente creato, in questo caso "form".
Verifica in anteprima:
- Ora, fai un’anteprima della pagina.
- Cliccando sul pulsante, vedrai la pagina scorrere automaticamente fino al blocco del form.
Funzionamento su mobile:
Il bello di questa funzionalità è che funziona perfettamente anche su dispositivi mobili. Prova anche da mobile e noterai che, cliccando sul pulsante, sarai riportato automaticamente al blocco del form o qualsiasi altro blocco a cui hai associato l’ancora.
Ricorda, puoi usare questa tecnica per collegare qualsiasi contenuto della tua pagina, migliorando l’esperienza di navigazione per i tuoi utenti.
E questo è tutto! Ora sai come creare delle ancore all’interno della tua pagina web.
