Come personalizzare il modulo di reimpostazione della password di WordPress

Volete personalizzare il modulo di reimpostazione della password di WordPress?

Che si tratti dell'aggiunta di CSS personalizzati o dell'installazione di diversi plugin, gli utenti di WordPress non sono estranei alla personalizzazione. È uno dei motivi per cui WordPress è così popolare.

Creando un modulo personalizzato per la reimpostazione della password, potete offrire un'esperienza utente più forte, personalizzando queste pagine utente in modo che si adattino al vostro tema WordPress, mostrino il vostro logo e offrano contenuti aggiuntivi.

In questo post, vi forniremo una guida passo passo per personalizzare il modulo di reimpostazione della password di WordPress.

Personalizzate ora il modulo di reimpostazione della password

Come faccio a reimpostare la password di WordPress?

È possibile reimpostare la password di WordPress utilizzando il link per la password persa di WordPress. Questo vi invierà un'e-mail con un link da cliccare per reimpostare la password.

Per migliorare l'esperienza dell'utente, un modulo di reimpostazione personalizzato consente di modificare l'aspetto e il contenuto delle notifiche via e-mail. Vi mostreremo come personalizzare il modulo di reimpostazione della password, inviare l'utente alla pagina dal modulo della password e consentirgli di reimpostare facilmente la propria password.

Come creare un modulo personalizzato per la reimpostazione della password in WordPress

Per creare un modulo personalizzato per la reimpostazione della password, è necessario abbonarsi alla versione Premium di WPForms. La licenza Pro include l'addon Registrazione utente, che consente di creare moduli personalizzati per la reimpostazione della password, la registrazione degli utenti e il login per il vostro sito WordPress.

Iniziamo!

1. Installare WPForms

Innanzitutto, scaricate e installate WPForms. Per questo tutorial, avrete bisogno della versione pro invece di WPForms Lite. Se avete bisogno di aiuto, consultate questa guida all'installazione dei plugin di WordPress.

Dopo aver installato il plugin, accedere al proprio account WPForms e fare clic sulla scheda Download.

Freccia che evidenzia la scheda dei download di WPForms

Questa è una pagina con tutte le licenze disponibili. Per scaricare il plugin, fare clic sul pulsante Scarica WPForms accanto alla licenza pro. Questo salverà un file zippato del plugin WPForms sul vostro computer.

Scaricare il pulsante WPForms

Dopo aver scaricato il file zip, recatevi sul vostro sito WordPress dove desiderate installare WPForms. Quindi, nella dashboard di amministrazione, fate clic su Plugin " Aggiungi nuovo e poi sul pulsante Carica plugin.

Pulsante di caricamento del plugin su WordPress

Da qui, fate clic sul pulsante Scegli file e selezionate il file zip di WPForms appena scaricato.

Freccia rossa rivolta verso il pulsante Scegli file

Dopo aver caricato il file, fare clic sul pulsante Installa ora.

Installare ora wpforms

Una volta installato il plugin, fate clic sul pulsante Attiva plugin per attivare WPForms sul vostro sito.

Freccia rossa che indica il pulsante "Attiva plugin".

Dopo aver attivato il plugin, ricordatevi di verificare la vostra chiave di licenza WPForms per ricevere gli aggiornamenti automatici e il supporto del plugin. L'aggiunta della chiave di licenza vi consentirà anche di installare e attivare facilmente i componenti aggiuntivi di WPForms dall'interno della vostra dashboard di WordPress.

2. Installare il componente aggiuntivo per la registrazione degli utenti

Ora installeremo l'addon necessario per creare i moduli di reimpostazione della password.

Nell'area di amministrazione di WordPress, andate su WPForms " Addons nel menu della barra laterale sinistra.

Componenti aggiuntivi di WPForms

Se non vengono visualizzati addon per il proprio livello di licenza, fare clic sul pulsante Aggiorna addon per forzare l'aggiornamento.

Una freccia rossa che punta al pulsante arancione "Aggiorna Addons".

Per cercare un componente aggiuntivo per la registrazione utente, digitarne il nome nel campo Cerca componenti aggiuntivi, situato nell'angolo superiore destro della pagina.

Una freccia che evidenzia il campo 'Cerca Addons' in WPForms

Una volta trovato, è sufficiente fare clic sul pulsante Installa addon.

Una freccia rossa che punta verso il pulsante di installazione del componente aggiuntivo

Questo installerà e attiverà automaticamente il componente aggiuntivo. Qualsiasi componente aggiuntivo installato e pronto all'uso mostrerà Stato: Attivo.

La freccia rossa indica che il plugin di registrazione dell'uso è attivo

3. Utilizzare il modello di modulo per la reimpostazione della password

Per creare il modulo di reimpostazione della password, andare su WPForms " Aggiungi nuovo. Cercate "Reset password" nella libreria dei modelli, quindi passate sopra l'opzione Modulo di reset password utente e fate clic su Usa modello.

Evidenziare il pulsante "Usa modello".

