Come aggiungere il pagamento del codice QR a strisce in WordPress

Stai cercando di aggiungere un'opzione di pagamento del codice QR sul tuo sito WordPress?

Un metodo di pagamento QR consente agli utenti di scansionare e accedere al collegamento di pagamento sui loro telefoni. Questo rende il processo di pagamento più semplice e più semplice per loro.

Ma ci sono molti modi per consentire agli utenti di pagare con codice QR. Inoltre, ci sono molti gateway di pagamento che puoi integrare con il codice QR.

Ad esempio, è possibile aggiungere manualmente un codice QR di pagamento al tuo sito utilizzando piattaforme come il generatore di codice QR o QRStuff. Ma questo richiede un lungo processo di configurazione.

È necessario inserire le informazioni sul codice QR, come il collegamento di pagamento, l'URL del sito Web e i dettagli di contatto. È inoltre necessario personalizzare il codice QR separatamente dal tuo sito e scaricarlo come immagine.

Alla fine, può guardare fuori posto e avere conflitti di funzionalità.

Inoltre, i codici QR generati manualmente sono statici, il che significa che eventuali aggiornamenti richiedono la rigenerazione e la sostituzione dell'immagine sul tuo sito.

Questo è il motivo per cui ti consigliamo di utilizzare WPFORMS per aiutarti a creare un'opzione di pagamento del codice QR.

Innanzitutto, con WPFORMS, è possibile generare dinamicamente i codici QR in base a input di moduli, come dettagli dell'utente, importi di pagamento o registrazioni di eventi. Ciò garantisce che i codici QR siano sempre rilevanti e personalizzati senza intervento manuale.

Puoi anche aggiungere rapidamente un codice QR con il tuo link di pagamento a qualsiasi modulo o pagina utilizzando Visual Builder, risparmiando tempo.

La parte migliore è che WPFORMS si integra con i gateway di pagamento come PayPal e Stripe, semplificando la generazione di codici QR collegati alle pagine di pagamento.

Ora che abbiamo selezionato uno strumento per creare il codice QR di pagamento, la domanda successiva è: quale gateway è meglio per la configurazione dei codici di pagamento QR?

Qui, la tua priorità dovrebbe essere quella di trovare un gateway di pagamento sicuro, scalabile e intuitivo. Dovresti anche trovarne uno che supporti molte valute, dando l'accesso a un pubblico globale.

Per questi motivi, abbiamo selezionato Stripe.

Stripe ti consente di generare codici QR dinamici che si collegano a pagine di pagamento in tempo reale. Puoi personalizzare la pagina di pagamento collegata al codice QR con il tuo marchio, logo e colori.

Stripe supporta vari metodi di pagamento, tra cui carte di credito/debito, portafogli mobili come Apple Pay e Google Pay, nonché sistemi di pagamento locali.

Di conseguenza, un singolo codice QR può indirizzare gli utenti a una pagina di pagamento in cui scelgono il loro metodo preferito.

Ecco altri motivi per cui Stripe è un ottimo gateway di pagamento del codice QR.

• Pagamenti a un tap: i clienti possono scansionare il codice QR e completare il pagamento in pochi secondi utilizzando i metodi di pagamento salvati
• Importi di pagamento dinamici: Stripe consente di creare codici QR legati agli importi di pagamento calcolati dinamicamente.
• Facile integrazione con i siti Web: Stripe offre semplici integrazioni API e plugin per piattaforme come WordPress.
• Aggiornamenti in tempo reale: la dashboard di Stripe tiene traccia dei pagamenti effettuati tramite codici QR. È possibile monitorare istantaneamente le transazioni.
• Transazioni sicure: i pagamenti tramite i codici QR Stripe vengono elaborati in modo sicuro, con meccanismi avanzati di crittografia e rilevamento delle frodi.

Come puoi vedere, la combinazione di Stripe e WPFORMS è un ottimo modo per ricevere pagamenti attraverso i codici QR.

Con questo fuori mano, ti mostriamo, passo dopo passo, come impostare i pagamenti del codice QR in WordPress.

Di seguito è riportato un esempio del pagamento del codice QR a strisce che creeremo in questo tutorial:

Con quello fuori mano, iniziamo.

Come aggiungere il pagamento del codice QR a strisce in WordPress

Come accennato, abbiamo bisogno di due strumenti per impostare pagamenti QR in WordPress: WPFORMS e Stripe.

Fortunatamente, WPFORMS è compatibile con Stripe. Quindi, collegheremo Stripe con WordPress tramite WPFORMS. Questo processo consente agli utenti di pagare con codice QR su qualsiasi modulo desideroso utilizzando il costruttore di trascinamento. Questo rende conveniente e facile per i tuoi utenti effettuare un acquisto.

