Vai al contenuto principale

Come creare una pagina di registrazione personalizzata su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi creare un modulo di registrazione personalizzato per i tuoi utenti?

Il modulo di registrazione WordPress predefinito mostra il marchio WordPress e non corrisponde al tema WordPress del tuo sito web.

Se non hai mai installato WordPress, scoprilo in questo tutorial Come installare e configurare il tuo blog

In questo tutorial, ti mostreremo come creare un modulo di registrazione personalizzato in WordPress.

Perché aggiungere un modulo di registrazione personalizzato su WordPress

La pagina di registrazione predefinita di WordPress mostra il marchio e il logo di WordPress. Non corrisponde necessariamente al resto del tuo sito web.

La creazione di un modulo di registrazione personalizzato ti consente di aggiungere il modulo di registrazione a una pagina del tuo sito web. Ti aiuta a fornire un'esperienza utente più coerente durante il processo di registrazione.

Prima di continuare puoi scoprire Come personalizzare le pagine di registrazione e accesso in WordPress

Un modulo di registrazione personalizzato consente inoltre di reindirizzare gli utenti dopo la registrazione. Puoi anche visualizzare campi profilo aggiuntivi, combinarli con il modulo di accesso personalizzato e collegarli al tuo dipartimento di email marketing.

Detto questo, daremo una rapida occhiata a come creare un modulo di registrazione personalizzato in WordPress.

Creazione di un modulo di accesso personalizzato

La prima cosa che devi fare è installare e attiva il plugin WPForms. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Avrai almeno bisogno del piano professionista »Per accedere ai moduli di registrazione utente.

Dopo l'attivazione, è necessario visitare " WPForms »Impostazioni Per inserire la chiave di licenza di WPForms. Puoi ottenere questa chiave sul tuo account WPForms.

wpform-licenza-chiave

Quindi vai a " WPForms> Addons ". Clicca sul bottone installazione Addon »Sull'estensione« Moduli di registrazione utente '.

extension-user-registrazione-forma

WPForms scaricherà e installerà l'estensione. Dovrai fare clic sul pulsante "Attiva" per iniziare a utilizzare l'estensione.

L'estensione disattivare-on-wordpress

Ora sei pronto per creare il tuo modulo di registrazione personalizzato.

Devi visitare " WPForms> Aggiungi nuovo Per utilizzare WPForms Video Builder.

Per prima cosa, devi inserire un nome per il modulo, quindi selezionare il modello "Modulo di registrazione utente"(modulo di registrazione utente).

wpforms builder

WPForms creerà un semplice modulo di registrazione per te. Questo esempio avrà i seguenti campi.

  • Cognome nome
  • Nome utente
  • E-mail
  • password
  • breve biografia

È possibile aggiungere campi dal riquadro sinistro. Dovrai solo trascinare i campi per riordinare il loro ordine.

Aggiunta di campi personalizzati al modulo di registrazione personalizzato

WPForms ti consente anche di aggiungere campi del profilo al tuo modulo. Per fare ciò avrai bisogno di un plugin specializzato.

In questo esempio, utilizziamo il plug-in gratuito User Meta Responsabile '. 

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

La prima cosa che devi fare è installare e attivare il plugin " User Meta Responsabile ". Per maggiori dettagli, consultare la nostra guida su Come installare (aggiungere) un plugin su WordPress

Dopo aver attivato il plug-in, è necessario andare al seguente percorso Utenti> Gestisci utenti E aggiungi metas per continuare.

aggiungere meta-des-by-utente personalizza

Ma prima devi inserire una chiave. Questa chiave ti consentirà di sapere come verrà riconosciuto internamente il campo del profilo utente personalizzato.

Quindi devi scegliere un tipo di campo. In questo esempio, utilizziamo un campo URL per aggiungere l'URL del profilo Facebook. Sotto « Discografica », Devi inserire l'etichetta che sarà visibile agli utenti durante la compilazione di questo campo.

Prima di continuare, scopri Come visualizzare i campi personalizzati su WordPress

Clicca sul bottone Invio "(inviare) per aggiungere il meta campo personalizzato. È quindi possibile visitare la sezione Utilisateurs »Il tuo profilo Per vedere il campo.

new-campo-facebook-profilo

Ora che abbiamo creato un campo personalizzato, aggiungiamolo al modulo di registrazione personalizzato in WPForms.

andare a  WPForms »Tutti i moduli » per modificare il modulo di registrazione personalizzato o per crearne uno nuovo.

Dopodiché, fai clic su un campo dal pannello di sinistra per aggiungerlo al tuo modulo. In questo esempio, aggiungiamo un campo " URL del sito Web Alla nostra forma.

add-a-new-field-wpforms

Il campo Sito web/ URL Ora verrà visualizzato nell'anteprima del modulo. Devi solo fare clic su di esso e WPForms mostrerà le sue proprietà nel riquadro a sinistra.

Dobbiamo cambiare l'etichetta del sito web " Sito web / URL Per " URL Facebook Profile". Puoi anche aggiungere una descrizione per il campo.

modifica di un campo di accesso plugin per WordPress WPForms

Non dimenticare di fare clic sul pulsante « Enregistrer Nell'angolo in alto a destra dello schermo per salvare il modulo.

Quindi devi fare clic sul pulsante Parametri (Impostazioni) per le impostazioni avanzate del modulo. Nella pagina Impostazioni ", Clicca sul" Registrazione Utente '.

WPForms mostrerà i tuoi campi e un menu a discesa sotto per consentirti di selezionare quale campo di registrazione puoi " mapper"(Login o armonizzare).

