Come creare una pagina di accesso personalizzata in WordPress (il modo più facile)

Pubblicato: 2020-12-11

Vuoi creare una pagina di accesso personalizzata per il tuo sito WordPress? Avere una pagina di accesso personalizzata è un ottimo modo per sostituire il login generico di WordPress e aggiungere il proprio marchio.

In questo articolo, ti mostreremo il modo semplice per creare una pagina di accesso completamente personalizzata per il tuo sito aziendale.

Crea ora il tuo modulo di accesso personalizzato

Perché creare una pagina di accesso personalizzata in WordPress?

Tutti i siti Web WordPress hanno la stessa pagina di accesso. È un semplice modulo di accesso con il logo WordPress sopra.

Pagina di accesso predefinita di WordPress

Questa pagina è generica, quindi è difficile dire a quale sito web stai effettivamente accedendo. Il logo di WordPress si collega anche a WordPress.org, che potrebbe allontanare gli utenti dal tuo sito se fanno clic su di esso.

WPForms è il miglior plugin per WordPress Form Builder. Ottienilo gratis!

Se crei una nuova pagina di accesso per il tuo sito, potresti utilizzarla per:

  • promozioni
  • Notifiche
  • E altro ancora.

In WPForms, utilizziamo lo spazio extra sulla nostra pagina di accesso personalizzata per far conoscere agli utenti nuove interessanti funzionalità.

Pagina di accesso personalizzata di WPForms

È semplicissimo creare una pagina di accesso personalizzata e può anche aiutare con la sicurezza del tuo sito web. Creando una pagina di accesso personalizzata, puoi nascondere quella predefinita per ridurre lo spam di accesso e mantenere sicuro il tuo sito WordPress.

Ora sappiamo perché hai bisogno di una pagina di accesso personalizzata, creiamone una per il tuo sito.

Come creare una pagina di accesso personalizzata in WordPress

Utilizzeremo WPForms per creare un modulo di accesso completamente personalizzato per il tuo sito. Quindi ti mostreremo come creare la tua pagina di accesso personalizzata.

  1. Installa il plugin WPForms
  2. Crea il tuo modulo di accesso WordPress personalizzato
  3. Aggiungi un link per la password dimenticata al tuo modulo di accesso personalizzato
  4. Personalizza le impostazioni del tuo modulo di accesso personalizzato
  5. Pubblica la tua pagina di accesso personalizzata

OK, iniziamo installando il plug-in della pagina di accesso personalizzata.

Passaggio 1: installa il plugin WPForms

La prima cosa che devi fare è installare e attivare il plugin WPForms. Per maggiori dettagli, consulta questa guida passo passo su come installare un plugin in WordPress.

Per creare un modulo di accesso, avrai bisogno di WPForms Pro o superiore.

Una volta installato WPForms, vai su WPForms » Addons .

Menu dei componenti aggiuntivi di WPForms

Scorri verso il basso fino a trovare il componente aggiuntivo per la registrazione dell'utente . Fare clic sul pulsante per installarlo.

Componente aggiuntivo per la registrazione dell'utente

Se lo desideri, puoi limitare l'accesso a WordPress mentre crei il tuo nuovo modulo di accesso. Per scoprire come farlo, consulta la nostra guida su come nascondere il tuo sito WordPress finché non è pronto.

Siamo a posto! Creiamo il nostro nuovo modulo di accesso personalizzato.

Passaggio 2: crea un modulo di accesso WordPress personalizzato

Ora che abbiamo installato WPForms, creiamo un nuovo modulo di accesso per WordPress.

Fare clic su WPForms »Aggiungi nuovo per iniziare.

Aggiungi un nuovo modulo di accesso personalizzato

Nella schermata di configurazione, dai un nome al modulo in alto.

Assegna un nome al tuo modulo di accesso personalizzato

Ora scorri verso il basso e seleziona il modello Modulo di accesso utente .

Seleziona il modello di modulo di accesso personalizzato

Vedrai il modulo aprirsi nel generatore di moduli. Il modulo di accesso personalizzato è già impostato, quindi non è necessario aggiungere alcun campo.

Modello di modulo di accesso personalizzato

Ora aggiungiamo un collegamento in modo che gli utenti possano recuperare facilmente la propria password.

Passaggio 3: aggiungi un link per la password dimenticata al tuo modulo di accesso personalizzato

Il modulo di accesso sembra fantastico così com'è, ma dovremo aggiungere un link per la password dimenticata. In caso contrario, i visitatori che dimenticano i propri dati di accesso rimarranno bloccati nella pagina di accesso.

Per fare ciò, personalizzeremo il campo Password .

Aggiungeremo un collegamento nella descrizione qui in modo che venga visualizzato proprio sotto il campo. Possiamo usare lo smart tag {url_lost_password} per il collegamento.

Fare clic sul campo della password per iniziare. Nella descrizione, incolla questo in:

Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.

Link personalizzato per la password dimenticata

Questo è tutto! Lo smart tag {url_lost_password} verrà sostituito con il link della password dimenticata quando pubblichiamo il modulo.

WPForms si occuperà della connessione al database, quindi non abbiamo bisogno di un plug-in di accesso separato per gestirlo.