Ora, controlla tutti i passaggi che seguiremo di seguito. Se vuoi saltare a qualsiasi passaggio, fai semplicemente clic su di esso.

• Passaggio 1: installare e configurare WPFORMS
• Passaggio 2: installare e configurare WPFORMS Stripe Pro Addon
• Passaggio 3: creare modulo di pagamento
• Passaggio 4: impostare il pagamento a strisce
• Passaggio 5: impostare notifiche e messaggi di conferma
• Passaggio 6: pubblicare il modulo
• Passaggio 7: aggiungi il codice QR per i pagamenti a strisce in WordPress

Lascia che ti guidi attraverso l'intero processo di seguito.

Passaggio 1: installare e configurare WPFORMS

Il primo passo è installare WPFORMS nella dashboard WordPress. Ma dovremmo menzionare che WPFORMS offre una versione gratuita che ti consente di effettuare pagamenti a strisce. Puoi accedervi rapidamente nel tuo repository di WordPress e iniziare a creare moduli.

Ma hai bisogno della versione Pro per funzionalità a strisce più avanzate, come l'uso di un codice QR.

Questo perché la versione Pro ti dà accesso all'Addon Stripe Pro, di cui avremo bisogno in questo tutorial. Oltre a ciò, la versione gratuita di WPFORMS ha una commissione di transazione del 3%, che può aumentare il costo della tua merce.

Dai un'occhiata all'ultima recensione WPFORMS per saperne di più.

Per iniziare, vai al sito Web ufficiale WPFORMS e iscriviti a un piano. Offrono una varietà di piani, rendendo facile trovarne uno adatto al budget e alle esigenze. Ma, per utilizzare lo Stripe Pro Addon in modo specifico, sono necessari i piani WPFORMS Pro o Elite.

Dopo aver acquistato il piano Pro o Elite, accedi al tuo account WPFORMS e naviga per i download .

Dopo questo, scarica il file zip WPFORMS sul tuo PC. Quindi, ancora, in questa pagina, copiare la chiave di licenza ; Avrai bisogno per attivare la versione Pro.

Una volta fatto, vai al cruscotto WordPress e vai su plugin »Aggiungi nuovo plugin . Quindi, installa e attiva WPFORMS come faresti con qualsiasi altro plug -in.

Dai un'occhiata a questo tutorial su come installare i plugin se hai bisogno di aiuto.

Dopo l'attivazione, è necessario visualizzare una nuova opzione di menu nella dashboard WordPress etichettata "WPFORMS". Ciò indica che il processo di installazione è stato un successo.

Dopo questo, vai su WPFORMS »Impostazioni» Generale e incolla la "chiave di licenza" che hai copiato in precedenza.

Infine, premi verifica la chiave , e basta! Sei pronto per usare WPFORMS.

Successivamente vediamo come impostare il pagamento a strisce in WordPress tramite WPFORMS.

Passaggio 2: installare e configurare WPFORMS Stripe Pro Addon

WPFORMS rende super semplice aggiungere pagamenti a strisce e configurarli. Tutto quello che devi fare è andare su WPFORMS »componenti aggiuntivi .

Qui, scorrere i componenti aggiuntivi disponibili o utilizzare la funzione di ricerca per trovare il componente aggiuntivo "Stripe Pro". Dopo questo, installalo e attivalo come qualsiasi altro addon plug -in.

Questo è tutto! Ora puoi utilizzare le funzioni di strisce avanzate su WPFORMS tramite questo componente aggiuntivo.

Quindi, configurare e configurare i pagamenti a strisce su WPFORMS.

Per fare ciò, vai su WPFORMS »Impostazioni e vai alla scheda" Pagamento ". Dopo questo, scorrere la sezione Stripe sulla pagina e premi "Connettiti con Stripe".

Verrai reindirizzato a una pagina di iscrizione in cui puoi aggiungere i dettagli di accesso alla striscia. Se non hai un account Stripe, puoi anche crearne uno in questa pagina.

Una volta connesso, verrai reindirizzato alla dashboard WordPress. A questo punto, dovresti vedere un segno di spunta verde accanto allo "stato di connessione" nella scheda Stripe.

Dai un'occhiata a questo articolo sui migliori plug -in Stripe se stai cercando più strumenti che lo collegano facilmente a Stripe in WordPress.

Grande! Hai appena impostato Stripe e sei pronto a ricevere pagamenti.

Passaggio 3: creare modulo di pagamento

