Come creare un modulo di registrazione con pagamento in WordPress?

Pubblicato: 2023-01-02


Vuoi imparare a creare un modulo di registrazione con pagamento in WordPress? Se la tua risposta è sì, allora questo articolo fa proprio al caso tuo.

Nel contesto odierno, il pagamento può essere effettuato interamente online. Quindi, ricevere o inviare il pagamento è facilmente possibile con un tocco di pochi clic.

Pertanto, puoi anche creare un modulo di registrazione sul tuo sito WordPress utilizzando gli stessi metodi di pagamento online.

Ma prima di mostrarti come, impariamo il modo migliore per creare il tuo modulo di registrazione con pagamento.

Il modo migliore per creare facilmente un modulo di registrazione con pagamento

Il metodo migliore per creare un modulo di registrazione in WordPress con pagamento è tramite i plug-in di registrazione degli utenti. Tali plug-in ti consentono di creare e aggiungere moduli di registrazione utente personalizzati al tuo sito senza problemi.

Uno di questi migliori plug-in non è altro che il plug-in di registrazione utente di WPEverest. È un plug-in intuitivo con funzioni utili per personalizzare e gestire i moduli.

Plug-in WordPress per la registrazione degli utenti

Inoltre, ha vari componenti aggiuntivi per usi diversi come un componente aggiuntivo in più parti, un componente aggiuntivo per l'integrazione di WooCommerce, un componente aggiuntivo per i pagamenti e così via.

Detto questo, i componenti aggiuntivi di pagamento PayPal e Stripe ti consentono di integrare semplici fughe di pagamento nei tuoi moduli di registrazione. Puoi creare un modulo e abilitare le opzioni di pagamento al suo interno.

Quindi, ora impariamo a creare un modulo di registrazione online con pagamento utilizzando questi componenti aggiuntivi di pagamento!


Come creare un modulo di registrazione con pagamento in WordPress? (2 metodi)

Se ti stai chiedendo come creare un modulo di registrazione con pagamento in WordPress, allora ci sono due diversi metodi per farlo. Tutto quello che devi fare è seguire i semplici passaggi di seguito. Quindi, iniziamo con il primo metodo.

Metodo 1: creare un modulo di registrazione WordPress con pagamento PayPal

PayPal

Passaggio 1: installare e configurare il plug-in Pro per la registrazione dell'utente

Il primo passo è installare e attivare il plugin sul tuo sito WordPress. Ma il componente aggiuntivo di pagamento è disponibile solo nella versione premium di User Registration; quindi, è necessario installare la versione Pro.

Per questo, vai alla pagina dei prezzi della registrazione utente sul loro sito web. Successivamente, scegli un piano tra Professional e Plus , in quanto puoi accedere al componente aggiuntivo PayPal solo in questi piani.

Pagina dei prezzi per la registrazione degli utenti

Dopo aver acquistato il plug-in, devi accedere al tuo account WPEverest. Quindi, dopo aver effettuato l'accesso, verrai indirizzato alla Dashboard del tuo account.

Qui, vai alla scheda Download , dove puoi vedere la versione Pro della registrazione utente. Quindi, scaricalo facendo clic sul pulsante Download accanto ad esso.

Scarica la registrazione utente pro

Avrai anche bisogno della chiave di licenza per gli aggiornamenti automatici, quindi vai alla scheda Chiavi di licenza per copiarla e tenerla al sicuro!

Copia chiavi di licenza

Il tuo prossimo passo è andare alla dashboard di WordPress. Qui, vai a Plugin e fai clic su Aggiungi nuovo .

Plugin e fare clic su Aggiungi nuovo Come creare un modulo di registrazione con pagamento

Quindi, fai clic su Carica plug -in e carica il file zip dal tuo dispositivo locale che hai scaricato in precedenza dall'account WPEverest.

Carica e scegli file

Quindi, fare clic su Installa ora per avviare il processo di installazione.

Fare clic su Installa ora

Infine, premi sul pulsante Attiva plug -in.

Attiva il plug-in

Quando lo attivi, vedrai un messaggio di benvenuto! Da qui puoi completare la configurazione, iniziare a creare il primo modulo o scegliere per passare alla dashboard .

Installazione guidata

