Come personalizzare la pagina di reimpostazione della password di WordPress

Immaginate un utente che cerca di reimpostare la propria password sul vostro sito WordPress e che viene accolto da un modulo generico che non assomiglia per nulla al vostro sito web dal design accattivante. Questo può confondere i visitatori, soprattutto se avete un sito in cui le persone diventano membri o si accedono spesso.

Nel corso degli anni abbiamo lavorato con molti siti web. Abbiamo visto come l’aspetto della pagina di reimpostazione della password sia simile a quello del resto del sito, aiutando gli utenti e facendoli sentire più a loro agio quando devono cambiare la password.

In questo articolo vi mostreremo come modificare l’aspetto della pagina di WordPress dedicata alla reimposta della password, creando un’esperienza coerente e visivamente accattivante che rassicuri gli utenti.

Perché personalizzare la pagina di reimpostazione della password in WordPress?

Il vostro sito web WordPress è dotato di un potente sistema di gestione degli utenti che consente alle persone di creare un account utente, accedere e reimpostare la password.

Queste pagine mostrano il marchio e il logo di WordPress per impostazione predefinita. A volte questo non è un problema grave, soprattutto se voi o il vostro team siete le uniche persone che accedono all’area di amministrazione.

Tuttavia, se gestite un negozio di e-commerce o un sito associativo, anche i vostri clienti potrebbero dover effettuare il login.

È possibile offrire un’esperienza utente molto migliore personalizzando queste pagine in corrispondenza del design e del brand del sito web. Se volete, potete anche aggiungere contenuti extra, come il vostro logo o un elenco di articoli recenti.

Forse avete già seguito le nostre altre guide su come aggiungere un modulo di registrazione utente e una pagina di login personalizzati.

Vediamo ora come personalizzare la pagina di reimpostazione della password. Utilizzate i collegamenti rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Metodo 1: personalizzazione della pagina di reimpostazione della password con Formidable Forms (facile)

Il modo più semplice per sostituire la pagina di reimpostazione della password di WordPress è utilizzare Formidable Forms. Questo plugin consente di sostituire la pagina predefinita di reimpostazione della password utilizzando uno shortcode.

Questo metodo non consente di modificare il modulo di reimpostazione della password, ma è possibile aggiungere il proprio contenuto intorno ad esso. Ad esempio, è possibile aggiungere testo, immagini e altri contenuti utilizzando l’editor di post standard di WordPress.

Per prima cosa, è necessario installare il plugin Formidable Forms. Per approfondire, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario installare anche Formidable Forms Lite. Questo plugin gratuito fornisce le basi per le funzioni più avanzate del plugin premium.

Una volta fatto ciò, andate alla pagina Formidable Forms ” Impostazioni globali nella vostra Bacheca e selezionate “Clicca per inserire manualmente una chiave della licenza”.

La chiave di licenza si trova nel proprio account sul sito web di Formidable Forms. Dopo aver inserito queste informazioni, fare clic sul pulsante “Salva licenza”.

Successivamente, è necessario installare l’add-on Registrazione utente andando su Formidable ” Add-on. In questo schermo, trovare l’add-on Registrazione utente e fare clic sul pulsante “Installa”.

Ora siete pronti a creare una pagina di reimpostazione della password personalizzata andando su Pagine ” Aggiungi nuovo.

Per iniziare, dare un titolo alla pagina e poi fare clic sul pulsante +. Nel popup che appare, iniziare a digitare “Shortcode”.

È sufficiente fare clic sul blocco giusto per aggiungerlo alla pagina.

Ora è possibile aggiungere il seguente shortcode: [frm-reset-password].

A questo punto, è possibile aggiungere qualsiasi altro contenuto che si desidera mostrare nella pagina di reimpostazione della password.

Quando si è soddisfatti del layout della pagina, fare clic sul pulsante “Pubblica” per renderla attiva.

Infine, è necessario indicare a WordPress di utilizzare questa pagina anziché quella predefinita per la reimpostazione della password. Per farlo, head a Formidable ” Impostazioni globali e fare clic sulla scheda “Registrazione” nel menu.

Da qui, aprire il menu a tendina “Reset Password Page” e scegliere la pagina appena creata.

Non dimenticate di fare clic sul pulsante “Aggiorna” nella parte superiore dello schermo per memorizzare le impostazioni.

Ora potete visitare il vostro sito web WordPress per vedere la pagina di reimpostazione personalizzata della password in azione.

Metodo 2: Personalizzare tutte le pagine degli iscritti usando “Tema Il mio login” (gratuito)

