Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere il codice QR di Stripe per i pagamenti in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

State cercando un modo per aggiungere un codice QR per i pagamenti con Stripe sul vostro sito web WordPress?

I codici QR, o codici a risposta rapida, sono un tipo di codice a barre che gli utenti possono scansionare con i loro telefoni cellulari. È possibile mostrare un modulo di pagamento Stripe utilizzando i codici QR per aiutare i clienti ad acquistare facilmente un prodotto o un servizio.

In questo articolo vi mostreremo come aggiungere il pagamento con codice QR di Stripe in WordPress.

How to add Stripe payment QR code payment in WordPress

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

Stripe è un popolare gateway di pagamento che vi permette di accettare pagamenti online sul vostro sito WordPress o sul vostro negozio di e-commerce. Rende molto semplice per i clienti pagare con le loro carte di credito.

La cosa migliore è che i clienti non devono passare attraverso un lungo processo di iscrizione. Possono semplicemente inserire la loro carta di credito sul sito web per effettuare un acquisto.

L’aggiunta di pagamenti con codice QR di Stripe al vostro sito offre ai clienti la flessibilità di completare rapidamente un acquisto. I clienti possono semplicemente scansionare il codice per aprire il link di pagamento.

Questo rende il processo di checkout molto semplice e veloce. Aiuta le persone ad acquistare facilmente un prodotto o un servizio sul vostro negozio online. Di conseguenza, vedrete un aumento delle conversioni e una riduzione degli abbandoni del carrello.

Detto questo, vediamo come aggiungere un pagamento con codice QR di Stripe al vostro sito web WordPress.

Creare un modulo di pagamento Stripe in WordPress

Per prima cosa, dovrete aggiungere un modulo di pagamento Stripe sul vostro sito web per accettare i pagamenti online dei clienti.

Il modo migliore per farlo è usare WPForms. È il miglior plugin per moduli di contatto per WordPress, facilissimo da usare e facilmente integrabile con Stripe. Ci sono molti modelli di modulo tra cui scegliere e potete personalizzarli utilizzando il costruttore drag-and-drop.

Per questo tutorial è necessaria la licenza WPForms Pro, che include l’addon Stripe. Esiste anche una versione Lite di WPForms che si può usare gratuitamente. Consente di accettare pagamenti con Stripe, ma prevede una commissione del 3% per i pagamenti effettuati tramite i moduli.

Per iniziare, è necessario scaricare e installare il plugin WPForms. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, potete andare su WPForms ” Impostazioni dalla vostra dashboard di WordPress e inserire la chiave di licenza. Potete trovare la chiave nell’area del vostro account sul sito web di WPForms.

Adding a license key to the WPForms form builder plugin

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

Una volta fatto questo, dovrete andare alla pagina WPForms ” Addons e installare l’addon Stripe.

Installing the Stripe addon

Cliccate sul pulsante “Installa addon” e WPForms lo installerà e attiverà automaticamente.

Da qui, potete andare su WPForms ” Impostazioni dal pannello di amministrazione di WordPress e andare alla scheda “Pagamenti”.

Successivamente, è sufficiente fare clic sul pulsante “Connetti con Stripe” e seguire le istruzioni sullo schermo per connettere il proprio account con WPForms.

Click the connect with Stripe button

Una volta collegato Stripe, si può 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 contatto, un modulo d’ordine o un modulo di pagamento Stripe e personalizzarlo.

Stripe payment form

Per questa esercitazione, utilizzeremo il modello “Modulo di pagamento Stripe”.

Successivamente, è possibile personalizzare il modulo utilizzando il costruttore di moduli drag-and-drop. Per impostazione predefinita, nel modello sono presenti diversi campi del modulo.

Tuttavia, WPForms consente di aggiungere altri campi al modello, come una tendina, caselle di controllo, e-mail, telefono, indirizzo, sito web e altro ancora.

Customize Stripe payment form

È inoltre possibile fare clic su qualsiasi campo del modulo per personalizzarlo ulteriormente.

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

Customize form field in stripe payment form

Una volta terminata la modifica del modulo, basta passare alla scheda “Pagamenti” e selezionare “Stripe” dal menu a sinistra.

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

Enable Stripe payments

Successivamente, è possibile passare alla scheda Impostazioni. Qui sono disponibili le opzioni per modificare le impostazioni di notifica e di conferma.

Ad esempio, è possibile selezionare l’azione da eseguire una volta che l’utente ha inviato un modulo. WPForms consente di mostrare un messaggio, una pagina o persino di reindirizzare gli utenti a un URL.

Confirmation settings form

Ora siete pronti a visualizzare il modulo di pagamento di Stripe sul vostro sito web.

