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.
In questo articolo
- 1. Installare WPForms
- 2. Installare il componente aggiuntivo per la registrazione degli utenti
- 3. Utilizzare il modello di modulo per la reimpostazione della password
- 4. Configurare l'e-mail di reimpostazione della password
- 5. Pubblicare il modulo personalizzato per la reimpostazione della password
- 6. Aggiungere il modulo di reimpostazione della password al menu di navigazione
- Opzionale: Aggiungere il reindirizzamento al modulo personalizzato di reimpostazione della password
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.
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.
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.
Da qui, fate clic sul pulsante Scegli file e selezionate il file zip di WPForms appena scaricato.
Dopo aver caricato il file, fare clic sul pulsante Installa ora.
Una volta installato il plugin, fate clic sul pulsante Attiva plugin per attivare WPForms sul vostro sito.
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.
Se non vengono visualizzati addon per il proprio livello di licenza, fare clic sul pulsante Aggiorna addon per forzare l'aggiornamento.
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 volta trovato, è sufficiente fare clic sul pulsante Installa addon.
Questo installerà e attiverà automaticamente il componente aggiuntivo. Qualsiasi componente aggiuntivo installato e pronto all'uso mostrerà Stato: 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.
Una volta selezionato il modello, il modulo di reimpostazione della password verrà caricato sullo schermo.
È 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.
Qui è possibile personalizzare l'oggetto e il messaggio dell'e-mail di reset o utilizzare il messaggio predefinito così com'è.
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.
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.
Eccellente!
Una volta personalizzate le impostazioni, assicurarsi di fare clic su Salva in alto.
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.
Poiché vogliamo incorporare il nostro modulo in una nuova pagina di reimpostazione della password, selezioneremo l'opzione Crea nuova pagina .
Assegnate alla vostra pagina un nome appropriato e fate clic su Let's Go.
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.
Quando siete soddisfatti del vostro modulo, premete Pubblica per lanciarlo.
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.
È 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.
È 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.
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.
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.
Una volta fatto ciò, è possibile aggiungere pagine al menu seguendo i passaggi illustrati sopra.
Ecco un esempio di come appare la navigazione per noi:
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.
Da lì, cercate WPCode e fate clic su Installa ora.
Dopo aver fatto clic su Attiva, è il momento di aggiungere il nostro codice. Nella dashboard di WordPress, fare clic su Code Snippets " + Add 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),
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.
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.
Al termine, fare clic sul pulsante Salva snippet in alto a destra. Quindi fare clic sull'interruttore accanto per attivare lo snippet di codice.
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.
Quando faccio clic sul link per la reimpostazione della password inviato via e-mail, il campo della password del modulo non viene visualizzato.
Ehi Ayomikun - Saremo felici di aiutarti! Quando puoi, scrivici una riga nel supporto in modo da poterti aiutare.
Se avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto.
Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.
Grazie 🙂
Lo stesso vale per me. Hai per caso trovato una soluzione a questo problema?
Ehi Wagner - Saremo felici di aiutarti! Quando puoi, scrivici una riga nel supporto in modo da poterti aiutare.
Se avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto.
Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.
Grazie 🙂