Puoi sempre configurare il plug-in in un secondo momento, quando hai finito di creare un modulo di registrazione. Quindi, per ora sceglieremo di passare alla dashboard. Quando passi alla dashboard, vedrai una notifica che ti chiede di inserire la chiave di licenza. Quindi, incolla la chiave di licenza che hai copiato in precedenza.

Incolla e attiva la chiave di licenza

Dopo averlo inserito, ricordati di premere il pulsante Attiva licenza .

Questo è tutto! Hai installato e attivato con successo la versione premium della registrazione utente!


Passaggio 2: installa e attiva il componente aggiuntivo PayPal

Il prossimo passo è installare e attivare il componente aggiuntivo PayPal sul tuo sito. Quindi, vai a Registrazione utente >> Estensioni .

Estensioni per la registrazione degli utenti

Ora verrai reindirizzato a una pagina con tutti i componenti aggiuntivi disponibili. Quindi, cerca il componente aggiuntivo PayPal Payment e fai clic sul pulsante Installa componente aggiuntivo.

Installa la registrazione utente del componente aggiuntivo pagamenti

Quando è installato, vedrai il pulsante Attiva . Quindi, premi quel pulsante per attivare il tuo componente aggiuntivo.

Attiva PayPal

Ora puoi passare al tuo prossimo passaggio!


Passaggio 3: creare un modulo di registrazione

Successivamente, per creare un modulo di registrazione con PayPal, nella dashboard di WordPress, vai su Registrazione utente e fai clic su Aggiungi nuovo .

Fare clic su Aggiungi nuovo

La registrazione utente offre diversi modelli gratuiti e premium per consentirti di creare diversi tipi di moduli di registrazione in pochissimo tempo. In alternativa, puoi anche creare completamente il tuo modulo da solo. Qui, ti mostreremo come creare un modulo da terra. Quindi, fai clic sull'opzione Inizia da zero .

Costruisci il tuo modulo con modelli o da zero

Ora dai un nome al modulo e spostati nel generatore di moduli.

Dai un nome al tuo modulo

Il processo di creazione del modulo è piuttosto semplice con la registrazione utente, poiché tutto ciò che devi fare è trascinare e rilasciare i campi richiesti.

Quindi, premi il pulsante Aggiungi nuovo per aggiungere prima una nuova riga.

Aggiungi nuovo pulsante

Successivamente, trascina il campo richiesto dall'opzione Campi e rilascialo sul lato destro.

Trascina e rilascia il campo

Successivamente, puoi scorrere verso il basso per visualizzare i campi di pagamento con quattro campi modulo.

Campo pagamenti

I quattro campi di pagamento includono:

  • Articolo singolo: il campo ti consente di aggiungere un nome, una descrizione e un prezzo per un singolo articolo nel modulo.
Articolo singolo
  • Scelta multipla: il campo ti consente di aggiungere vari articoli e i loro prezzi. Gli acquirenti possono scegliere più di un articolo da esso.
Campo a scelta multipla
  • Totale: il campo mostra il prezzo totale di tutti gli articoli selezionati dall'utente.
Campo totale
  • Quantità: Il campo può essere integrato con un singolo articolo o con un campo a scelta multipla. Con questo, gli utenti possono scegliere il numero di articoli che desiderano acquistare.
Campo quantità

Ora, per ogni campo, puoi personalizzare diverse Impostazioni generali come Etichetta, Descrizione, Tooltip, ecc.

Opzioni campo Impostazioni generali

Inoltre, puoi anche configurare Impostazioni avanzate , tra cui Classe personalizzata, Logica condizionale e altro in base alle tue esigenze.

Impostazioni avanzate

Al termine, ricorda di premere su Crea modulo/Aggiorna modulo nell'angolo in alto a destra del modulo.

Pulsante Aggiorna modulo

Passaggio 4: abilita il pagamento PayPal e configura le impostazioni PayPal per il modulo

Dopo aver creato un modulo, il passaggio successivo è abilitare il pagamento PayPal. Per fare ciò, vai alla scheda Impostazioni modulo .

Vai alla scheda Impostazioni modulo

Qui vedrai una scheda chiamata PayPal Standard . Quindi, fai clic su di esso. Dalla stessa scheda, seleziona la casella Abilita pagamento PayPal per abilitare e disabilitare l'opzione.

Abilita pagamento PayPal

