Come personalizzare la pagina di reimpostazione della password di WordPress

Volete creare una pagina personalizzata per la reimpostazione della password in WordPress?

Il modulo predefinito di WordPress per la reimposta della password ha il brand standard di WordPress.org e non cambia in corrispondenza del vostro tema. Non è un’esperienza ottimale, soprattutto se gestite un sito di membri o un portale clienti.

In questo articolo vi mostreremo come personalizzare facilmente la pagina di reimposta della password per gli utenti di WordPress.

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.

Per impostazione predefinita, queste pagine mostrano il marchio e il logo di WordPress. 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 l’accesso.

È 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. Ora vediamo come personalizzare la pagina di reimpostazione della password. Utilizzate semplicemente 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 della configurazione 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, andate su Formidable ” Impostazioni globali e poi fate clic sulla scheda “Registrazione” nel menu.

Da qui, basta 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, 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.

Suggerimento: se le vostre e-mail vengono regolarmente inviate allo spam, vi consigliamo di utilizzare un provider di servizi SMTP per migliorare i tassi di recapito delle vostre e-mail.

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, è necessario creare una pagina con lo slug “onepassword”. È quindi possibile aggiungere il modulo a tale pagina.

Il modo più semplice per farlo è fare clic sul pulsante “Incorpora” nell’editor di WPForms. Quindi, selezionate “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, con il modulo già aggiunto alla nuova pagina. Ora è possibile apportare qualsiasi modifica alla pagina, come l’aggiunta di altro testo, di un logo personalizzato o di 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, siete pronti a scorrere fino alla parte superiore dello schermo e a fare clic sulla levetta “Inattivo” in modo che diventi “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

Ora che sapete come personalizzare la pagina di WordPress per la reimposta della password, potreste voler vedere alcuni tutorial di WordPress sulla personalizzazione di altre pagine.

• Come creare una pagina di accesso personalizzata per WordPress (guida definitiva)
• Come personalizzare una pagina protetta da password in WordPress
• I migliori plugin per la protezione dei contenuti di WordPress (scelta dell’esperto)
• Come personalizzare la pagina dei risultati di ricerca in WordPress
• Come aggiungere una pagina personalizzata per il profilo dell’autore sul vostro sito WordPress
• Cosa fare quando si è bloccati fuori dall’amministrazione di WordPress (wp-admin)
• Come creare una pagina iniziale personalizzata in WordPress
• Come creare una pagina separata per i post del blog in WordPress
• Suggerimenti utili per proteggere l’area amministrativa di WordPress
• Come migliorare il modello di pagina 404 in WordPress

Speriamo che questo tutorial vi abbia aiutato a imparare come personalizzare la pagina di reimpostazione della password di WordPress. Potreste anche voler imparare a creare un indirizzo e-mail aziendale gratuito o consultare il nostro elenco di plugin indispensabili per far crescere il vostro sito.

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