How to add Stripe payment QR code payment in WordPress
Tempo di lettura: 8 minuti

Stai cercando un modo per aggiungere un codice QR per i pagamenti Stripe sul tuo sito Web WordPress?

I codici QR, o codici di risposta rapida, sono un tipo di codice a barre che gli utenti possono scansionare utilizzando il proprio telefono cellulare. Puoi mostrare un modulo di pagamento Stripe utilizzando i codici QR e aiutare i clienti ad acquistare facilmente un prodotto o un servizio.

In questo articolo, ti mostreremo come aggiungere il pagamento con codice QR Stripe in WordPress.

Perché aggiungere il pagamento con codice QR Stripe in WordPress?

Stripe è un popolare gateway di pagamento che ti consente di accettare pagamenti online sul tuo Sito WordPress o negozio di e-commerce. Rende molto semplice per i clienti pagare utilizzando il proprio carte di credito.

La parte migliore è che i clienti non devono sottoporsi a un lungo processo di registrazione. Possono semplicemente inserire la loro carta di credito sul sito web per effettuare un acquisto.

L’aggiunta dei pagamenti tramite codice QR Stripe al tuo sito offre ai clienti la flessibilità necessaria per completare rapidamente un acquisto. I clienti possono semplicemente scansionare il codice per aprire il collegamento di pagamento.

Ciò rende il processo di pagamento molto semplice e veloce. Aiuta le persone ad acquistare facilmente un prodotto e un servizio sul tuo sito negozio online. Di conseguenza, vedrai un aumento delle conversioni e una riduzione degli abbandoni del carrello.

Detto questo, diamo un’occhiata a come aggiungere un pagamento tramite codice QR Stripe al tuo sito Web WordPress.

Crea un modulo di pagamento Stripe in WordPress

Innanzitutto, dovrai aggiungere un modulo di pagamento Stripe sul tuo sito web per accettare pagamenti online dai clienti.

Il modo migliore per farlo è utilizzare WPForms. È la migliore Plugin del modulo di contatto per WordPress è semplicissimo da usare e si integra facilmente con Stripe. Sono disponibili molti modelli di modulo tra cui scegliere e puoi personalizzarli utilizzando il generatore di trascinamento della selezione.

Per questo tutorial avrai bisogno della licenza WPForms Pro perché include il componente aggiuntivo Stripe. C’è anche un WPForm Lite versione che puoi utilizzare gratuitamente. Ti consente di accettare pagamenti Stripe, ma è prevista una commissione di transazione del 3% per i pagamenti effettuati tramite i tuoi moduli.

Per iniziare, dovrai scaricare e installare il plugin WPForms. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l’attivazione, puoi andare a WPForms »Impostazioni dalla dashboard di WordPress e inserisci la chiave di licenza. Puoi trovare la chiave nell’area del tuo account sul sito Web WPForms.

Aggiunta di una chiave di licenza al plug-in del generatore di moduli WPForms

Basta inserire la chiave e fare clic sul pulsante “Verifica chiave”.

Una volta fatto, dovrai andare al WPForms » Componenti aggiuntivi pagina e installare il componente aggiuntivo Stripe.

Installazione del componente aggiuntivo Stripe

Vai avanti e fai clic sul pulsante “Installa componente aggiuntivo” e WPForms lo installerà e attiverà automaticamente.

Da qui puoi andare a WPForms »Impostazioni dal pannello di amministrazione di WordPress e vai alla scheda “Pagamenti”.

Successivamente, fai semplicemente clic sul pulsante “Connetti con Stripe” e segui le istruzioni visualizzate per connettere il tuo account con WPForms.

Fai clic sul pulsante Connetti con Stripe

Una volta connesso Stripe, puoi andare su WPForms »Aggiungi nuovo per creare un nuovo modulo.

WPForms offre molti modelli di moduli tra cui scegliere. È possibile selezionare un semplice modulo di contattoun modulo d’ordine o un modulo di pagamento Stripe e personalizzalo.

Modulo di pagamento a strisce

Per questo tutorial utilizzeremo il modello “Stripe Payment Form”.

Successivamente, puoi personalizzare il tuo modulo utilizzando il generatore di moduli drag-and-drop. Per impostazione predefinita, nel modello verranno visualizzati campi modulo diversi.

Tuttavia, WPForms ti consente di aggiungere più campi modulo al modello, come un menu a discesa, caselle di controllo, e-mail, telefono, indirizzo, sito Web e altro.

Personalizza il modulo di pagamento Stripe

Puoi anche fare clic su qualsiasi campo del modulo sul modello per personalizzarlo ulteriormente.

Ad esempio, abbiamo modificato il testo per ciascun articolo nel modulo demo e abilitato l’opzione per mostrare i prezzi dopo l’etichetta dell’articolo.

Personalizza il campo del modulo nel modulo di pagamento stripe

Una volta terminata la modifica del modulo, passa semplicemente alla scheda “Pagamenti” e seleziona “Stripe” dal menu a sinistra.

Da qui, assicurati che l’opzione “Abilita pagamenti Stripe” sia abilitata.

Abilita i pagamenti Stripe

Successivamente, puoi passare alla scheda Impostazioni. Qui vedrai le opzioni per modificare la notifica e impostazioni di conferma.

Ad esempio, puoi selezionare quale azione deve essere eseguita quando un utente invia un modulo. WPForms ti consente di mostrare un messaggio o una pagina o persino reindirizzare gli utenti a un URL.

Modulo delle impostazioni di conferma

Ora sei pronto per visualizzare il modulo di pagamento Stripe sul tuo sito web.

