Creazione di moduli di accesso e registrazione per Elementor

Se desideri creare un sito Web di abbonamento in cui le persone si iscrivono per usufruire di funzionalità speciali, è meglio creare una pagina di accesso e registrazione dedicata. Ciò ti consentirà di rendere il tuo sito web molto più professionale, di chiedere ulteriori informazioni all'utente durante la procedura di registrazione e molto altro ancora.

Pertanto, abbiamo messo insieme un tutorial dettagliato per aiutarti a creare una pagina di accesso e registrazione personalizzata utilizzando il plugin per la creazione di pagine Elementor .

Elementor è di gran lunga uno dei plugin per WordPress. La versione gratuita del plugin include tantissimi blocchi e widget per la costruzione di base del sito. Mentre esiste una versione pro del plugin che offre widget e blocchi più avanzati.

Ora, il widget del generatore di moduli fornito con Elementor è bloccato nella sua versione pro. Tuttavia, invece di ottenere Elementor Pro per creare il modulo di registrazione, ti consigliamo di utilizzare il plugin Ultimate Addon for Elementor (UAE) poiché viene fornito con molti blocchi e widget potenti rispetto a Elementor Pro.

Sommario

Vantaggi della creazione di una pagina di registrazione personalizzata

Solo in termini di funzionalità, non vi è alcun problema nell’utilizzare una pagina di registrazione dall’aspetto generico sul tuo sito web. Ma se lo fai, perderai tutti i vantaggi che derivano da una pagina di registrazione creata su misura per il tuo sito web.

ecco uno sguardo ad alcuni dei principali vantaggi della creazione di una pagina di registrazione personalizzata per darti un'idea:

1. Personalizza le pagine di registrazione dell'utente

Con l'aiuto delle pagine di registrazione personalizzate, puoi creare moduli di registrazione con campi personalizzati e progettarli secondo le tue esigenze. Puoi modellare i moduli in base alle tue esigenze e requisiti in modo che siano in sintonia con la tua idea di business e il tuo sito web.

Il widget Modulo di registrazione utente può essere utilizzato per le seguenti operazioni:

  • Una soluzione elegante per diventare membro di un negozio online
  • Un modulo di registrazione WordPress personalizzato per riflettere la tua attività
  • Un modulo sicuro per forum e siti Web di e-learning
  • Un modulo di registrazione personalizzato per i siti Web di adesione

2. Raccogli tutte le informazioni richieste da un unico modulo

Se c'è una particolare informazione che desideri raccogliere dai tuoi membri, puoi inserirla nel modulo di registrazione.

Quindi, non è solo un nome utente e una password che un utente può scegliere, e questo è tutto. Puoi aggiungere più campi del modulo come nome, indirizzo email, dettagli di contatto e così via. Puoi creare moduli completi in modo elegante con l'aiuto di campi personalizzati in cui puoi inserire parte del modulo di registrazione.

3. Personalizza l'esperienza utente

Puoi fornire un'esperienza utente personalizzata ai tuoi membri. Questo può reindirizzare gli utenti a una pagina specifica, aiutarli ad accedere automaticamente ai loro account o inviare un'e-mail nella loro casella di posta.

4.Lotta allo spam e miglioramento della sicurezza

Con l'aggiunta di Honeypot e ReCaptcha, puoi combattere gli spammer e prevenire registrazioni false.

5. Perfettamente per lo stile del tuo marchio

Un modulo di registrazione dovrebbe assomigliare alle altre pagine del tuo sito web. Con i moduli di registrazione personalizzati, puoi creare moduli adatti alla tua attività.

Come creare un modulo di registrazione utente personalizzato utilizzando Elementor?

Ora che hai una conoscenza di base di come un modulo di registrazione utente personalizzato può aiutarti a fare affari, ecco una guida passo passo completa su come utilizzare Elementor e il componente aggiuntivo UAE per aiutarti a creare la tua esperienza di accesso utente personalizzata.

Ecco una guida in tre passaggi su come creare un modulo di registrazione utente per il tuo sito web.

Nota : prima di procedere oltre, assicurati di aver abilitato l' Iscrizione andando su Dashboard > Impostazioni > Generali > Iscrizione: abilitata .

L'attivazione dell'opzione di iscrizione consentirà a qualsiasi utente di registrarsi sul tuo sito web.

Passaggio 1: crea un modulo di registrazione utente utilizzando il Plugin UAE (Ultimate Addon for Elementor).

Per creare un modulo di registrazione utente personalizzato, assicurati di avere la versione aggiornata del plugin UAE , con il blocco attivato.

Una volta assicurati i prerequisiti per la creazione di una pagina di accesso, è necessario creare o aggiungere una nuova pagina. E modifica la pagina in cui vuoi allegare il Modulo di Registrazione Utente.

Se trascini e rilascia il widget, puoi vedere i campi modulo predefiniti.

Puoi giocare con i campi: puoi rimuovere un campo che non ti serve o aggiungere altri campi come Nome utente, Nome, ecc.