Successivamente, in Indirizzo e-mail PayPal , inserisci l'indirizzo e-mail associato al tuo conto PayPal o l'indirizzo e-mail del destinatario del pagamento. Questa deve essere un'e-mail aziendale!

Inserisci l'indirizzo e-mail PayPal

Sotto c'è un'opzione chiamata Mode , dove puoi scegliere Production . Ma se all'inizio desideri utilizzare il modulo a scopo di test, puoi utilizzare Sandbox.

Scegli Modalità

Quindi, puoi scegliere il tipo di pagamento tra due opinioni, ad esempio Prodotti e servizi o Donazione .

Modalità di pagamento

Successivamente, c'è l'opzione Annulla URL . Puoi inserire un URL di reindirizzamento per gli utenti che annullano il pagamento PayPal.

Annulla URL

Allo stesso modo, c'è un'opzione URL di ritorno per aggiungere un URL per reindirizzare gli utenti a una pagina dopo il processo di pagamento.

URL di ritorno

Ora, in Impostazioni abbonamento , puoi spuntare la casella Abilita pagamento abbonamento ricorrente . Ciò consente di abilitare periodicamente gli abbonamenti dell'utente in modo che possano rinnovare automaticamente la registrazione dopo un certo periodo.

Abilita il pagamento ricorrente dell'abbonamento

Ora puoi aggiungere un nome al piano per il piano ricorrente.

Nome piano

Successivamente, puoi scegliere l'opzione Periodo ricorrente adatta. Possono essere giorni, settimane, mesi e anni.

Periodo ricorrente

Per non parlare del fatto che puoi anche impostare la logica condizionale per utilizzare le regole condizionali sul tuo modulo.

Usa la logica condizionale

Infine, quando hai finito di apportare le modifiche, premi il pulsante Aggiorna modulo nell'angolo in alto a destra per salvare le modifiche.


Passaggio 5: configurare le impostazioni globali e del modulo di registrazione

Per configurare le impostazioni del modulo di registrazione, devi andare alla scheda Impostazioni modulo . Da qui è possibile configurare le impostazioni Generali ed Extra del modulo.

Vai alla scheda Impostazioni modulo

Nella scheda Generale , puoi configurare Ruolo utente predefinito, URL di reindirizzamento, Abilita supporto Captcha e altro.

Configura le impostazioni generali

E da Extra , puoi abilitare Attiva icona campo modulo, Attiva password generata automaticamente, Abilita protezione antispam , ecc.

Configura impostazioni extra

Successivamente, premi il pulsante Aggiorna modulo per aggiornare le modifiche!

Pulsante Carica modulo

Inoltre, utilizzando il plug-in Registrazione utente, è possibile configurare le impostazioni globali del modulo di registrazione. Quindi, per questo, vai su Registrazione utente >> Impostazioni dalla tua dashboard.

Scheda Impostazioni registrazione utente

Successivamente, fai clic sulla scheda Pagamenti per configurare le impostazioni di pagamento globali . Qui vedrai l'opzione per modificare la valuta utilizzata per il pagamento. La valuta è in dollari USA per impostazione predefinita, ma puoi cambiarla facendo clic sul menu a discesa. Quindi, premi il pulsante Salva modifiche per salvare le modifiche.

Scegli Valuta

Ora all'interno della stessa opzione Impostazioni , puoi vedere la scheda Generale . Pertanto, dalle Opzioni generali , puoi personalizzare facilmente le opzioni di accesso dell'utente.

Approvazione dell'utente e opzione di accesso

Da User Approval And Login Option , puoi selezionare le opzioni di accesso adatte per i tuoi utenti. Puoi scegliere l'opzione Pagamento prima dell'accesso dal menu a discesa se non desideri consentire agli utenti di accedere fino al completamento del processo di pagamento.

Inoltre, puoi personalizzare le impostazioni che includono Impedisci l'accesso al dashboard WP , ​​Abilita Nascondi/Mostra password e molte altre.

Personalizza altre impostazioni

Puoi anche configurare il messaggio front-end per lo stato di pagamento dell'utente facendo clic sulla scheda Messaggi front -end.

Messaggi front-end