Basta fare clic sul pulsante “Salva” per memorizzare le modifiche, quindi fare clic sul pulsante “Incorpora” in alto.

Salva e incorpora il tuo modulo

Successivamente, WPForms mostrerà un popup in cui puoi scegliere una pagina esistente o crearne una nuova per incorporare il tuo modulo.

Sceglieremo l’opzione “Seleziona pagina esistente” per questo tutorial.

Incorpora un modulo nella pagina

Successivamente, dovrai inserire un nome per la tua nuova pagina.

Una volta fatto, fai semplicemente clic sul pulsante “Andiamo”.

Inserisci il nome per la tua nuova pagina

Successivamente, vedrai un’anteprima del tuo modulo di pagamento Stripe nel file Editor di contenuti WordPress.

Puoi andare avanti e pubblicare la pagina e visitare il sito Web per vederlo in azione.

Anteprima del modulo di pagamento Stripe

Ora vai avanti e copia il link della pagina del modulo di pagamento, poiché ti servirà per creare un codice QR.

Metodo alternativo: Puoi anche creare un modulo di pagamento Stripe utilizzando WP Pagamento semplice. È la migliore Plugin di pagamento Stripe per WordPress e ti aiuta a riscuotere pagamenti online senza impostare un carrello.

WP Simple Pay è un’opzione più semplice rispetto a WPForms. È perfetto se stai solo cercando di creare un modulo base per accettare pagamenti con carta di credito.

Tuttavia, se stai cercando ulteriori opzioni di personalizzazione e modelli di moduli, ti consigliamo di utilizzare WPForms.

Per maggiori dettagli puoi consultare la nostra guida dettagliata su come accettare pagamenti con Stripe in WordPress.

Aggiungi il codice QR per i pagamenti Stripe in WordPress

Ora che il modulo di pagamento Stripe è pronto, puoi crearne un codice QR e visualizzarlo ovunque sul tuo sito.

Ci sono 2 modi per farlo aggiungi un codice QR al tuo sito. Puoi utilizzare la funzionalità del browser Google Chrome o utilizzare un plug-in WordPress.

1. Crea codici QR utilizzando Google Chrome

Se utilizzi il browser Google Chrome, puoi utilizzarlo per condividere una pagina web tramite un codice QR.

Innanzitutto, dovrai aprire la pagina del modulo di pagamento Stripe in una nuova scheda o finestra.

Successivamente, puoi fare clic sull’icona di condivisione nell’angolo in alto a destra della barra degli indirizzi del sito. Da qui, seleziona semplicemente l’opzione “Crea codice QR”.

Fai clic sull'icona di condivisione in Chrome

Successivamente, Google Chrome genererà un codice QR per la pagina del modulo di pagamento Stripe.

Puoi andare avanti e scaricare il codice QR come immagine.

Scarica il codice QR

Successivamente, posiziona semplicemente l’immagine in qualsiasi punto del tuo sito.

Ad esempio, puoi mostrare il codice QR sulle pagine dei prodotti, in modo che i clienti possano scansionarli rapidamente e aprire il modulo per effettuare un acquisto.

Aggiungi il codice QR alla pagina del prodotto

2. Crea un codice QR per pagamenti Stripe utilizzando un plugin WordPress

Puoi anche aggiungere codici QR al tuo sito utilizzando un plugin WordPress come Shortcodes Ultimate. È un plugin gratuito che ti consente di creare oltre 50 diversi tipi di codici brevi, inclusi i codici QR.

Per prima cosa dovrai installare e attivare il file Shortcode Ultimate collegare. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l’attivazione, vedrai la schermata di benvenuto di Shortcode Ultimate.

Schermata di benvenuto definitiva dello shortcode

Successivamente, dovrai modificare una pagina o un post per aggiungere il tuo codice QR.

Una volta che sei nell’editor di contenuti, aggiungi semplicemente un blocco di shortcode.

Come aggiungere un blocco shortcode a WordPress

Successivamente, dovresti vedere l’opzione “Inserisci shortcode”.

Puoi semplicemente fare clic sull’icona delle doppie parentesi per aggiungere il tuo codice QR.

Fare clic sull'icona di selezione dello shortcode

Successivamente, il plugin mostrerà diverse opzioni di shortcode per il tuo sito.

Vai avanti e seleziona l’opzione “Codice QR”.

Seleziona lo shortcode del codice QR

Successivamente, vedrai le opzioni per inserire i dettagli per il tuo codice QR.

Nel campo Dati puoi inserire l’URL del modulo di pagamento Stripe che hai creato in precedenza.

Oltre a ciò, c’è un’opzione per inserire un titolo per il codice, che funge da testo alternativo. Puoi anche regolare la dimensione del tuo codice QR.

Inserisci i dettagli del codice QR

Se scorri verso il basso, vedrai più opzioni per personalizzare il tuo codice QR. Ad esempio, puoi modificare il colore primario, il colore di sfondo e altro.

Una volta terminato, fai semplicemente clic sul pulsante “Inserisci shortcode”.

Fare clic su Inserisci shortcode

Il plug-in ti consente anche di vedere un’anteprima dal vivo del codice sul post del tuo blog o sulla pagina di destinazione.

Vai avanti e pubblica la tua pagina per vedere il codice QR del modulo di pagamento Stripe in azione.

Anteprima dal vivo del codice QR

Ci auguriamo che questo articolo ti abbia aiutato a imparare come aggiungere il pagamento con codice QR Stripe in WordPress. Potresti anche voler vedere la nostra guida su WooCommerce reso semplice E come accettare pagamenti ricorrenti in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale Youtube per i tutorial video di WordPress. Puoi trovarci anche su Twitter E Facebook.



Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.