È disponibile un'opzione per gestire la larghezza della colonna e quella richiesta sui singoli campi del modulo.

Puoi anche gestire la dimensione di input e le etichette dei campi (se desideri visualizzarli o nasconderli) o il segno obbligatorio.

Passaggio 2: configura le impostazioni del modulo

Dopo aver trattato le nozioni di base, puoi configurare le impostazioni del modulo visitando la sezione Impostazioni generali Da qui è possibile eseguire le seguenti funzioni:

  • Nuovo ruolo utente
  • Seleziona "Azioni successive alla registrazione"

Ecco un resoconto dettagliato di entrambi:

Nuovo ruolo utente

Se disponi di un sito ad abbonamento che richiede che un utente lo registri sul tuo sito web, per impostazione predefinita stai assegnando il "Ruolo utente" come Abbonato .

Puoi impostare un ruolo utente predefinito per i tuoi membri e il ruolo assegnato verrà impostato per tutti i nuovi utenti quando si registrano sul tuo sito web.

Scegli le azioni successive alla registrazione

Un utente può selezionare le seguenti azioni che può eseguire dopo essersi registrato su un sito di appartenenza, utilizzando il widget Modulo di registrazione utente:

  • Accesso automatico : con questa opzione puoi consentire all'utente di accedere automaticamente al tuo sito web. Dopo aver fornito le credenziali per la prima volta, l'utente non dovrà effettuare nuovamente il login perché verrà loggato al sito automaticamente una volta avvenuta la registrazione.
  • Reindirizzamento dopo la registrazione : con questa opzione è possibile reindirizzare gli utenti a una pagina di benvenuto o a una pagina di accesso, dopo una registrazione avvenuta con successo. Puoi impostare una pagina di reindirizzamento incollando l'URL della pagina desiderata nel campo URL sotto questa opzione.
  • Invia un'e-mail: quando l'utente lo registra con successo sul tuo sito web, questa opzione gli invierà un'e-mail confermando la sua registrazione. Il contenuto dell'e-mail è personalizzabile e puoi rendere queste e-mail personali per maggiore calore. Ma se desideri inviare la stessa email a tutti i tuoi utenti, puoi farlo anche esplorando questa opzione.
  • Nascondi dopo la registrazione: a volte potresti voler nascondere il modulo di registrazione dell'utente dopo che si è registrato con successo sul tuo sito. Con l'opzione "Nascondi dopo la registrazione", puoi nascondere il modulo di registrazione mentre li indirizzi a una pagina di accesso o semplicemente visualizzando il messaggio "Operazione riuscita" dopo aver fornito loro un collegamento per visitare la pagina di accesso per accedere al sito web. Puoi trovare questa opzione nella sezione Impostazioni generali nella scheda Contenuto del widget.

Andando avanti, puoi progettare e definire lo stile del modulo di registrazione dell'utente utilizzando la scheda Stile del widget.

Dopo aver fatto ciò, hai finito con il processo di creazione e configurazione per il widget Modulo di registrazione utente. Il modulo è pronto per essere pubblicato sul sito Web live.

Passaggio 3: aggiungi il modulo di registrazione utente al tuo sito web

Questa parte è piuttosto elementare e semplice. Puoi trascinare e rilasciare direttamente per aggiungere questo widget, proprio come qualsiasi altro widget di Elementor. Puoi anche salvare la sezione contenente il widget e recuperare la sezione salvata nella pagina di registrazione richiesta.

Di seguito abbiamo elaborato alcuni altri modi per aiutare ad aggiungere qualsiasi widget nell'editor di Elementor.

ad esempio per il modulo di registrazione utente su una pagina WooCommerce

Se desideri creare una pagina WooCommerce personalizzata, ad esempio la pagina Il mio account, con il nome Pagina account personalizzata, puoi semplicemente:

Con un clic sul pulsante "Modifica con Elementor" arriverai all'editor di Elementor.

Possiamo creare un altro modulo di registrazione proprio come questo e salvarlo per utilizzarlo nella pagina dell'account personalizzato seguendo gli stessi passaggi sopra menzionati.

Infine, per impostare la pagina come "Pagina del mio account", vai alla dashboard di WordPress. E segui il seguente percorso sotto l'opzione WooCommerce:

WooCommerce > Impostazioni > Avanzate > Impostazione pagina > Pagina Il mio account > Pagina Il mio account > seleziona Pagina account personalizzata

Puoi vedere la pagina contenente degli Emirati Arabi Uniti nella pagina dell'account WooCommerce.

Conclusione:

Puoi creare un elegante modulo di registrazione, con l'opzione preferita a tua scelta, per il tuo sito web utilizzando Elementor ed UAE .

Seguendo i passaggi indicati in questo articolo, puoi registrare gli utenti utilizzando il widget Modulo di registrazione utente di UAE . È una soluzione semplice ed elegante per creare un elegante modulo di registrazione utente per i tuoi nuovi utenti.

Ahmad

messaggi recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: giornali vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021