Il prossimo passo è impostare un modulo di pagamento in cui gli utenti possono effettuare pagamenti. Come accennato, la bellezza dell'utilizzo di WPFORMS è che puoi aggiungere un campo di pagamento su qualsiasi forma desideri.

Ad esempio, è possibile aggiungere un campo di pagamento a un modulo di registrazione. Questo combina l'iscrizione e la retribuzione con il processo del codice QR, semplificando il checkout. Puoi anche aggiungerlo a un modulo di donazione, forma di fatturazione, forma di asta, modulo RSVP della festa, modulo d'ordine e altro ancora.

La parte migliore dell'utilizzo di WPFORMS è che viene fornito con oltre 2000 modelli di forma pronti all'uso. Questo semplifica ulteriormente il processo. Puoi anche usare la tela vuota se hai esperienza di design.

Per aiutarti a scegliere un modello, WPFORMS mostra un'anteprima per ciascuno nella pagina del modello. Se si desidera visualizzare il modello su uno schermo intero, passala sopra e seleziona "Visualizza demo".

Il nostro tutorial passo-passo utilizzerà il modello di "semplice modulo di contatto".

Quindi, ci passeremo su e colpiremo "Usa il modello". Questo aprirà il modello nel costruttore di moduli di trascinamento.

Innanzitutto, noterai che l'interfaccia del costruttore di moduli è divisa in due sezioni: "campi" a sinistra e un'anteprima dal vivo del modulo a destra.

I campi sono divisi in campi standard, campi fantasiosi e campi di pagamento. Questo rende facile trovare un campo che vuoi aggiungere.

WPFORMS offre una varietà di tipi di campo, tra cui testo a linea singola, e-mail, menu di controllo e altro, dandoti la flessibilità di creare moduli su misura per il tuo scopo.

Per aggiungere un campo, basta trascinarlo dal pannello sinistro e rilasciarlo nel punto desiderato nel modulo nella finestra di anteprima a destra. È possibile riorganizzare i campi facendoli clic e trascinandoli all'interno dell'anteprima dal vivo mentre si crea il modulo di contatto.

Questo ti consente di personalizzare il layout del modulo in base alle tue esigenze senza sforzo.

Ad esempio, è possibile aggiungere una casella di controllo, più articoli o campo a discesa se si desidera vendere più prodotti nel modulo. D'altra parte, è possibile aggiungere un singolo campo di articolo se si desidera vendere solo un prodotto nel modulo di contatto.

Ricorda, ogni modello WPFORMS ha campi pre-aggiunti, che puoi personalizzare.

Per modificare un campo, selezionalo nell'anteprima del modulo e le opzioni di campo appariranno a sinistra. Da qui, è possibile modificare l'etichetta del campo, il testo segnaposto e altre impostazioni, ad esempio se il campo è richiesto.

Una volta terminato la modifica o l'aggiunta di campi, salva il modulo utilizzando il pulsante in alto a destra per assicurarsi che tutte le modifiche vengano applicate. Questo semplice processo garantisce che anche i principianti possano costruire forme professionali e funzionali in pochi minuti.

Dai un'occhiata a questo articolo di confronto su WPFORMS vs. FormStack per vedere come corrispondono nella creazione di moduli.

Passaggio 4: impostare il pagamento a strisce

Con il tuo modulo di contatto pronto, la configurazione dell'opzione di pagamento Stripe è il passaggio successivo.

Per fare ciò, dovremo aggiungere un campo a strisce alla forma. Questo è un processo molto semplice, poiché utilizzerai lo stesso processo di trascinamento che abbiamo usato sopra.

Quindi, vai al pannello Fields e scorri verso i campi di pagamento . Qui, individua il campo "Stripe Credit Card", quindi trascinalo e lascialo cadere nella posizione sul modulo che si desidera apparire.

Il campo di pagamento Stripe WPFORMS viene premade con il numero della carta, la scadenza, il CVC e le linee di testo del paese. Quindi, non è necessario personalizzare ulteriormente il campo della carta di credito a strisce.

Dai un'occhiata a questo articolo per imparare un altro modo conveniente per ricevere pagamenti con carta in WordPress.

Con il campo di pagamento Stripe pronto, vai alla scheda "Pagamenti" all'estrema sinistra.

Una volta selezionato, si aprono tutti i gateway di pagamento per connettersi con WPFORMS. È possibile utilizzare Authorize.net, coupon, PayPal Commerce, PayPal Standard e Square.

Ma il gateway di pagamento consigliato è una striscia, che troverai nella parte superiore di questa pagina.