È sufficiente fare clic sul pulsante “Salva” per memorizzare le modifiche e poi fare clic sul pulsante “Incorpora” in alto.

Save and embed your form

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

Per questa esercitazione sceglieremo l’opzione “Seleziona pagina esistente”.

Embed a form in page

Successivamente, è necessario inserire un nome per la nuova pagina.

Una volta fatto ciò, è sufficiente fare clic sul pulsante “Let’s Go”.

Enter name for your new page

Successivamente, vedrete un’anteprima del vostro modulo di pagamento Stripe nell’editor di contenuti di WordPress.

È possibile pubblicare la pagina e visitare il sito web per vederla in azione.

Stripe payment form preview

A questo punto, copiate il link alla pagina del modulo di pagamento, che vi servirà per creare un codice QR.

Metodo alternativo: Potete anche creare un modulo di pagamento Stripe utilizzando WP Simple Pay. È il miglior plugin di pagamento Stripe per WordPress e vi aiuta a raccogliere pagamenti online senza impostare un carrello.

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

Tuttavia, se siete alla ricerca di maggiori opzioni di personalizzazione e modelli di moduli, vi consigliamo di utilizzare WPForms.

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

Aggiungere un codice QR per i pagamenti con Stripe in WordPress

Ora che il vostro modulo di pagamento Stripe è pronto, potete creare un codice QR e visualizzarlo in qualsiasi punto del vostro sito.

Esistono due modi per aggiungere un codice QR al vostro sito. Potete utilizzare la funzione del browser Google Chrome o un plugin per WordPress.

1. Creare codici QR con Google Chrome

Se si utilizza il browser Google Chrome, è possibile utilizzarlo per condividere una pagina web tramite un codice QR.

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

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

Click the share icon in chrome

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

È possibile scaricare il codice QR come immagine.

Download the QR code

Successivamente, è sufficiente posizionare l’immagine in qualsiasi punto del sito.

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

Add QR code to product page

2. Creare un codice QR per il pagamento con Stripe utilizzando un plugin per WordPress

Potete aggiungere codici QR al vostro sito utilizzando un plugin per WordPress come Shortcodes Ultimate. Si tratta di un plugin gratuito che consente di creare oltre 50 tipi diversi di codici brevi, compresi i codici QR. Per saperne di più, consultate la nostra recensione dettagliata di Shortcodes Ultimate.

Per prima cosa, è necessario installare e attivare il plugin Shortcodes Ultimate. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, verrà visualizzata la schermata di benvenuto di Shortcode Ultimate.

Shortcode ultimate welcome screen

Successivamente, è necessario modificare una pagina o un post per aggiungere il codice QR.

Una volta entrati nell’editor dei contenuti, è sufficiente aggiungere un blocco di shortcode.

How to add a shortcode block to WordPress

Successivamente, si dovrebbe vedere l’opzione “Inserisci shortcode”.

È sufficiente fare clic sull’icona delle doppie parentesi per aggiungere il codice QR.

Click the select shortcode icon

Successivamente, il plugin visualizzerà diverse opzioni di shortcode per il vostro sito.

Selezionate l’opzione “Codice QR”.

Select QR code shortcode

Successivamente, verranno visualizzate le opzioni per inserire i dettagli del codice QR.

Nel campo Dati è possibile inserire l’URL del modulo di pagamento Stripe creato in precedenza.

Inoltre, è possibile inserire un titolo per il codice, che funge da alt-text. È anche possibile regolare le dimensioni del codice QR.

Enter QR code details

Se si scorre verso il basso, si vedranno altre opzioni per personalizzare il codice QR. Ad esempio, è possibile modificare il colore primario, il colore di sfondo e altro ancora.

Una volta terminato, è sufficiente fare clic sul pulsante “Inserisci shortcode”.

Click insert shortcode

Il plugin consente inoltre di visualizzare un’anteprima live del codice sul post del blog o sulla pagina di destinazione.

Procedete con la pubblicazione della pagina per vedere il codice QR del modulo di pagamento Stripe in azione.

QR code live preview

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere il pagamento con codice QR di Stripe in WordPress. Potreste anche voler consultare la nostra guida su WooCommerce reso semplice e su come accettare pagamenti ricorrenti in WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

4 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    Paying with QR code is more and more popular. I think it is becuase of its ease of use. It’s just faster than old methods and we want to save more and more time.

    I have a question – Scaning QR code with phone from laptop screen is easy, but is it also such a easy thing with smartphones themselves? I mean, i scroll website on my phone and see QR code, my phone do not recognize QR code like that, only with photo app. Is it normal or it’s just my phone and having qr code for mobile users is just as good as for desktop users?

    • WPBeginner Support says

      It would depend on the phone, if you have not done so already you would want to try taking a screenshot with your phone.

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.