Una volta selezionato il modello, il modulo di reimpostazione della password verrà caricato sullo schermo.

Modulo di reimpostazione della password

È possibile personalizzare il modulo di reimpostazione della password aggiungendo tutti i campi desiderati. È anche possibile modificare il testo del pulsante di invio.

Nota: l'utente vedrà solo il campo Nome utente/Email durante la reimpostazione della password. Il campo Password apparirà solo quando l'utente farà clic sul link di reimpostazione nell'e-mail di reimpostazione della password, consentendogli di impostare la nuova password.

Non è una buona idea aggiungere o eliminare campi da questo modello, perché serve a uno scopo altamente specifico in modo ottimale.

Nel prossimo passo vedremo le impostazioni di reimpostazione dell'e-mail.

4. Configurare l'e-mail di reimpostazione della password

Per personalizzare l'e-mail di richiesta di reimpostazione della password, fare clic su Impostazioni nella barra laterale e poi sul menu Registrazione utente.

Impostazioni del modulo di reimpostazione della password

Qui è possibile personalizzare l'oggetto e il messaggio dell'e-mail di reset o utilizzare il messaggio predefinito così com'è.

Email di reimpostazione della password

Se si desidera modificare il messaggio di posta elettronica di ripristino, assicurarsi di non rimuovere la dicitura {user_registration_password_reset} smart tag. Questo smart tag crea il link di ripristino che l'utente deve cliccare.

Azzeramento del tag smart link

Scorrendo ulteriormente verso il basso, si troverà un'opzione per nascondere il modulo di reimpostazione della password agli utenti connessi. Se si attiva questa opzione, è possibile modificare il messaggio da visualizzare quando un utente connesso apre il modulo.

Nascondere il modulo per gli utenti connessi

Eccellente!

Una volta personalizzate le impostazioni, assicurarsi di fare clic su Salva in alto.

Pulsante Salva per salvare il modulo

Nella fase successiva, incorporeremo il modulo in una nuova pagina.

5. Pubblicare il modulo personalizzato per la reimpostazione della password

WPForms dispone di una comoda procedura guidata di incorporazione che consente di inserire il modulo in una pagina nuova o esistente direttamente dal costruttore di moduli.

Una volta salvato il modulo, fare clic sul pulsante Incorpora.

Pulsante del modulo incorporato

Poiché vogliamo incorporare il nostro modulo in una nuova pagina di reimpostazione della password, selezioneremo l'opzione Crea nuova pagina .

Incorporare il modulo in una nuova pagina

Assegnate alla vostra pagina un nome appropriato e fate clic su Let's Go.

Incorporare nella pagina

Successivamente, WPForms aprirà l'editor di blocchi di WordPress, dove troverete il modulo di reimpostazione della password incorporato.

Prima di pubblicare il modulo, è possibile eseguire alcune personalizzazioni di stile.

Basta usare le opzioni del blocco WPForms sulla destra per utilizzare le funzioni di stile del modulo e personalizzare le etichette, i campi e i pulsanti in pochi clic.

Personalizzazione degli stili per il modulo di reimpostazione della password

Quando siete soddisfatti del vostro modulo, premete Pubblica per lanciarlo.

Pubblicare il modulo di reimpostazione della password

Il modulo di reimpostazione della password è ora attivo e pronto all'uso!

Ma non abbiamo ancora finito. È importante assicurarsi che questo modulo sia facile da trovare per gli utenti, nel caso in cui debbano reimpostare la password.

Nella fase successiva, aggiungeremo il modulo di reimpostazione della password alla navigazione principale del sito.

6. Aggiungere il modulo di reimpostazione della password al menu di navigazione

È buona norma che la pagina di reimpostazione della password sia facile da trovare per gli utenti.

Per farlo, aggiungiamo la nuova pagina del modulo alla barra di navigazione del sito, in alto.

È facile da fare. Basta aprire la dashboard di WordPress e andare su Aspetto " Menu.

Menu di navigazione

È possibile che abbiate già aggiunto un menu di navigazione al vostro sito. In tal caso, sarà sufficiente aggiungere la pagina di reimpostazione della password al menu.

Una volta entrati nella schermata dei menu, fare clic sul modulo di reimpostazione della password nella colonna di sinistra e premere Aggiungi al menu.

Aggiungere una pagina al menu

In questo modo, la pagina di reimpostazione della password verrà aggiunta alla pila di pagine attualmente presenti nel menu a destra.

Premere il pulsante Salva menu per aggiornarlo.

Menu Salva

La procedura per creare un menu per la prima volta è quasi simile. È sufficiente dare un nome al menu e premere il pulsante blu Crea menu in basso.

Creare un nuovo menu

Una volta fatto ciò, è possibile aggiungere pagine al menu seguendo i passaggi illustrati sopra.

Ecco un esempio di come appare la navigazione per noi:

Menu di navigazione

A questo punto è sufficiente aggiungere un reindirizzamento in modo che i visitatori che cercano di accedere alla pagina di reset predefinita di WordPress vengano automaticamente reindirizzati alla nuova pagina di reset della password personalizzata.

