Come aggiungere la pagina di login e i widget front-end in WordPress

La pagina di accesso predefinita di WordPress non offre un’esperienza ottimale e può addirittura confondere gli utenti. Per questo motivo vi consigliamo di aggiungere una pagina di accesso frontend per consentire agli utenti di accedere direttamente dalla parte principale del vostro sito web.

Questo migliora l’accessibilità e la soddisfazione generale dell’utente. Inoltre, è comodo, in quanto permette agli utenti di accedere ai moduli di accesso da varie parti del sito, come barre laterali o footer.

Nel corso degli anni, abbiamo creato diversi negozi online e siti web che offrono questa funzionalità per una migliore usabilità. Questo ci ha insegnato cosa funziona e cosa no per le pagine di accesso frontend.

In questo articolo vi mostreremo come aggiungere facilmente una pagina di accesso front-end e dei widget in WordPress.

Perché e quando è necessario il login front-end in WordPress?

In modo predefinito, la pagina di accesso a WordPress mostra il brand di WordPress e di solito non corrisponde al design del vostro sito web attuale.

Questo funziona per i blog e i siti web WordPress più piccoli.

Tuttavia, se avete un sito associativo, un negozio online o un altro sito in cui gli utenti possono registrarsi e accedere, l’aggiunta di una pagina di login e di un widget front-end offre un’esperienza migliore ai vostri utenti.

Potete anche personalizzare questa pagina con il vostro marchio o aggiungere un semplice modulo di accesso alla barra laterale di WordPress.

Detto questo, vediamo come aggiungere facilmente una pagina di login front-end e un widget di login in WordPress. In questo tutorial vi mostreremo i 3 modi più semplici per farlo; potete usare i link sottostanti per passare al metodo che preferite:

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Metodo 1: Aggiungere una pagina di accesso front-end e dei widget in WordPress con WPForms

WPForms è il miglior plugin per moduli di contatto per WordPress sul mercato, utilizzato da oltre 6 milioni di siti web. Consente di creare facilmente una pagina di accesso front-end personalizzata e un widget di accesso sul vostro sito web.

Per prima cosa, è necessario installare e attivare il plugin WPForms. Per istruzioni dettagliate, consultate la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, visitare la pagina WPForms ” Impostazioni dalla barra laterale dell’amministrazione di WordPress per inserire la chiave di licenza.

È possibile ottenere questa chiave dal proprio account sul sito web di WPForms.

Una volta fatto ciò, andate alla pagina WPForms ” Addons dalla dashboard di WordPress per individuare l’addon Registrazione utente.

Quindi, fare clic sul pulsante “Installa addon” per scaricarlo e attivarlo sul proprio sito web.

Dopo l’attivazione dell’addon Registrazione utente, andare alla schermata WPForms ” Aggiungi nuovo dalla barra laterale dell’amministrazione per lanciare il costruttore di moduli.

Da qui, iniziare a digitare un nome per il modulo che si sta per creare. Dopodiché, basta scegliere il modello ‘Modulo di accesso utente’ per iniziare a creare il modulo di accesso utente.

Questo lancerà il template nel builder, dove si noterà un’anteprima del modulo sulla destra e una colonna di campi disponibili sulla sinistra.

A questo punto, è sufficiente trascinare e rilasciare i campi dalla colonna di sinistra per creare il modulo di accesso. Per maggiori dettagli, consultate la nostra guida su come creare una pagina di login personalizzata per WordPress.

Una volta soddisfatti delle impostazioni, è sufficiente fare clic sul pulsante “Salva” per memorizzare le modifiche.

Aggiungere un modulo di accesso a una pagina o a un post

Ora, per aggiungere il modulo di accesso a una pagina o a un post, aprite la pagina o il post di vostra scelta nell’editor di blocchi di WordPress dall’area di amministrazione.

Una volta lì, fare clic sul pulsante ‘+’ per aprire il menu dei blocchi e aggiungere il blocco WPForms.

Successivamente, scegliere il modulo di accesso creato dal menu a discesa del blocco stesso.

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per memorizzare le impostazioni.

Aggiungere il modulo di accesso alla barra laterale del sito web

Se volete aggiungere il modulo di login alla barra laterale del vostro sito web, visitate la pagina Aspetto ” Widget dalla dashboard di WordPress.

