Come personalizzare la pagina di reimpostazione password di WordPress

Le prime impressioni contano, anche sulla tua pagina di reimpostazione della password. ✨

Testando le opzioni di personalizzazione di WordPress, abbiamo scoperto che una pagina di reimpostazione della password ben progettata può migliorare l'aspetto professionale del tuo sito e potenziare l'esperienza utente.

Abbiamo dedicato del tempo a testare vari metodi per personalizzare la pagina di reimpostazione di WordPress nei nostri ambienti demo, confrontando diversi approcci per trovare le soluzioni più pratiche.

Questa ricerca ha rivelato diversi modi efficaci per personalizzare e migliorare questa parte del tuo sito, spesso trascurata.

In questa guida, condivideremo i metodi più affidabili che abbiamo scoperto per personalizzare la tua pagina di reimpostazione della password di WordPress.

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

Il motivo principale per personalizzare la tua pagina per password dimenticata è fornire un'esperienza utente migliore e più professionale.

Questo è particolarmente importante se gestisci un negozio eCommerce o un sito di appartenenza in cui i clienti interagiscono direttamente con queste pagine.

Per impostazione predefinita, WordPress visualizza il proprio logo e marchio. Sebbene questo vada bene per un sito in cui solo tu e il tuo team accedete, può sembrare poco professionale per i clienti e interrompere la coerenza del design del tuo sito.

La creazione di una pagina personalizzata ti consente di sostituire il marchio predefinito con il tuo. Puoi abbinare il design del tuo sito web, aggiungere il tuo logo e persino includere contenuti aggiuntivi utili per creare maggiore fiducia con i tuoi utenti.

Potresti aver già seguito le nostre altre guide su come aggiungere un modulo di registrazione utente personalizzato e una pagina di accesso.

Ora, diamo un'occhiata a come personalizzare la pagina di reimpostazione della password. Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare:

1. Customizing the Reset Password Page Using Formidable Forms (Easy)
2. Customize All Membership Pages Using 'Theme My Login'
3. Create a Password Reset Page Using WPForms (Completely Customizable)
4. Guide esperte sulla personalizzazione delle pagine di WordPress

Metodo 1: Personalizzare la pagina di reimpostazione della password utilizzando Formidable Forms (Facile)

Il modo più semplice per sostituire la pagina di reimpostazione della password di WordPress è utilizzare Formidable Forms. Durante i test, abbiamo scoperto che ti consente di sostituire la pagina di reimpostazione della password predefinita utilizzando uno shortcode.

Tieni presente che questo metodo non ti consente di modificare il modulo di reimpostazione della password, ma puoi aggiungere i tuoi contenuti attorno ad esso. Ad esempio, puoi aggiungere testo, immagini e altri contenuti utilizzando l'editor di post standard di WordPress.

Per saperne di più, consulta la nostra recensione di Formidable Forms.

Passaggio 1: Installa Formidable Forms e l'addon

Innanzitutto, devi installare la versione gratuita del plugin. Nella tua bacheca di WordPress, vai su Plugin » Aggiungi nuovo e cerca 'Formidable Forms'. Installa e attiva il plugin.

Per sbloccare le funzionalità di registrazione utente, avrai bisogno della versione premium. Dopo averla acquistata, puoi installare il plugin premium Formidable Forms.

Per saperne di più, consulta la nostra guida passo passo su come installare un plugin WordPress.

Una volta fatto ciò, vai alla pagina Formidable Forms » Impostazioni globali nella tua dashboard e seleziona 'Fai clic per inserire manualmente una chiave di licenza'.

Puoi trovare la chiave di licenza nel tuo account sul sito web di Formidable Forms. Dopo aver inserito queste informazioni, procedi e fai clic sul pulsante 'Salva licenza'.

Successivamente, devi installare l'addon User Registration andando su Formidable » Add-Ons. In questa schermata, trova l'addon User Registration e fai clic sul suo pulsante 'Installa'.

Passaggio 2: Crea la Pagina Personalizzata

Ora sei pronto per creare una pagina personalizzata di reimpostazione della password andando su Pagine » Aggiungi nuova.

Per iniziare, assegna un titolo alla pagina e quindi fai clic sul pulsante +. Nel popup che appare, inizia a digitare 'Shortcode'.

Fai semplicemente clic sul blocco destro per aggiungerlo alla pagina.

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

A questo punto, puoi aggiungere qualsiasi altro contenuto che desideri mostrare sulla pagina di reimpostazione della password.

Passaggio 3: Pubblica e Configura la Pagina

Quando sei soddisfatto del layout della pagina, fai clic sul pulsante 'Pubblica' per renderla attiva.

Infine, devi indicare a WordPress di utilizzare questa pagina anziché la pagina predefinita di reimpostazione della password. Per farlo, vai su Formidable » Impostazioni globali e fai clic sulla scheda 'Registrazione' nel menu.

Da qui, apri il menu a discesa 'Pagina di reimpostazione password' e scegli la pagina che hai appena creato.