Opzionale: Aggiungere il reindirizzamento al modulo personalizzato di reimpostazione della password

Se state creando un modulo personalizzato per reimpostare le password sul vostro sito web, potrebbe essere una buona idea creare anche un modulo di login personalizzato per il vostro sito, insieme a un reindirizzamento per sostituire la pagina di login predefinita di WordPress con la nuova pagina personalizzata.

Ma se la pagina di accesso predefinita è ancora accessibile, è necessario aggiungere un reindirizzamento al modulo di reimpostazione della password.

In questo modo, se un utente fa clic sul pulsante "Lost your password?" dalla pagina di login di WordPress, saranno reindirizzati alla pagina di reimpostazione della password personalizzata che avete appena creato sopra, invece che al modulo di reimpostazione della password predefinito di WordPress.

Non preoccupatevi, è più facile di quanto sembri.

Per prima cosa, installeremo il plugin gratuito WPCode per WordPress. Nella vostra dashboard di WordPress, andate su Plugin " Aggiungi nuovo.

aggiungere un nuovo plugin per wordpress

Da lì, cercate WPCode e fate clic su Installa ora.

Plugin WPCode

Dopo aver fatto clic su Attiva, è il momento di aggiungere il nostro codice. Nella dashboard di WordPress, fare clic su Code Snippets " + Add Snippet.

Aggiungere uno snippet

Dopo aver fatto clic su questo punto, verrà visualizzata la libreria preconfezionata con diverse opzioni di codice che si possono scegliere. Fare clic su Usa snippet sotto l'opzione Aggiungi codice personalizzato (nuovo snippet),

Aggiungere lo snippet di codice personalizzato

Dopo aver intitolato il vostro snippet (noi abbiamo scelto "New Password Reset Page"), fate clic sul menu a tendina Code Type a destra dell'anteprima del codice e selezionate PHP Snippet.

Snippet PHP

Ora è possibile copiare e incollare il seguente codice nell'editor:

Ricordarsi di sostituire reset-password nel codice qui sopra con lo slug della nuova pagina di reimpostazione della password personalizzata.

Quindi, scorrere fino alla sezione Inserimento, dove è possibile specificare il metodo e la posizione di inserimento. Si consiglia di mantenere la selezione predefinita Esegui ovunque e Inserisci automaticamente per il metodo di inserimento.

Opzioni di inserimento del codice WPC

Al termine, fare clic sul pulsante Salva snippet in alto a destra. Quindi fare clic sull'interruttore accanto per attivare lo snippet di codice.

WPCode attiva e salva gli snippet

Eccellente! Ora, gli utenti arriveranno sempre alla vostra pagina di reimpostazione della password personalizzata ogni volta che faranno clic sul link della password persa.

Passare da un modulo di reimpostazione della password di WordPress standard a un modulo di reimpostazione personalizzato di WPForms comporta molti vantaggi, oltre a un migliore branding.

Ad esempio, è possibile aggiungere funzioni di protezione dallo spam utilizzando l'anti-spam integrato in WPForms e opzioni utili come l'impostazione di un tempo minimo per l'invio di un modulo per tenere a bada gli spambot.

Per maggiori dettagli, potete seguire la nostra guida per prevenire la reimpostazione non autorizzata della password in WordPress ed eliminare queste richieste di spam!

Ed ecco fatto! Ora siete pronti a creare e lanciare un modulo personalizzato per la reimpostazione della password in WordPress.

Quindi, personalizzare la pagina di reimpostazione della password

Dopo aver incorporato il modulo per la reimpostazione della password nella nuova pagina, è necessario contrassegnarlo.

Perché? Se personalizzate il modulo e la pagina di reimpostazione della password, rafforzerete la convinzione dei clienti che siete un'azienda legittima e aumenterete la credibilità complessiva del vostro marchio.

Seguite la nostra guida completa per creare e personalizzare le pagine dei moduli su WordPress.

Inoltre, potreste voler imparare a personalizzare una pagina protetta da password in WordPress.

Date un'occhiata anche alla nostra guida su come personalizzare i colori del tema di WordPress e come abbinare i moduli ai colori del vostro marchio.

Infine, potreste dare un'occhiata a questo elenco dei migliori servizi di e-mail transazionali.

Create ora il vostro modulo WordPress

Siete pronti a creare il vostro modulo? Ricordate di iscrivervi a WPForms Pro, che include l'addon Registrazione utente, molti modelli gratuiti e una garanzia di rimborso di 14 giorni.

Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Renee DeCoskey

Renee DeCoskey scrive sui blog dal 2001 e utilizza WordPress dal 2007. Quando non scrive sui plugin di WordPress, la si può trovare raggomitolata con un libro o a divertirsi nel Rotary.Per saperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

4 commenti su "Come personalizzare il modulo per la reimpostazione della password di WordPress"

  1. Quando faccio clic sul link per la reimpostazione della password inviato via e-mail, il campo della password del modulo non viene visualizzato.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.