Una volta selezionata questa opzione, una nuova pagina si aprirà a sinistra con un pulsante a disattivazione per abilitare "pagamenti una tantum" o "pagamenti ricorrenti".

Dai un'occhiata a questo articolo per imparare a impostare pagamenti ricorrenti con WPFORMS.

Per il nostro tutorial oggi, imposteremo pagamenti una tantum.

Una volta utilizzato il pulsante di levetta per abilitare questa funzione, vedrai le opzioni per mappare i campi del modulo di contatto sui campi di pagamento. Ciò consente a WPFORM di comunicare con Stripe e garantire che i dettagli di pagamento corretti vengano acquisiti durante il processo di invio del modulo.

Ancora una volta, WPFORMS semplifica il processo di mappatura.

Tutto quello che devi fare è selezionare un'opzione dai menu a discesa. In effetti, i menu a discesa contengono solo il campo più probabile da mappare, rendendolo ancora più semplice.

Ad esempio, sotto la ricevuta di pagamento a strisce, vedi "e -mail". Quindi, nel discesa del nome del cliente, otterrai "nome".

Dopo la mappatura, dovrebbe sembrare lo screenshot qui sotto:

Per migliorare ulteriormente l'esperienza dell'utente, è possibile attivare la logica condizionale nella parte inferiore di questa pagina.

Qui, puoi dettare quando i campi di pagamento devono essere visualizzati o nascosti. WPFORMS consente anche di aggiungere più regole logiche condizionali.

Oltre alla logica condizionale, ecco un altro modo per ridurre l'abbandono di forma che può tornare utile.

Passaggio 5: impostare notifiche e messaggi di conferma

Ora, le notifiche e -mail e i messaggi di conferma sono importanti per tutti i moduli. Ma sono cruciali per le forme relative al pagamento. Forniscono feedback immediati agli utenti, rassicurandoli sul fatto che il loro pagamento è stato elaborato con successo.

Le notifiche e -mail possono essere configurate per inviare una ricevuta o i dettagli di conferma all'utente, avvisando anche la transazione.

I messaggi di conferma, visualizzati immediatamente dopo l'invio del modulo, aiutano a eliminare la confusione facendo sì che gli utenti conoscano il pagamento e l'invio del modulo avevano successo.

È possibile impostare immediatamente il messaggio di conferma sulla stessa pagina di un "messaggio", mostrarlo su un'altra pagina sullo stesso sito o su un URL esterno.

WPFORMS consente di impostarli entrambi in Impostazioni . Qui, ottieni schede sia per "notifiche" che per "conferme".

Ricorda, garantire che questi messaggi siano chiari e che professionali migliora la fiducia dell'utente e crea un'esperienza complessiva più fluida.

Puoi controllare questo articolo su come impostare le notifiche del modulo e le conferme per una spiegazione approfondita.

Passaggio 6: pubblicare il modulo

Ora, con tutto impostato, l'unica cosa da fare è pubblicare il tuo modulo sul tuo sito WordPress. Esistono due modi per farlo: pubblicare su una nuova pagina o pubblicare su una pagina esistente.

Vediamo come pubblicare su una pagina esistente.

Innanzitutto, premi il pulsante Salva nella parte superiore della pagina. Una volta fatto, selezionare il pulsante "Incorpora" accanto al pulsante Salva per aprire una finestra popup. Quindi, in questa finestra, scegli "Seleziona la pagina esistente".

Nel popup successivo, scegli la pagina in cui si desidera che il modulo appaia dal discesa. Dopo questo colpo, "Andiamo".

Questo aprirà la pagina in Block Editor di WordPress.

Successivamente, vai all'estrema sinistra dell'editor di blocchi e seleziona il pulsante Plus (+) per aprire i blocchi.

Quindi, individuare il blocco WPFORMS e trascinarlo e rilasciarlo nella posizione nella pagina in cui si desidera che il modulo di pagamento venga visualizzato. Una volta caricato, utilizzare il menu a discesa nel blocco per selezionare il modulo di pagamento che hai appena creato.

Infine, premi Salva in alto a destra della pagina. A questo punto, dovresti vedere il modulo di contatto creato nella pagina live.

Quindi, vediamo come aggiungere il modulo di pagamento a una nuova pagina.

Ancora una volta, torna al pulsante Embed nella parte superiore del costruttore di moduli di trascinamento. Ma questa volta, seleziona "Crea nuova pagina".

Nel popup successivo, nomina la tua nuova pagina e seleziona "Andiamo." Questo aprirà l'editor Block per la nuova pagina. Questa volta, la nuova pagina si caricherà con il modulo pre-aggiunto.