Per offrire all’utente un’esperienza coerente, è bene utilizzare lo stesso stile su tutte le pagine di iscrizione. Theme My Login è un plugin gratuito che consente di sostituire le pagine della dashboard di WordPress, di login, di logout, di registrazione, di password dimenticata e di reset della password.

Non è la soluzione più personalizzabile, ma tutte le sue pagine utilizzeranno il vostro tema WordPress.

La prima cosa da fare è installare e attivare il plugin Theme My Login. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Al momento dell’attivazione, Theme My Login crea automaticamente gli URL per gli schermi personalizzati di accesso, logout, registrazione, password persa e reimposta. È possibile vedere questi URL accedendo alla pagina Tema My Login ” Generale.

Per sostituire una qualsiasi di queste pagine, è sufficiente creare una nuova pagina con questo esatto URL.

Per creare una pagina personalizzata di WordPress per la reimposta della password, andare su Pagina ” Aggiungi nuovo. Qui, fate clic sull’icona “+” e iniziate a digitare “Shortcode”.

Quando appare il blocco giusto, fare clic su di esso per aggiungerlo alla pagina.

All’interno del blocco, aggiungere il seguente shortcode:

[theme-my-login action="lostpassword"]

A questo punto è possibile aggiungere qualsiasi contenuto extra che si desidera visualizzare nella pagina di reimpostazione della password, come ad esempio il proprio logo. Quando siete soddisfatti di come è impostata la pagina, fate clic su “Salva bozza”.

Successivamente, andare su Pagine ” Tutte le pagine e trovare la pagina di reimpostazione della password appena creata.

È sufficiente passare il mouse sulla pagina e fare clic sul pulsante “Modifica rapida” quando appare.

Nel campo “Slug”, digitate “lostpassword”.

Quindi, aprire il menu a tendina “Stato” e selezionare “Pubblicato”.

Fatto questo, andate avanti e fate clic su “Aggiorna”. Ora, se visitate il vostro blog WordPress, vedrete la pagina della password persa in diretta.

Per sostituire le altre pagine di iscrizione integrate in WordPress, è sufficiente seguire i passaggi descritti sopra, ma assicurarsi di utilizzare lo slug URL e lo shortcode giusti.

Ad esempio, se si volesse creare una pagina personalizzata per la reimpostazione della password, si dovrebbe utilizzare lo shortcode [theme-my-login action="resetpass"]. Si dovrà anche cambiare lo “slug URL” in resetpassword.

Metodo 3: Creare una pagina di reimpostazione della password con WPForms (completamente personalizzabile)

Se si desidera sostituire la pagina predefinita di reimpostazione della password con un modulo completamente personalizzato, si consiglia di utilizzare WPForms.

Questo plugin ha un modello di “Modulo di reimpostazione della password utente” che potete personalizzare con testo, immagini e marchio. È anche possibile aggiungere e rimuovere campi per raccogliere esattamente le informazioni desiderate dai membri.

La prima cosa da fare è installare e attivare il plugin WPForms. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, andate su WPForms ” Impostazioni e inserite la vostra chiave di licenza. Potete trovare queste informazioni nel vostro account sul sito web di WPForms.

Dopo aver inserito la chiave di licenza, è necessario installare l’addon User Registration, che consente di creare moduli personalizzati per la registrazione degli utenti, la reimpostazione della password e l’accesso al sito.

Nella dashboard, andare su WPForms ” Addons e trovare l’addon Registrazione utente.

È sufficiente fare clic su “Installa addon” per scaricarlo e poi su “Attiva” per renderlo operativo.

Ora siete pronti a creare il vostro modulo personalizzato per la reimpostazione della password andando alla pagina WPForms ” Aggiungi nuovo. Qui, digitate un titolo per il nuovo modulo.

A questo punto, scorrere fino al modello “Modulo di reimpostazione della password utente” e fare clic sul pulsante “Usa modello”.

WPForms caricherà ora il modello di modulo per la reimpostazione della password utente.

Per personalizzare qualsiasi campo con un testo, un’etichetta o una descrizione propri, è sufficiente fare clic su di esso per selezionarlo e quindi utilizzare le impostazioni nel menu di sinistra.

Ad esempio, il modello ha un pulsante “Invia”. Per mostrare un’etichetta diversa, è sufficiente fare clic per selezionare il campo e poi digitare un nuovo messaggio in “Testo pulsante Invia”.

È inoltre possibile modificare ciò che accade quando un utente invia la richiesta di reimpostazione della password andando su Impostazioni ” Conferme.

Qui, aprite il menu a tendina “Tipo di conferma” e scegliete se reindirizzare l’utente a una pagina o a un URL diverso o se mostrare semplicemente un messaggio che chiede di controllare la posta in arrivo per un’e-mail di reimpostazione della password.