Quindi, puoi scorrere verso il basso fino a Messaggi di pagamento per aggiungere e modificare il messaggio su diverse caselle come Pagamento prima dell'accesso , Pagamento prima della registrazione e Pagamento completato , secondo le tue necessità.

Messaggi di pagamento

Nel pagamento prima del login , puoi aggiungere un messaggio da visualizzare quando gli utenti tentano di accedere prima del pagamento.

Pagamento prima del login

In Payment Before Registration , puoi aggiungere un messaggio per mostrare agli utenti se il loro pagamento è ancora in sospeso.

Pagamento prima dell'iscrizione

E infine, in Payment Completed , puoi scrivere il messaggio da visualizzare quando la registrazione dell'utente è completa dopo il pagamento.

Pagamento completato

Inoltre, fai clic su Salva modifiche quando hai finito di aggiungere il messaggio.


Passaggio 6: mostra il tuo modulo sul sito

Dopo aver completato tutti i passaggi precedenti, è il momento di visualizzare il modulo di registrazione sul tuo sito.

Apri il pulsante Aggiungi nuovo sotto la pagina o il post nella dashboard.

Crea un nuovo post o pagina

Successivamente, assegnagli un titolo in base alle tue preferenze.

Aggiungi titolo

Successivamente, fai clic sull'icona "+" e cerca il blocco Registrazione utente. Dopo aver visualizzato l'opzione, fai clic su di essa per inserire il blocco Registrazione utente sulla tua pagina/post.

Fare clic su Segno più e cercare Blocco registrazione utente

Ora, scegli dal menu a tendina il modulo di registrazione integrato con PayPal.

Seleziona modulo dal menu a discesa

Prima della pubblicazione, puoi visualizzare l' anteprima del modulo e infine fare clic su Pubblica per visualizzare il modulo sul tuo sito!

Modulo di anteprima

Metodo 2: creare un modulo di registrazione utente WordPress con Stripe Payment

Ora, sappiamo come creare un modulo di registrazione con pagamento in WordPress utilizzando il metodo di pagamento stripe.

Banda

Passaggio 1: installare e configurare il plug-in Pro per la registrazione dell'utente

Ancora una volta, il primo e più importante passo è installare e configurare la versione premium del plug-in di registrazione utente, come menzionato sopra nello stesso articolo.

Puoi fare riferimento alla guida all'installazione e alla configurazione sopra per impararlo!


Passaggio 2: installa e attiva il componente aggiuntivo Stripe

Successivamente, devi installare e attivare il componente aggiuntivo Stripe sul tuo sito. Per questo, vai su Registrazione utente >> Estensioni .

Estensioni per la registrazione degli utenti

Ora verrai indirizzato a una pagina con tutti i componenti aggiuntivi disponibili. Quindi, cerca il componente aggiuntivo Stripe e fai clic sul pulsante Installa componente aggiuntivo.

Installa la registrazione utente del componente aggiuntivo Stripe

Quando è installato, vedrai il pulsante Attiva . Quindi, premi quel pulsante per attivare il componente aggiuntivo Stripe sul tuo sito.

Attiva Striscia

Passaggio 3: configurare le impostazioni globali di Stripe

Dopo aver attivato il componente aggiuntivo, ora dovrai configurare Stripe sul tuo sito.

Quindi, sulla tua dashboard, fai clic su Registrazione utente >> Impostazioni >> Pagamenti . Qui, sotto Pagamenti , puoi configurare la configurazione e le impostazioni di Stripe.

Configura le impostazioni della striscia

Devi utilizzare le chiavi API del tuo account Stripe per iniziare con la configurazione di Stripe.

Quindi, per recuperare le chiavi API , devi accedere alla dashboard di Stripe. Successivamente, apri la pagina delle chiavi API nella scheda Sviluppatore nella barra laterale della dashboard.

Chiavi a strisce

È necessario creare chiavi API e copiare la chiave pubblicabile e la chiave segreta . Se vuoi saperne di più in dettaglio, ti suggeriamo di consultare la documentazione di Stripe .

Ora torna alla sezione Pagamenti nella dashboard di WordPress e incolla le chiavi nei campi appropriati. E fare clic su Salva modifiche per salvare le modifiche.

Incolla chiavi

Ricorda che puoi anche testare il sistema di pagamento prima di andare in diretta con la Test Secret Key che ricevi dalla tua Stripe Dashboard .