Scopri la nostra 8 premium WordPress plugin per creare campi personalizzati

Noterai che WPForms " mappe »Automaticamente i tuoi campi predefiniti come nome, e-mail, password, ecc….

È possibile selezionare una pagina in cui si desidera reindirizzare gli utenti dopo aver convalidato il modulo.

Dovrai scorrere verso il basso fino a " Meta utente personalizzata ". Qui puoi inserire la meta chiave personalizzata creata in precedenza, quindi selezionare il campo del modulo che desideri "mappare".

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

customize-wpforms mapper-a-campo

Non dimenticare di salvare le impostazioni

Come aggiungere un modulo di registrazione su WordPress

Prima di iniziare questa parte, ti invitiamo a scoprire Come creare una pagina di registrazione personalizzata su WordPress

Se è fatto, aggiungiamo un modulo insieme su WordPress

WPForms semplifica l'aggiunta di widget nella barra laterale o nelle pagine e negli articoli. Devi iniziare modificando un articolo / pagina.

Nella schermata di modifica, noterai il nuovo pulsante WPForms.

add-a-form-wpforms

Facendo clic su di esso verrà visualizzato un menu contestuale. È necessario selezionare il modulo dal menu a discesa, quindi fare clic su "  Aggiungi Form '.

Noterai che lo shortcode " WPForms Apparirà nell'editor dei contenuti del tuo articolo. Ora sarai in grado di pubblicare o salvare i tuoi post / pagina, quindi visualizzare in anteprima il modulo.

ANTEPRIMA-di-forma, personalizza

WPForms ti consente anche di aggiungere il tuo modulo di registrazione personalizzato nella barra laterale. Visita il menu  Aspetto >> Widget >>e aggiungi un widget WPForms A una barra laterale.

form-of-the-bar-Side

È necessario selezionare il modulo che si desidera visualizzare dal menu a discesa nelle impostazioni del widget. Non dimenticare di salvare le impostazioni del widget.

Ecco fatto, ora puoi visitare il tuo sito web per vedere il tuo modulo di registrazione personalizzato in azione.

Form-customize-wordpress

 

Termina così la creazione di un modulo di registrazione personalizzato. Ma prima di andare avanti, ti suggeriamo di controllare l'articolo WPForms: il miglior plugin per WordPress per creare un modulo di contatto

Se stai cercando altre soluzioni premium per svolgere ovviamente lo stesso compito, controlla i nostri 3 plugin per WordPress di seguito.

1. Accesso amministratore personalizzato WP

WP Custom Admin Login è un plugin WordPress premium per personalizzare la pagina di accesso di WordPress predefinita. Ti consente di personalizzare questa pagina dal Personalizzatore di WordPress e include più di superbi modelli di pagine 25 che saranno totalmente tra cui scegliere.

Wp plugin wordpress per l'accesso amministratore personalizzato per creare una pagina di accesso amministratore personalizzata

Anche se non hai competenze di codifica, sarai in grado di creare una pagina di accesso eccezionale in pochissimo tempo. La sua interfaccia visiva è molto intuitiva, che ti permetterà di configurare la tua pagina di accesso in base alle tue preferenze. Supporta video e immagini che possono essere utilizzati come sfondo nella tua pagina.

Download | Demo | Web hosting

2. Flex-Register

Flex-Register è un plugin per WordPress che ti consente di aggiungere un modulo di registrazione o di accesso in una lightbox. Non sarà necessario un aggiornamento della pagina e funzionerà immediatamente dopo l'installazione. Non sarà quindi necessaria alcuna configurazione.

Flex register bootstrap 3 lightbox per registro wordpress

Si occuperà anche di abbinare il tuo modulo con lo stile del tema WordPress attivo sul tuo sito web. Come funzionalità, offre tra l'altro: un design elegante e un codice ben commentato, il suo aspetto completamente personalizzabile, la compatibilità con la maggior parte dei temi WordPress popolari, il supporto per più browser e altro ancora.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download | Demo | Web hosting

3. Login Ninja

Questo plugin per WordPress ti consente di personalizzare la tua pagina di accesso. È più che personalizzare il tuo modulo di accesso. Puoi personalizzare l'intera pagina, cambiarne il colore, aggiungere un'immagine di sfondo, aggiungere un logo e altro ancora.Plugin di wordpress per l'accesso ninja

Le sue altre caratteristiche sono: protezione dei moduli di accesso e registrazione con captcha, esclusione automatica e manuale degli IP che ti attaccano con la forza bruta, un registro dettagliato di tutte le attività relative alla connessione, reindirizzamento dell'utente basato su ruoli e nomi utente, ricezione di notifiche e-mail per tutti gli eventi di accesso, interfaccia grafica facile da usare, documentazione dettagliata e altro ancora.

Download | Demo | Web hosting

Altre risorse consigliate

Vorresti creare altri tipi di moduli? sentiti libero di controllare questo elenco di risorse consigliate. 

Conclusione

Ecco ! Questo è tutto per questo tutorial. Spero che ti permetta di creare facilmente un modulo di registrazione personalizzato su WordPress. Ti invitiamo anche a consultare il nostro risorse se sei un blogger principiante

Se avete suggerimenti o osservazioni, saranno i benvenuti. Ma, se ti è piaciuto non esitare a  condividi questo articolo sui tuoi diversi social network.

...  

Questo articolo contiene 1 commento

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
8 azioni
quota6
Tweet2
Enregistrer