È anche possibile personalizzare il messaggio digitandolo nel piccolo editor di testo. Ad esempio, si può ricordare agli utenti di controllare le loro cartelle di spam.

Quando si è soddisfatti della configurazione del modulo, fare clic sul pulsante “Salva” nell’angolo in alto a destra dello schermo.

Per sostituire la pagina predefinita di WordPress per la reimpostazione della password, creare una pagina con lo slug “una password”. Quindi, aggiungere il modulo a tale pagina.

Il modo più semplice per farlo è fare clic sul pulsante “Incorpora” nell’editor di WPForms e selezionare “Crea nuova pagina”.

Ora, digitate un titolo per la nuova pagina. Lo slug verrà modificato in una fase successiva, quindi è possibile utilizzare qualsiasi cosa si desideri.

Fatto questo, cliccate su “Let’s Go”.

Si accede così all’editor di pagine di WordPress, dove il modulo è già stato aggiunto alla nuova pagina. Ora è possibile apportare qualsiasi modifica a questa pagina, ad esempio aggiungere altro testo, un logo personalizzato o categorie e tag.

Quando si è soddisfatti dell’aspetto della pagina, fare clic sul pulsante “Salva bozza”.

Successivamente, andare su Pagine ” Tutte le pagine e trovare la pagina di reimpostazione della password appena creata.

Qui, fare clic sul pulsante “Modifica rapida”.

Nel campo “Slug”, digitate “lostpassword”.

Quindi, aprire il menu a tendina “Stato” e selezionare “Pubblicato”.

A questo punto, è necessario reindirizzare i visitatori alla pagina di reimpostazione della password personalizzata anziché alla pagina integrata di WordPress. Il modo più semplice per farlo è utilizzare il plugin gratuito WPCode.

WPCode è il miglior plugin per gli snippet di codice utilizzato da oltre 2 milioni di siti web WordPress. Consente di aggiungere facilmente codice personalizzato in WordPress senza dover modificare il file functions.php.

Con WPCode, anche i principianti possono modificare il codice del loro sito web senza rischiare errori e refusi che possono causare molti errori comuni di WordPress.

La prima cosa da fare è installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, andare su Code Snippets ” Add Snippet.

Qui troverete degli snippet già pronti che vi permetteranno di caricare altri tipi di file su WordPress, di disabilitare le pagine degli allegati, di disabilitare completamente i commenti e altro ancora.

È sufficiente passare il mouse su “Aggiungi il tuo codice personalizzato” e cliccare su “Usa snippet” quando appare.

Per iniziare, digitate un titolo per lo snippet di codice personalizzato. Può essere qualsiasi cosa che aiuti a identificare lo snippet nella dashboard di WordPress.

Quindi, aprire il menu a tendina “Tipo di codice” e selezionare “Snippet PHP”.

Nell’editor di codice, aggiungere il seguente frammento di codice:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

Quindi, scorrere fino alla sezione “Inserimento”. WPCode può aggiungere codice in diverse posizioni, ad esempio dopo ogni post, solo nel frontend o solo per gli amministratori.

Per utilizzare il codice PHP personalizzato in tutto il sito web, blog o negozio WooCommerce, fare clic su “Inserisci automaticamente” se non è già selezionato. Quindi, aprire il menu a discesa “Posizione” e scegliere “Esegui ovunque”.

A questo punto si può scorrere fino alla parte superiore dello schermo e fare clic sulla levetta “Inattivo” per modificarla in “Attivo”.

Infine, fare clic su “Salva snippet” per rendere attivo lo snippet PHP.

Ora, provate a visitare la schermata di accesso a WordPress.

Se si fa clic sul link “Hai perso la password?”, si viene reindirizzati alla pagina di reimpostazione personalizzata della password appena creata.

A seconda di come è impostato il vostro sito, potrebbe essere necessario aggiornare i link per la reimpostazione della password su altre pagine.

Se avete creato una pagina di login personalizzata per WordPress utilizzando un plugin come WPForms, vi consigliamo di aggiungere il link per la reimpostazione della password a questo modulo.

Guide di esperti sulla personalizzazione delle pagine di WordPress

Speriamo che questo tutorial vi abbia aiutato a imparare a personalizzare la pagina di reimposta della password di WordPress. Potreste anche voler vedere alcuni tutorial su come migliorare la sicurezza dell’accesso a WordPress:

• Come creare una pagina di accesso personalizzata per WordPress (guida definitiva)
• Come e perché limitare i tentativi di accesso in WordPress
• Come aggiungere domande di sicurezza alla schermata di accesso di WordPress
• Come aggiungere un URL di accesso personalizzato in WordPress (passo dopo passo)
• Suggerimenti utili per proteggere l’area amministrativa di WordPress

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