Inoltre, puoi anche impostare la valuta per i tuoi pagamenti con l'opzione Valuta nella stessa scheda Pagamenti .

Cambia valuta

Passaggio 4: creare un modulo di registrazione

Al termine della configurazione delle impostazioni globali di Stripe, il passaggio successivo è la creazione di un modulo di registrazione.

Quindi, dalla dashboard di WordPress, vai su Registrazione utente e fai clic su Aggiungi nuovo .

Fare clic su Aggiungi nuovo

Successivamente, vedrai un'opzione per creare il tuo modulo da zero o utilizzare modelli gratuiti e premium. Ottieni diversi tipi di modelli per un modulo di registrazione che puoi utilizzare per il tuo sito. Per ora, inizieremo da zero .

Costruisci il tuo modulo con modelli o da zero

Ora puoi iniziare nominando il tuo modulo.

Dai un nome al tuo modulo

Successivamente, tutto ciò che devi fare è fare clic sul pulsante Aggiungi nuovo , trascinare il campo dall'opzione Campi e rilasciarlo sul lato destro come abbiamo menzionato nel metodo 1.

Aggiungi nuovo pulsante per trascinare e rilasciare i campi

Passaggio 5: abilita i pagamenti Stripe per il modulo

Dopo aver creato il modulo, devi abilitare il pagamento Stripe. Quindi, vai alle Impostazioni modulo del tuo modulo di registrazione.

Qui puoi vedere un'opzione chiamata Stripe Payment . Fare clic su di esso e quindi selezionare la casella Abilita pagamento Stripe .

Abilita pagamento Stripe

Ciò abiliterà Stripe sul tuo modulo. Quindi, ora puoi anche aggiungere il campo Stripe Gateway dai campi di pagamento .

Campo di fuga a strisce

Inoltre, puoi anche aggiungere il singolo articolo, il totale, la scelta multipla e la quantità dagli stessi campi di pagamento al tuo modulo.

Dopo aver aggiunto i campi del modulo necessari, puoi anche personalizzare l'impostazione del campo con l' opzione campo, dove puoi modificare l' etichetta, la descrizione, le impostazioni avanzate e così via.

Inoltre, per il campo Stripe Getaway , c'è un'opzione per aggiungere carta di credito, pagamento iDEAL o entrambi.

Aggiungi carta di credito iDeal o entrambi

Un pagamento iDeal è un sistema di pagamento e-commerce utilizzato nei Paesi Bassi supportato dall'online banking.

Quindi, scegli la tua preferenza e premi il pulsante Aggiorna modulo !

Pulsante Aggiorna modulo

Passaggio 6: aggiungi un'opzione di pagamento iDeal al tuo modulo

Come accennato in precedenza, c'è un'opzione per scegliere il pagamento iDeal per il metodo di pagamento di Stripe Getaway .

Se aggiungi un'opzione di pagamento iDea l, dovrai impostare alcune cose.

Per farlo, vai a Opzioni campo di Stripe Getaway . Scorri verso il basso e vedrai l'opzione Metodi di pagamento .

Scegli iDeal

Seleziona l'opzione di pagamento iDeal e scegli la banca da cui desideri effettuare il pagamento.

Inoltre, ricorda che qualsiasi valuta diversa dall'euro non è accettata nel pagamento iDeal.

E questo è tutto per aggiungere un'opzione di pagamento iDeal al tuo modulo!


Passaggio 7: configurare le impostazioni del modulo di registrazione e individuale

Successivamente, vai alla scheda Impostazioni modulo per configurare le impostazioni del modulo.

Puoi vedere le schede Generale ed Extra qui.

Nell'impostazione Generale è possibile configurare l' opzione Approvazione utente e accesso, impostare Ruolo utente predefinito, Abilita password sicura e così via.

impostazioni generali

Ora per l'impostazione Extra , questo ti consente di abilitare il modulo amichevole della tastiera, abilitare il pulsante di ripristino, attivare la password generata automaticamente, ecc.

Impostazioni Extra

Allo stesso modo, se hai abilitato Stripe Getaway, puoi configurare più impostazioni dalla scheda Stripe Payment . In Impostazioni abbonamento , puoi spuntare la casella Abilita pagamento abbonamento ricorrente .

Configura l'impostazione della striscia