Vai avanti e fai clic su Salva per salvare il modulo di accesso finora.

Passaggio 4: personalizza le impostazioni del modulo di accesso personalizzato

In questo passaggio, esamineremo le impostazioni del modulo di accesso. Questo ci consentirà di controllare il pulsante sul modulo e la pagina a cui verranno reindirizzati i nostri visitatori.

Inizia facendo clic su Impostazioni sul lato sinistro del generatore di moduli.

Impostazioni del modulo di accesso personalizzato

Le impostazioni si apriranno nella scheda Generale .

Scorri verso il basso fino a Invia il testo del pulsante e modificalo per dire Accedi.

Personalizza il pulsante di accesso

Abbiamo anche modificato il testo di elaborazione del pulsante di invio in modo che l'utente possa vedere che l'accesso è in corso. Puoi digitare qualcos'altro qui se vuoi.

Sotto questo, noterai alcune altre impostazioni. Dovrai controllare che queste 3 caselle di controllo siano selezionate:

  • Abilita protezione anti-spam : utilizzerà un token modulo intelligente per impedire gli accessi da parte dei bot.
  • Disabilita l'archiviazione delle informazioni di ingresso in WordPress : non è necessario archiviare questi invii di moduli nel database di WordPress.
  • Nascondi il modulo se l'utente ha già effettuato l'accesso : se un utente ha già effettuato l'accesso, sarebbe confuso mostrare nuovamente il modulo di accesso. Questa impostazione ci consente di nasconderlo facilmente.

Se lo desideri, puoi personalizzare le altre impostazioni.

Personalizza le impostazioni del modulo di accesso

Se vedi il vecchio honeypot anti-spam qui, vai avanti e seleziona la nuova casella di controllo anti-spam. L'honeypot è ora deprecato e il nuovo token antispam migliorerà la protezione dallo spam sul modulo di accesso.

Infine, facciamo clic su Conferme .

Impostazioni di conferma per il modulo di accesso personalizzato

In questa schermata, possiamo scegliere cosa succede quando viene inviato il modulo di accesso. Se lo desideri, puoi chiedere ai tuoi utenti di aprire l'amministratore di WordPress. Per la maggior parte dei siti, ha senso reindirizzarli al frontend.

Quindi, in questo esempio, reindirizzeremo l'utente alla home page.

Reindirizzamento del modulo di accesso personalizzato

Grande! Prenditi del tempo per rivedere le altre impostazioni e apportare le modifiche che desideri apportare. Quindi fai clic su Salva nella parte superiore del generatore di moduli.

Passaggio 5: crea la tua pagina di accesso personalizzata

Ora siamo pronti per pubblicare il tuo nuovo modulo di accesso.

Puoi incorporare il tuo modulo di accesso personalizzato ovunque sul tuo sito, tra cui:

  • Pagine
  • Post
  • Nella barra laterale
  • Nel piè di pagina

In questo esempio creeremo una pagina di accesso personalizzata di WordPress. Non effettueremo molte personalizzazioni, ma puoi impiegare più tempo per marcare la tua pagina prima di essere pubblicata, se lo desideri.

Per iniziare, fai clic sul pulsante Incorpora nella parte superiore del generatore di moduli.

Incorpora il tuo modulo di accesso in una pagina di accesso personalizzata

Fare clic su Crea nuova pagina ...

Crea una nuova pagina di accesso personalizzata

E ora dai un nome alla tua pagina. Fatto ciò, fai clic su Andiamo .

Crea una pagina di accesso personalizzata

Il tuo modulo di accesso personalizzato è pronto per essere personalizzato! Puoi aggiungere il marchio e le immagini e giocare con il layout finché non ha un bell'aspetto.

Quindi, fai clic sul pulsante Pubblica per pubblicare la tua pagina di accesso personalizzata.

Pubblica pagina di accesso WordPress personalizzata

Questo è tutto! La tua pagina di accesso WordPress personalizzata è attiva e pronta per l'uso.

Ricorda: dovrai disconnetterti da WordPress per vedere il tuo modulo finito! Se hai effettuato l'accesso, non vedrai la schermata di accesso.

Se lo desideri, puoi utilizzare un plug-in della pagina di destinazione per creare una pagina di accesso personalizzata e incorporare il modulo di accesso. Ciò ti consentirebbe di impostare facilmente un'immagine di sfondo e colori personalizzati.

Crea ora il tuo modulo di accesso personalizzato

Passaggio successivo: personalizza il modulo di registrazione

E il gioco è fatto! Ora sai come creare un modulo di accesso personalizzato in WordPress. Puoi usarlo come punto di partenza per sviluppare il marchio sulla tua pagina di accesso.

Quindi, controlla come creare un modulo di registrazione utente per il tuo sito. Creare un modulo di registrazione personalizzato è un ottimo modo per rendere il tuo sito più professionale.

Pronto a costruire il tuo modulo? Inizia oggi con il plug-in per la creazione di moduli WordPress più semplice. WPForms Pro include l'addon Registrazione utente e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti ha aiutato, seguici su Facebook e Twitter per ulteriori tutorial e guide gratuiti su WordPress.