Qui, fare clic sul pulsante “+” nell’angolo superiore sinistro dello schermo per aprire il menu di blocco.

Da qui, è necessario trovare e aggiungere il blocco WPForms alla barra laterale.

Una volta fatto ciò, scegliere il modulo di login dal menu a discesa del blocco stesso.

Infine, fate clic sul pulsante “Aggiorna” per memorizzare le impostazioni. Per maggiori dettagli, consultate la nostra guida su come aggiungere un modulo di login nella barra laterale di WordPress.

Ora è possibile visitare il sito WordPress per visualizzare il modulo di accesso nella barra laterale.

Aggiungere un modulo di accesso nell’editor completo del sito

Se si utilizza un tema a blocchi, non sarà possibile aggiungere il proprio login alla barra laterale del sito con il metodo sopra descritto.

Per aggiungere un modulo di accesso in FSE, visitare la pagina Aspetto ” Editor dalla dashboard di WordPress.

In questo modo si avvia FSE, dove si deve fare clic sul pulsante ‘+’ per aprire il menu di blocco.

Da qui, individuare e aggiungere il blocco WPForms in qualsiasi punto del sito web.

Successivamente, scegliere il modulo di accesso creato dal menu a discesa del blocco stesso.

Infine, fare clic sul pulsante “Salva” per memorizzare le impostazioni.

Suggerimento bonus: Per personalizzare ulteriormente il vostro modulo di accesso, potete consultare il nostro tutorial su come modellare i moduli di WordPress.

Metodo 2: Aggiungere una pagina di accesso front-end in WordPress con SeedProd

SeedProd è il miglior page builder drag-and-drop per WordPress sul mercato, utilizzato da oltre 1 milione di siti web.

Permette di creare una pagina di login completamente personalizzata, che può adattarsi al design del vostro sito web attuale o essere qualcosa di unico.

È molto facile da usare per i principianti e viene fornito con una tonnellata di modelli di pagine di accesso dal design professionale che potete usare per costruire la vostra pagina di accesso.

Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, visitate la schermata SeedProd ” Pagine di destinazione dalla barra laterale dell’amministrazione di WordPress e selezionate l’opzione “Pagina di accesso” facendo clic sul pulsante “Imposta una pagina di accesso”.

In questo modo si accede alla schermata “Modelli”, dove è possibile scegliere un modello e utilizzare il costruttore drag-and-drop per personalizzare la pagina.

Utilizzando un template vuoto, si può anche progettare da zero una pagina di accesso frontend personalizzata.

Dopo aver selezionato un modello di vostra scelta, vi verrà chiesto di inserire un nome di pagina. SeedProd utilizzerà il nome della pagina come URL per la pagina di destinazione del modulo di accesso.

Una volta fatto ciò, fare clic sul pulsante “Salva e inizia a modificare la pagina” per continuare.

In questo modo si avvierà il costruttore drag-and-drop di SeedProd, dove si vedrà un’anteprima della pagina di login sulla destra e i campi disponibili sulla sinistra.

Da qui è possibile aggiungere qualsiasi blocco alla pagina, semplicemente trascinandolo dal menu di sinistra e posizionandolo dove si desidera.

Per maggiori dettagli, consultate la nostra guida su come creare una pagina di login personalizzata per WordPress.

Una volta terminata la progettazione della pagina, non dimenticate di fare clic sul pulsante “Pubblica” nel menu a discesa in alto per salvare le impostazioni.

Metodo 3: Aggiungere una pagina di accesso front-end e dei widget in WordPress con il tema Il mio accesso

Se si desidera aggiungere al proprio sito una pagina di accesso front-end molto semplice, è possibile utilizzare il plugin gratuito Theme My Login.

Per prima cosa, è necessario installare e attivare il plugin. Per maggiori dettagli, consultate la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, il plugin creerà automaticamente le pagine per il login, il logout, la dimenticanza della password e la registrazione.

È possibile accedere alla pagina Tema Il mio login ” Generale dal menu di amministrazione e visualizzare le impostazioni del plugin.

Innanzitutto, è possibile impostare il tipo di accesso. L’impostazione ‘Default’ è la più sicura, poiché richiede un’e-mail e una password per accedere.