Naturalmente, puoi usare i blocchi WordPress per personalizzare ulteriormente la pagina. Ma il modulo dovrebbe essere pronto a pubblicare così com'è. Una volta che sei soddisfatto del modulo, premi "Pubblica" nella parte superiore della pagina.

Questo è tutto! Ora puoi pubblicare un modulo utilizzando WPFORMS su pagine esistenti e nuove.

Quindi, vediamo come aggiungere un codice QR per accettare i pagamenti attraverso il modulo.

Passaggio 7: aggiungi il codice QR per i pagamenti a strisce in WordPress

Ora, ci sono 2 metodi gratuiti e semplici per aggiungere un codice QR al tuo modulo di pagamento. Innanzitutto, puoi utilizzare Google Chrome, che ha una funzione QR integrata, o ShortCodes Ultimate, un plugin WordPress gratuito.

1. Utilizzare la funzione Chrome incorporata per aggiungere un codice QR

Per creare un codice QR utilizzando la funzione Google Chrome, aprire la pagina del modulo di pagamento sul browser.

È possibile utilizzare il pulsante Condividi accanto alla barra di testo URL per aprire la funzione del codice QR.

Se non lo trovi qui, premi il pulsante "personalizza e controlla" in alto a destra del browser Chrome. Questo viene solitamente visualizzato come 3 punti.

Dopo questo, scorrere verso il basso per lanciare, salvare e condividere . Quindi, dal menu a discesa, selezionare "Crea codice QR".

Quindi, sul popup che appare successivo, scarica il codice QR come immagine.

Quindi, vai a qualsiasi pagina o pubblica sul tuo sito e aggiungi il codice QR scaricato. Preferibilmente, aggiungilo alle pagine del prodotto in modo da poter reindirizzare rapidamente i tuoi utenti alla pagina di pagamento.

Successivamente, tutto ciò che devi fare è modificare la pagina o pubblicarla nell'editor di blocchi. Quindi, utilizzare il blocco immagine per aggiungere il codice QR.

Questo è tutto. I tuoi utenti possono aprire immediatamente il modulo di pagamento.

2. Usa i codi short ultimo per aggiungere un codice QR

I punti di forza costruiti da ShortCodes Ultimate consentono di posizionare il codice QR in aree di pagina, widget, barre laterali e altro ancora senza codifica.

Per ottenere la versione gratuita di questo plug -in Shortcode, vai al tuo repository WordPress e usa la funzione di ricerca per trovare "Shortcodes Ultimate". Dopo questo, installalo e attivalo come faresti con qualsiasi altro plug -in.

Dopo questo, apri una pagina nuova o esistente nella dashboard WordPress. Quindi, utilizzare la funzione Plus (+) per cercare "Shortcode".

Trascina e lascia cadere il blocco dei codi short nella posizione nella pagina in cui si desidera che venga visualizzato il codice QR.

Una volta fatto, selezionare l'opzione di parentesi quadrate "[]" in cima al blocco di code per aprire più opzioni. Quindi, trova "Codice QR" dal lungo elenco di opzioni nella finestra popup.

Nel popup successivo, immettere l'URL del modulo di pagamento nel campo dati . Quindi, puoi aggiungere più personalizzazioni come dimensioni, margine, allineamento, collegamento e altro ancora.

Successivamente, premere Inserisci Shortcode e aggiorna la pagina. Dovresti vedere il codice QR nella pagina live a questo punto.

Dai un'occhiata al campione del codice QR di pagamento di seguito:

La parte migliore è che è possibile utilizzare questo codice QR creato su più pagine e post senza ulteriori modifiche.

Questo è tutto! Hai appena imparato come aggiungere il pagamento del codice QR Stripe in WordPress. Speriamo che ti sia piaciuto. Se hai altre domande, controlla le domande comunemente poste di seguito.

FAQ: come aggiungere i pagamenti del codice QR Stripe in WordPress

Congratulazioni! Ora puoi impostare codici di pagamento QR sul tuo sito WordPress. Ecco un articolo per mostrarti come accettare i pagamenti a strisce in WordPress se non si desidera aggiungere codici QR al tuo modulo di pagamento.

Inoltre, ecco altri articoli che potresti essere interessato a leggere.

• 9 migliori plugin di pagamento WordPress
• WP Simple Pay Review: è il miglior plug -in di pagamento?
• 9 migliori plugin di pagamento WordPress

Il primo articolo elenca i migliori plug -in di pagamento per WordPress. Il prossimo rivede WP Simple Pay, un altro sorprendente plug -in di pagamento. L'ultimo post classifica i migliori plug -in di pagamento WordPress.