Non dimenticare di fare clic sul pulsante 'Aggiorna' in cima alla schermata per salvare le impostazioni.

Ora puoi visitare il tuo sito web WordPress per vedere la pagina di reimpostazione password personalizzata in azione.

Metodo 2: Personalizza tutte le pagine di appartenenza utilizzando 'Theme My Login' (Gratuito)

Per offrire un'esperienza utente coerente, è una buona idea utilizzare lo stesso stile su tutte le tue pagine di appartenenza. Theme My Login è un plugin gratuito che ti consente di sostituire le pagine integrate di WordPress per la dashboard, l'accesso, la disconnessione, la registrazione, la dimenticanza della password e la reimpostazione della password.

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

Passaggio 1: Installa il Plugin

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

Dopo l'attivazione, Theme My Login crea automaticamente URL per le tue schermate di accesso, disconnessione, registrazione, recupero password e reimpostazione password personalizzate. Puoi visualizzare questi URL andando alla pagina Theme My Login » Generale.

Per sostituire una di queste pagine, devi semplicemente creare una nuova pagina con questo URL esatto.

Passaggio 2: Crea una Nuova Pagina e Aggiungi Shortcode

Per creare una pagina di reimpostazione password personalizzata di WordPress, vai su Pagina » Aggiungi Nuova. Qui, fai clic sull'icona '+' e inizia a digitare 'Shortcode'.

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

All'interno del blocco, aggiungi il seguente shortcode:

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

Ora puoi aggiungere qualsiasi contenuto extra che desideri mostrare nella pagina di reimpostazione della password, come il tuo logo.

Passaggio 3: Salva e Modifica Rapida della Pagina

Quando sei soddisfatto di come è impostata la pagina, fai clic su 'Salva bozza'.

Successivamente, vai su Pagine » Tutte le Pagine e trova la pagina di reimpostazione password che hai appena creato.

Semplicemente passa il mouse sopra la pagina e fai clic sul pulsante 'Modifica rapida' quando appare.

Passaggio 4: Imposta lo Slug e Pubblica

Nel campo 'Slug', digita 'lostpassword'.

Successivamente, apri il menu a discesa 'Stato' e seleziona 'Pubblicato'.

Fatto ciò, procedi e fai clic su 'Aggiorna'. Ora, se visiti il tuo blog WordPress, vedrai la pagina di recupero password attiva.

Per sostituire le altre pagine di appartenenza integrate di WordPress, puoi seguire lo stesso processo. Assicurati solo di utilizzare lo slug dell'URL e lo shortcode corretti per ogni pagina:

• Pagina di accesso: Usa lo slug login e lo shortcode [theme-my-login].
• Pagina di logout: Usa lo slug logout e lo shortcode [theme-my-login action="logout"].
• Pagina di registrazione: Usa lo slug register e lo shortcode [theme-my-login action="register"].
• Pagina di reimpostazione password: Usa lo slug resetpass e lo shortcode [theme-my-login action="resetpass"].

Metodo 3: Crea una pagina di reimpostazione password utilizzando WPForms (Completamente personalizzabile)

Se desideri sostituire la pagina predefinita di reimpostazione della password con un modulo completamente personalizzato, ti consigliamo di utilizzare WPForms.

Questo plugin ha un modello di 'Modulo di reimpostazione password utente' che puoi personalizzare con il tuo testo, immagini e branding. Puoi persino aggiungere e rimuovere campi per raccogliere esattamente le informazioni che desideri dai membri.

Su WPBeginner, lo abbiamo utilizzato per creare i nostri sondaggi annuali e il modulo di contatto e lo abbiamo trovato estremamente facile da usare per i principianti. Per maggiori dettagli, consulta la nostra recensione di WPForms.

Passaggio 1: Installa WPForms e Addon

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

Dopo l'attivazione, vai su WPForms » Impostazioni e inserisci la tua chiave di licenza. Puoi trovare queste informazioni nel tuo account sul sito web di WPForms.

Dopo aver inserito la chiave di licenza, dovrai installare l'addon User Registration, che ti consente di creare moduli personalizzati di registrazione utente, reimpostazione password e accesso per il tuo sito.

Nella dashboard, vai su WPForms » Addons e trova l'User Registration Addon.

Fai semplicemente clic su 'Installa Addon' per scaricarlo, quindi fai clic su 'Attiva' per renderlo attivo.

Passaggio 2: Crea il Modulo da un Modello

Ora sei pronto per creare il tuo modulo personalizzato di reimpostazione password andando alla pagina WPForms » Aggiungi Nuovo. Qui, digita un titolo per il nuovo modulo.

Fatto ciò, scorri fino al modello 'Modulo di reimpostazione password utente' e fai clic sul pulsante 'Usa modello'.

WPForms caricherà ora il modello del modulo di reimpostazione password utente.

Per personalizzare qualsiasi campo con il tuo testo, etichetta o descrizione, fai semplicemente clic per selezionarlo e quindi utilizza le impostazioni nel menu a sinistra.