Successivamente, è possibile scegliere le impostazioni di registrazione. Abbiamo mantenuto le impostazioni predefinite, in quanto richiedono sia l’e-mail che la password per l’accesso.

È inoltre possibile selezionare la casella “Password” per consentire agli utenti di creare le proprie password e la casella “Login automatico”, che consente di accedere automaticamente agli utenti dopo la loro registrazione.

Successivamente, è possibile modificare gli URL di accesso e registrazione nelle impostazioni di ‘Slugs’.

Questi creano automaticamente dei reindirizzamenti. Quindi, l’URL di accesso standard “yoursite.com/wp-admin” sarà reindirizzato a “yoursite.com/login”.

È possibile mantenere questi URL invariati o modificarli.

Una volta terminate le modifiche, fare clic sul pulsante “Salva modifiche”.

Non è possibile aggiungere funzionalità più avanzate a meno che non si effettui l’aggiornamento per utilizzare le loro estensioni premium.

Tuttavia, è una buona soluzione per gli utenti con un budget limitato che vogliono creare una semplice pagina di login front-end.

Aggiungere il modulo di accesso a una pagina/post

Ora, per aggiungere il modulo di accesso creato da Theme My Login, aprire una pagina/post nell’editor di blocchi di WordPress.

Da qui, fare clic sul pulsante ‘+’ per aprire il menu dei blocchi e aggiungere il blocco Shortcode alla pagina.

Successivamente, aggiungere il seguente shortcode nel blocco:

[tema-mio-login]

Infine, fare clic sul pulsante “Aggiorna” o “Pubblica” per memorizzare le impostazioni.

Ora, visitate il vostro sito web per visualizzare il modulo di accesso.

Aggiungere il modulo di accesso a un’area widget

È inoltre possibile aggiungere un modulo di accesso alle aree widget di WordPress utilizzando il blocco Theme My Login.

È sufficiente navigare nella pagina Aspetto ” Widget e aprire il menu a blocchi facendo clic sul pulsante ‘+’.

Da qui, è necessario trovare e aggiungere il blocco Theme My Login all’area widget di vostra scelta.

Quindi, scegliere il modulo che si desidera aggiungere dal menu a discesa del blocco stesso.

Infine, fare clic sul pulsante “Aggiorna” per memorizzare le impostazioni. Ora, visitate il vostro sito WordPress per visualizzare il modulo di accesso nell’area widget.

Bonus: Aggiungere CAPTCHA nel modulo di accesso di WordPress

Una volta aggiunto un modulo di accesso personalizzato, è una buona idea aggiungervi CAPTCHA, perché questa pagina è spesso un bersaglio di hacker e spammer.

L’aggiunta di CAPTCHA può bloccare gli spambot e proteggere il vostro sito web. È possibile farlo facilmente con WPForms.

Dopo l’attivazione del plugin, è sufficiente visitare la pagina WPForms ” Impostazioni dalla dashboard di WordPress e passare alla scheda ‘CAPTCHA’.

Successivamente, selezionare l’opzione “reCAPTCHA” come tipo di CAPTCHA.

Una volta fatto ciò, è necessario visitare il sito web di Google reCAPTCHA per creare una chiave del sito e una chiave segreta. Queste chiavi vi aiuteranno a integrare reCAPTCHA sul vostro sito WordPress.

Dopo aver aggiunto queste chiavi, è sufficiente modificare il modulo WordPress creato in precedenza e passare alla scheda “Impostazioni”.

Quindi, selezionare l’opzione “Protezione antispam e sicurezza” e attivare l’interruttore “Abilita Google v3 reCAPTCHA”. Quindi, fare clic sul pulsante “Salva” per memorizzare le impostazioni.

Ora avete aggiunto con successo il CAPTCHA al vostro modulo di accesso di WordPress e lo avete reso completamente sicuro. Per istruzioni più dettagliate, potete consultare il nostro tutorial su come aggiungere CAPTCHA ai moduli di login e registrazione di WordPress.

Speriamo che questo articolo vi abbia aiutato ad aggiungere una pagina di accesso frontend e widget in WordPress. Potreste anche voler consultare la nostra selezione dei migliori plugin per pagine di accesso a WordPress e la nostra guida su come add-on un URL personalizzato in WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.