### [Come aggiungere l'autofocus al tuo modulo](https://wpforms.com/developers/how-to-add-autofocus-on-your-form/) **Pubblicato:** 15 dicembre 2020 **Autore:** Team editoriale **Estratto:** Questa guida ti mostrerà come utilizzare JavaScript per far sì che il cursore si posizioni automaticamente nel primo campo del modulo al caricamento della pagina. **Contenuto:** Sei interessato ad abilitare l'autofocus sul tuo modulo per migliorare l'esperienza utente? Con l'autofocus, il cursore si attiva automaticamente all'interno del primo campo del modulo al termine del caricamento della pagina, semplificando l'interazione dell'utente. Questo semplice miglioramento può essere ottenuto con uno snippet di codice JavaScript e ti guideremo attraverso il processo. ## Creazione del tuo modulo Innanzitutto, dovrai iniziare creando il tuo modulo e aggiungendo i campi del modulo. Se hai bisogno di aiuto nella creazione di un modulo, [consulta questa documentazione](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo").  ## Creazione dello snippet per aggiungere l'autofocus Successivamente, dovrai aggiungere questo snippet di codice al tuo sito. Se hai bisogno di aiuto nell'aggiungere snippet al tuo sito, [consulta questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms"). ``` /** * Aggiunge l'autofocus al primo campo del modulo * * @link https://wpforms.com/developers/how-to-add-autofocus-on-your-form/ */ function wpf_dev_autofocus() { ?> **Categorie:** Campi **Tag:** Javascript, JS ---