Inoltre, puoi aggiungere il nome del piano per il piano ricorrente e l'intervallo tra i pagamenti ricorrenti nell'opzione Periodo ricorrente . Il periodo ricorrente può essere aggiunto entro giorni, settimane, mesi e anni.

Inoltre, ricorda di fare clic sul pulsante Aggiorna modulo in alto quando hai finito di apportare le modifiche!


Passaggio 8: mostra il tuo modulo sul sito

Infine, è il momento di visualizzare il modulo di registrazione sul tuo sito.

Dalla dashboard, apri la pagina o il post.

Crea un nuovo post o pagina

Per prima cosa, dagli un titolo adatto.

Aggiungi titolo

Ora, fai clic sull'icona "+" e cerca il blocco Registrazione utente. Una volta visualizzato, fai clic su di esso per inserire il blocco Registrazione utente sulla tua pagina/post.

Fare clic su Segno più e cercare Blocco registrazione utente

Successivamente, seleziona dal menu a tendina il modulo di registrazione integrato con Stripe .

Seleziona modulo dal menu a discesa

Puoi visualizzare in anteprima il modulo per vedere come appare nella parte anteriore. E se sei soddisfatto del tuo modulo, fai clic sul pulsante Pubblica per visualizzare il modulo sul tuo sito!

Modulo di anteprima

Passaggio 9: Visualizza i dettagli del pagamento come amministratore o utente dopo la registrazione

Come amministratore:

Per visualizzare i dettagli di pagamento degli utenti registrati come amministratore, apri la dashboard di WordPress e fai clic sulla scheda Utenti .

Apri Utenti

Fare clic sul particolare nome utente dell'utente per visualizzare tutte le informazioni sullo stato del pagamento come l' ID della transazione, il metodo di pagamento, la valuta del pagamento e l'importo totale .

Dettagli di pagamento

Come utente:

Gli utenti devono accedere al proprio account e visitare la dashboard dell'account sul sito. Quindi, possono visualizzare le proprie informazioni di pagamento nella scheda Dettagli pagamento .

Le informazioni verranno visualizzate nel seguente formato, come mostrato di seguito.

Dettagli di pagamento

Come consentire agli utenti di scegliere tra pagamenti PayPal e Stripe?

Fatta eccezione per l'integrazione di un solo metodo di pagamento, puoi aggiungere entrambi i componenti aggiuntivi PayPal e Stripe e impostare le opzioni per scegliere tra di loro per i tuoi utenti.

Per fare ciò, apri il modulo e aggiungi il campo Pulsante di opzione nel modulo.

Pulsante Radio

Qui puoi aggiungere entrambe le opzioni PayPal e Stripe come opzioni disponibili per i tuoi utenti.

Aggiungi entrambe le opzioni

Ma se vuoi nascondere un'opzione di pagamento, ad esempio Stripe, devi applicare la logica condizionale come mostrato nell'immagine qui sotto.

Logica condizionale per nascondere la striscia

Successivamente, vai su Impostazioni modulo e seleziona PayPal o Stripe che desideri nascondere per i tuoi utenti.

Quando fai clic su una delle opzioni, vedrai un'opzione chiamata "Usa logica condizionale". Quindi, controlla quell'opzione e applica la logica condizionale.

Se applichi la condizione per PayPal , dovrebbe apparire come mostrato di seguito

Applica condizione per PayPal

E, se usi la condizione per Stripe , dovrebbe apparire come mostrato di seguito.

Applica Condizione per Striscia

Conclusione

Ed è così che puoi creare un modulo di registrazione con pagamento in WordPress. Tutto grazie alla funzionalità di prim'ordine del plug-in Registrazione utente.

Le capacità del plugin non finiscono qui; ti consente anche di aggiungere un numero limite di invio al modulo, campi personalizzati e molto altro.

Siamo arrivati ​​alla fine e speriamo che ora tu possa creare facilmente un modulo di registrazione con pagamento. Puoi scegliere tra il metodo PayPal o Stripe secondo le tue esigenze.

In caso di confusione, puoi sempre consultare la documentazione ricca di risorse della registrazione utente o contattare il loro team di supporto super cordiale.

Infine, se vuoi ricevere tutti gli aggiornamenti, seguici su Twitter e Facebook!

Buona lettura!