Ad esempio, il modello ha un pulsante 'Invia'. Per mostrare un'etichetta del pulsante diversa, fai semplicemente clic per selezionare il campo e quindi digita un nuovo messaggio in 'Testo pulsante di invio'.

Puoi anche cambiare cosa succede quando un utente invia la sua richiesta di reimpostazione password andando su Impostazioni » Conferme.

Qui, apri il menu a discesa ‘Tipo di conferma’ e scegli se reindirizzare l'utente a una pagina o URL diverso o semplicemente mostrare un messaggio che chiede di controllare la casella di posta per un'e-mail di reimpostazione della password.

Puoi anche personalizzare il messaggio digitandolo nel piccolo editor di testo. Ad esempio, potresti ricordare agli utenti di controllare le loro cartelle spam.

Quando sei soddisfatto di come è impostato il modulo, fai clic sul pulsante ‘Salva’ nell'angolo in alto a destra dello schermo.

Passaggio 3: Incorpora il Modulo in una Nuova Pagina

Per sostituire la pagina predefinita di reimpostazione della password di WordPress, crea una pagina con lo slug ‘one password.’ Quindi, aggiungi il modulo a quella pagina.

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

Ora, digita un titolo per la nuova pagina. Modificherai lo slug in un passaggio successivo, quindi puoi usare quello che vuoi.

Fatto ciò, fai clic su ‘Iniziamo.’

Questo ti porta all'editor di pagine di WordPress, dove il modulo è già stato aggiunto alla nuova pagina. Ora puoi apportare qualsiasi modifica a questa pagina, come aggiungere altro testo, un logo personalizzato o categorie e tag.

Quando sei soddisfatto di come appare la pagina, fai clic sul pulsante ‘Salva bozza.’

Passaggio 4: Imposta lo Slug e Pubblica

Dopodiché, vai su Pagine » Tutte le pagine e trova la pagina di reimpostazione della password che hai appena creato.

Qui, fai clic sul pulsante ‘Modifica rapida.’

Nel campo 'Slug', digita 'lostpassword'.

Successivamente, apri il menu a discesa 'Stato' e seleziona 'Pubblicato'.

Fase 5: Installa e attiva WPCode

Ora devi assicurarti che il link predefinito 'Hai perso la password?' sul modulo di accesso di WordPress punti alla tua nuova pagina personalizzata. Il modo più semplice per farlo è utilizzare il plugin gratuito WPCode.

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

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

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

Fase 6: Crea un nuovo snippet

Dopo l'attivazione, vai su Snippet di codice » Aggiungi snippet.

Qui troverai snippet pronti all'uso che ti permettono di caricare tipi di file aggiuntivi su WordPress, disabilitare le pagine degli allegati, disabilitare completamente i commenti e altro ancora.

Semplicemente passa il mouse sopra ‘Aggiungi il tuo codice personalizzato’ e poi clicca su ‘Usa snippet’ quando appare.

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

Successivamente, apri il menu a discesa 'Tipo di codice' e seleziona 'Snippet PHP'.

Nell'editor di codice, aggiungi il seguente snippet di codice:

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

Successivamente, scorri fino alla sezione 'Inserimento'. WPCode può aggiungere codice in diverse posizioni, come dopo ogni post, solo frontend o solo admin.

Per utilizzare il codice PHP personalizzato su tutto il tuo sito web, blog o negozio WooCommerce, fai clic su 'Inserimento automatico' se non è già selezionato. Quindi, apri il menu a discesa 'Posizione' e scegli 'Esegui ovunque'.

Dopodiché, sei pronto per scorrere fino in cima alla schermata e fare clic sull'interruttore 'Inattivo' per cambiarlo in 'Attivo'.

Fase 7: Attiva lo snippet

Infine, fai clic su 'Salva snippet' per rendere attivo lo snippet PHP.

Ora, prova a visitare la schermata di accesso integrata di WordPress.

Se fai clic sul link 'Hai dimenticato la password?', verrai reindirizzato alla pagina personalizzata di reimpostazione della password che hai appena creato.

A seconda di come è configurato il tuo sito, potrebbe essere necessario aggiornare i link di reimpostazione della password su altre pagine.

Se hai creato una pagina di accesso personalizzata per WordPress utilizzando un plugin come WPForms, ti consigliamo anche di aggiungere il nuovo link di reimpostazione della password a questo modulo.

Guide esperte sulla personalizzazione delle pagine di WordPress

Speriamo che questo tutorial ti abbia aiutato a imparare come personalizzare la pagina di reimpostazione della password di WordPress. Potresti anche voler consultare alcuni tutorial su come migliorare la sicurezza di accesso di WordPress:

• Come creare una pagina di accesso personalizzata di WordPress (Guida definitiva)
• Come e perché limitare i tentativi di accesso in WordPress
• Suggerimenti vitali per proteggere la tua area di amministrazione di WordPress
• Come aggiungere domande di sicurezza alla schermata di accesso di WordPress
• Come aggiungere un URL di accesso personalizzato in WordPress (passo dopo passo)

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.