Vuoi creare una pagina di registrazione in Elementor?

Se vuoi creare un sito Web WordPress che consente la registrazione degli utenti, la cosa cruciale che devi fornire è la pagina di registrazione. Elementor non ha un widget predefinito per aggiungere a forma iscrizione a una pagina, ma puoi aggiungerne una utilizzando il widget Forma con un piccolo trucco. Lo scopriremo a breve in questo articolo.

Dal momento che il widget Forma è disponibile solo su Elementor Pro, devi aggiornare il tuo Elementor alla versione pro.

Come creare un modulo di registrazione in Elementor

Elementor non ha un widget predefinito per aggiungere un modulo di registrazione. Ma, come accennato in precedenza, puoi creare una pagina di registrazione utente utilizzando il widget Modulo con un piccolo trucco. Ci sono due componenti di cui avrai bisogno:

  • Il modulo di registrazione dell'utente stesso
  • Uno script PHP che ti permette di aggiungere un nuovo utente

Prima di iniziare, supponiamo che tu stia utilizzando Elementor da un po' di tempo e che abbia già creato un modulo utilizzando il widget Modulo.

Una volta che sei pronto, segui i passaggi seguenti per iniziare a creare una pagina di registrazione in Elementor.

Passaggio 1: crea il modulo di registrazione

Innanzitutto, crea una nuova pagina e modificala con Elementor. Ovviamente puoi anche modificare una pagina esistente. Sotto l'editor Elementor, aggiungi il widget Modulo alla casella di modifica trascinandolo dal pannello di sinistra.

Vai al pannello di sinistra per personalizzare il modulo. Il primo blocco di opzioni che devi aprire è il blocco Campi modulo sotto la scheda Soddisfare. Il modulo di registrazione che andremo a creare sarà composto da 5 campi come segue:

campione Tipo di campo etichetta
Nome Testo Nome
nom Testo Cognome
utente (richiesto) Testo utente
E-mail (obbligatorio) E-mail E-mail
Password richiesta) mot de passe Password

Nome modulo: Crea un nuovo utente

Una cosa cruciale da notare. Assicurati di utilizzare esattamente le stesse etichette di campo della tabella sopra, comprese le lettere maiuscole e minuscole, poiché verranno utilizzate come variabili nello script PHP che utilizzeremo.

Leggi anche: Come creare un popup di consenso ai cookie con Elementor

Inoltre, assicurati di dare un nome al tuo modulo. Ancora una volta, assicurati di utilizzare lo stesso nome (incluso maiuscolo e minuscolo) che stiamo usando in questo esempio ("Crea un nuovo utente" in questo caso).

Ecco l'esempio del modulo che abbiamo creato.

Una volta che il file définition campi modulo compilati, aprire il blocco Azione dopo l'invio. Poiché desideri creare un modulo di registrazione utente, puoi impostare l'azione su Reindirizzare.

Nel blocco Reindirizzare, Incolla l'URL a cui desideri indirizzare i tuoi utenti dopo aver creato un nuovo utente. Ad esempio, puoi reindirizzarli alla pagina di accesso del tuo sito web.

Come creare una pagina di registrazione in Elementor

Apri il blocco Opzioni aggiuntive e attiva l'opzione Custom Messaggi. Puoi sostituire il messaggio di successo con qualcosa come "L'utente è stato creato".

Il tuo modulo è ora pronto. Puoi pubblicare la pagina dopo aver finito di modificarla.

Passaggio 2: aggiungi una nuova funzione per aggiungere un nuovo utente

Ecco lo script PHP che ti consente di aggiungere un nuovo utente al tuo sito Web WordPress.

add_action ('elementor_pro/forms/new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Controlla che il form sia "crea un nuovo utente" altrimenti - fermati e ritorna; if ('Crea un nuovo utente'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ utente = $ form_data ['Utente']; // Ottieni il valore inserito come "Nome utente" $ password = $ form_data ['Password']; // Ottieni il valore inserito come "Password" $ email = $ form_data ['Email']; // Ottieni il valore inserito come "Email" $ user = wp_create_user ($ username, $ password, $ email); // Crea un nuovo utente, in caso di successo restituisce user_id if (is_wp_error ($ user)) {// se si è verificato un errore durante la creazione di un nuovo utente $ ajax_handler-> add_error_message ("Impossibile creare un nuovo utente: ". $ user-> get_error_message ()); // aggiungi il messaggio $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Ottieni il valore inserito come "Nome"
    $ last_name = $ form_data ["Nome"]; //Ottieni il valore inserito come "Nom"
    wp_update_user (array ("ID" => $ utente, "nome" => $ nome, "cognome" => $ cognome)); // Aggiorna l'utente con il nome e il cognome}

Puoi inserire il codice sopra nel file functions.php del tuo tema. Per farlo, vai su Aspetto -> Editor di temi sulla dashboard di WordPress. Clicca sul file functions.php sul pannello di destra per modificarlo e incollare lo script PHP alla fine del file funzioni.php.

Ecco un'anteprima.

Come creare una pagina di registrazione in Elementor

Fare clic sul pulsante Aggiorna file nell'editor per aggiornare il file functions.php.

Potenziali errori

Una volta che i tuoi utenti hanno creato con successo un nuovo account, ci sono buone probabilità che non saranno in grado di accedere alla dashboard di WordPress anche se hanno effettuato l'accesso con successo. Se riscontri questo problema, prova a cambiare il ruolo dell'utente in Collaboratore o in un ruolo superiore (Autore o Editor).

Leggi anche: Come esportare e importare i modelli Elementor

Per farlo, vai su Account-> Tutti gli account. Passa il mouse su un utente di cui desideri modificare il ruolo e fai clic sul collegamento Modifica.

Scorri verso il basso fino all'opzione Ruolo e seleziona un nuovo ruolo dal menu a discesa. Fare clic sul pulsante Aggiorna utente in basso per applicare la nuova modifica.

Se desideri che ogni utente appena registrato abbia un ruolo di collaboratore, puoi impostarlo (il ruolo di collaboratore) come ruolo predefinito.

Vedi anche: Come creare una pagina di accesso con Elementor

Per farlo, vai su Impostazioni-> Generali. Scorri verso il basso fino all'opzione Ruolo predefinito per ogni nuovo account e seleziona un ruolo predefinito dal menu a discesa. Non dimenticare di fare clic sul pulsante Salvare le modifiche in basso per applicare la nuova modifica.

Se continui a volere che i nuovi utenti abbiano un ruolo di abbonato e desideri consentire loro l'accesso alla dashboard di WordPress, puoi provare a risolvere il problema disabilitando temporaneamente i plug-in attivi e riattivandoli uno per uno. causando il problema.

Ottieni Elementor Pro ora!

Conclusione

Ecco ! Questo è tutto per questo articolo che mostra come creare una pagina di registrazione in Elementor. Se hai dubbi su come arrivarci ffacci sapere in commentaires.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...