Come accettare facilmente pagamenti con carta di credito sul tuo sito WordPress

Vuoi accettare facilmente pagamenti con carta di credito sul tuo sito WordPress?

Per impostazione predefinita, WordPress non include opzioni di pagamento con carta di credito, ma ci sono molti plugin e strumenti che possono aiutarti a risolvere questo problema.

In questo articolo, condivideremo 2 modi semplici per accettare pagamenti con carta di credito sul tuo sito WordPress.

Perché Accettare Pagamenti con Carta di Credito in WordPress?

Le carte di credito e debito sono la forma di pagamento online più comune al mondo.

Se stai vendendo prodotti o servizi sul tuo sito web WordPress, è importante accettare pagamenti con carta di credito.

Accettare pagamenti con carta di credito migliorerà il tuo tasso di conversione e ridurrà l'abbandono del carrello.

Spesso gli utenti non vogliono configurare un negozio online completo di carrello per accettare pagamenti con carta di credito. Questo ha molto senso, soprattutto se vendi un solo prodotto o accetti pagamenti per consulenze o servizi.

In questo caso, tutto ciò di cui hai bisogno è un semplice modulo d'ordine online con un'opzione di pagamento con carta di credito.

Detto questo, vediamo come puoi accettare pagamenti con carta sul tuo sito web. Usa semplicemente i link qui sotto per passare al metodo che preferisci.

• Metodo 1. Accetta pagamenti con carta di credito in WordPress con WP Simple Pay (Il più semplice)
• Metodo 2. Accetta pagamenti con carta di credito in WordPress con WPForms (Più personalizzabile)
• Modi bonus per accettare pagamenti con carta di credito in WordPress

Metodo 1. Accetta pagamenti con carta di credito in WordPress con WP Simple Pay

Per questo metodo, utilizzeremo WP Simple Pay, il miglior plugin di pagamento Stripe sul mercato. Con WP Simple Pay puoi accettare pagamenti senza dover configurare e utilizzare un complicato plugin per l'e-commerce.

WP Simple Pay si integra con la piattaforma di elaborazione delle carte di credito Stripe. Come tutti i processori di pagamento, Stripe applica una piccola commissione per transazione. Tuttavia, l'iscrizione a Stripe è gratuita.

Per questo metodo, creeremo un pulsante di pagamento che potrai aggiungere a qualsiasi pagina o post.

Utilizzeremo WP Simple Pay Lite perché è gratuito al 100%. Se hai bisogno di funzionalità più avanzate, esiste anche WP Simple Pay Pro. Questa versione offre più opzioni di personalizzazione, un modulo drag and drop e email di ricevuta di pagamento personalizzate.

Per prima cosa, dovrai installare e attivare il plugin WP Simple Pay. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, il plugin avvierà automaticamente la procedura guidata di configurazione di WP Simple Pay. Per iniziare ad accettare pagamenti con carta di credito, fai clic sul pulsante ‘Iniziamo’.

Il primo passo è collegare WP Simple Pay al tuo account Stripe.

Se non hai ancora un account Stripe, non preoccuparti. La procedura guidata ti accompagnerà passo dopo passo nella creazione di un nuovo account.

Per prima cosa, fai clic sul pulsante ‘Connetti con Stripe’.

Nella schermata successiva, WP Simple Pay ti chiederà un indirizzo email.

Se sei già registrato con Stripe, assicurati di digitare l'indirizzo collegato al tuo account Stripe.

Non hai un account Stripe? Allora digita l'indirizzo email che desideri utilizzare per il tuo nuovo account Stripe.

Quindi fai semplicemente clic sul pulsante Continua.

WP Simple Pay verificherà ora se esiste un account Stripe collegato al tuo indirizzo email. Se trova un account, WP Simple Pay ti chiederà la password di Stripe.

Se non trova un account, WP Simple Pay ti guiderà attraverso il processo di registrazione con Stripe. Segui semplicemente le istruzioni sullo schermo per creare un account e collegarlo a WP Simple Pay.

Dopo aver collegato WP Simple Pay e Stripe, sei pronto per creare il tuo pulsante di pagamento.

Fai semplicemente clic su 'Crea un modulo di pagamento'.

Puoi anche creare un pulsante di pagamento andando su WP Simple Pay » Aggiungi nuovo.

Ora passa il mouse sopra il modello 'Pulsante di pagamento'.

Quindi, fai clic su 'Crea pulsante di pagamento'.

Ora digita un nome per il tuo pulsante di pagamento nel campo 'Titolo'.

I visitatori del tuo sito non vedranno questo nome poiché è solo per tuo riferimento.

Puoi anche aggiungere maggiori dettagli nel campo Descrizione. Ancora una volta, WordPress non lo mostrerà ai visitatori del tuo sito, ma può essere utile per tuo riferimento.

Ora fai semplicemente clic sulla scheda Pagamento.

Da qui puoi decidere quanti soldi addebitare con il tuo pulsante di pagamento.

Vai avanti e digita questo numero nel campo 'Importo singolo'.

WP Simple Pay utilizza la valuta del dollaro per impostazione predefinita.

Se desideri accettare pagamenti in qualsiasi altra valuta, vai su WP Simple Pay » Impostazioni. Puoi quindi selezionare la scheda Generale » Valuta. Qui troverai tutto ciò di cui hai bisogno per cambiare la valuta predefinita.

Successivamente, scorri fino alla sezione Testo del pulsante.

Questo è il testo che WordPress mostrerà sul tuo pulsante. Per impostazione predefinita, WP Simple Pay utilizza 'Paga ora' come etichetta del pulsante.

Per modificarlo, digita semplicemente un nuovo testo nel campo Testo del pulsante.

In questa sezione puoi anche cambiare il Testo di elaborazione del pulsante.

Questo è il testo che WP Simple Pay mostrerà ai visitatori mentre elabora le loro informazioni di pagamento.

WP Simple Pay utilizza lo stile del pulsante del tuo tema WordPress per lo stile del pulsante 'Predefinito'.

Un'altra opzione è utilizzare lo stile 'Stripe blu', che utilizza una sfumatura e angoli arrotondati.

Mentre apporti queste modifiche, potresti voler controllare come apparirà il tuo pulsante di pagamento ai tuoi visitatori.

Per visualizzare in anteprima il prodotto finito, fai clic sul pulsante Anteprima.

Una volta che sei soddisfatto di ciò che vedi nell'anteprima, è ora di aggiungere il pulsante al tuo sito web WordPress.

Per farlo, fai clic sul pulsante Pubblica.

Ora puoi aggiungere il tuo pulsante a qualsiasi pagina o post per accettare pagamenti con carta di credito sul tuo sito WordPress, comprese le pagine dei prodotti e le landing page. Puoi anche aggiungere il pulsante a qualsiasi area del tuo sito pronta per i widget.

Tutto ciò di cui hai bisogno è un pezzo di shortcode che WP Simple Pay crea automaticamente.

Per ottenere questo codice, trova semplicemente il campo 'Form Shortcode'. Quindi fai clic sul pulsante 'Copia'.

Ora puoi incollare questo shortcode in qualsiasi pagina, post o area widget. Per maggiori dettagli su come posizionare lo shortcode, puoi consultare la nostra guida su come aggiungere uno shortcode in WordPress.

Dopo aver incollato questo shortcode, il tuo pulsante di pagamento apparirà sul tuo sito web WordPress.

Prima di iniziare ad accettare pagamenti, è una buona idea testare il tuo pulsante.

WP Simple Pay crea il tuo nuovo pulsante di pagamento in modalità di test per impostazione predefinita. Il tuo sito web non elaborerà alcun pagamento con carta di credito mentre è in modalità di test.

Per confermare che WP Simple Pay è attualmente in questa modalità, dai un'occhiata alla barra degli strumenti nella parte superiore della tua dashboard di WordPress. Dovresti vedere 'Modalità di test'.

Se vai alla pagina o al post in cui hai aggiunto questo pulsante, dovresti anche vedere 'Modalità di test' direttamente sotto il tuo pulsante.

Quando si tratta di testare il tuo pulsante, c'è un problema.

Stripe non mostra i pagamenti di test per impostazione predefinita! Fortunatamente c'è una soluzione semplice.

Per vedere i tuoi dati di test, semplicemente accedi alla tua dashboard di Stripe in una nuova scheda. Quindi fai clic sulla scheda Pagamenti.

Successivamente, fai clic sul cursore 'Sviluppatori' nell'angolo in alto a destra.

La dashboard di Stripe si aggiornerà ora per mostrare un banner ‘Dati di test’. Tutti i pagamenti di test verranno ora visualizzati nella tua dashboard di Stripe.

Ora sei pronto per mettere alla prova il tuo pulsante.

Il modo più semplice per farlo è tornare al tuo sito web WordPress. Quindi vai alla pagina in cui hai aggiunto il tuo pulsante per accettare pagamenti con carta di credito.

Ora puoi fare clic su questo pulsante. Quindi segui le istruzioni sullo schermo per inviare un pagamento di test. Dopo aver inviato il pagamento di test, passa alla tua dashboard di Stripe. Vedrai ora il tuo pagamento di test nella dashboard.

Ora che hai verificato che tutto funzioni correttamente, è ora di far uscire il tuo pulsante dalla modalità di test.

Vai semplicemente su WP Simple Pay » Moduli di pagamento. Puoi quindi passare il mouse sopra il tuo pulsante di pagamento e fare clic sul link Modifica.

Trova la scheda Pagamento nel menu a sinistra e fai clic su di essa.

Infine, seleziona la casella ‘Modalità Live’ nell’area ‘Modalità di pagamento’.

Non dimenticare di fare clic sul pulsante ‘Aggiorna’ in cima allo schermo per salvare le modifiche.

Ora puoi visitare il tuo sito web per vedere il tuo pulsante di pagamento in diretta.

Metodo 2. Accetta pagamenti con carta di credito in WordPress con WPForms

Se desideri creare un pulsante di pagamento semplice, il metodo WP Simple Pay mostrato sopra è un’ottima scelta.

Tuttavia, a volte potresti aver bisogno di raccogliere maggiori informazioni dai tuoi visitatori creando un modulo di pagamento.

Ciò significa che avrai bisogno di un plugin per la creazione di moduli flessibile e potente.

WPForms è il miglior plugin per moduli di contatto di WordPress. Puoi usarlo per aggiungere rapidamente qualsiasi tipo di modulo, inclusi moduli di pagamento, al tuo sito web WordPress.

WPForms ha persino una tonnellata di modelli di pagamento e carte di credito che possono aiutarti a iniziare rapidamente.

Per questo tutorial, utilizzeremo la versione WPForms Pro perché ti dà accesso all'addon Stripe Pro. Questo potente addon ti consente di accettare pagamenti con carta di credito su WordPress utilizzando il popolare gateway di pagamento Stripe, senza costi di transazione aggiuntivi.

Puoi anche usare WPForms per accettare pagamenti con carta di credito utilizzando Square, Authorize.net e PayPal. Consigliamo Stripe perché è quello che usiamo come nostro processore di pagamento.

Nota: Esiste anche una versione gratuita di WPForms che ti permette di accettare pagamenti tramite Stripe. Tuttavia, c'è una commissione aggiuntiva del 3% sui pagamenti effettuati tramite i tuoi moduli.

Innanzitutto, dovrai installare e attivare WPForms Pro. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo aver attivato WPForms, vai su WPForms » Impostazioni nella tua bacheca di WordPress.

Ora puoi inserire la tua chiave di licenza nel campo 'Chiave di licenza'. Troverai questa chiave nel tuo Account WPForms.

Dopo aver attivato il plugin principale, è ora di installare l'addon Stripe.

Nella tua bacheca di WordPress, vai su WPForms » Addon.

Scorri semplicemente fino a trovare l'Addon Stripe.

Quindi fai clic sul pulsante 'Installa Addon'.

Successivamente, vai su WPForms » Impostazioni.

Quindi, fai clic sulla scheda Pagamenti.

Per impostazione predefinita, WPForms raccoglierà i pagamenti in dollari americani.

Se preferisci accettare pagamenti in una valuta diversa, apri semplicemente il menu a discesa Valuta e scegli dall'elenco.

Il passo successivo è collegare WP Simple Pay al tuo account Stripe.

Per stabilire questa connessione, scorri fino alla sezione Stato connessione. Quindi fai clic sul pulsante ‘Connetti con Stripe’.

Questo aprirà una nuova scheda. Ora puoi seguire le istruzioni sullo schermo per creare un nuovo account Stripe o connettere WPForms al tuo account Stripe esistente.

Una volta connesso correttamente a Stripe, è ora di creare il tuo modulo di pagamento. Per farlo, vai su WPForms » Aggiungi nuovo.

Ora puoi digitare un nome per il tuo modulo nel campo ‘Dai un nome al tuo modulo’.

I visitatori del tuo sito non vedranno il nome, quindi è solo per tua consultazione.

WPForms dispone di diversi modelli per iniziare rapidamente e creare tutti i tipi di moduli. Poiché stiamo creando un modulo di pagamento, potresti voler digitare ‘pagamento’ o ‘carta di credito’ nel campo ‘Cerca modelli’.

Questo visualizzerà tutti i modelli che contengono la parola ‘pagamento’ o ‘carta di credito’ nel titolo.

Per esaminare più da vicino un modello, posiziona semplicemente il mouse su quel modello.

Quindi fai clic sul pulsante Visualizza demo.

WPForms mostrerà ora questo modello in una nuova scheda.

Quando trovi un design che desideri utilizzare, fai clic sul pulsante Usa modello. Per questo tutorial, utilizzeremo il modello Modulo di pagamento con carta di credito.

Il modello WPForms scelto si aprirà ora in una nuova scheda, pronto per essere personalizzato.

Il modulo di pagamento con carta di credito ha campi in cui i clienti possono digitare il proprio nome e indirizzo email. Ha anche una sezione ‘Scegli il tuo articolo’ in cui i visitatori possono selezionare l’articolo che desiderano acquistare.

Puoi utilizzare questa sezione per offrire ai visitatori una scelta di prodotti o servizi.

Un’altra opzione è consentire ai visitatori di personalizzare un singolo prodotto. Ad esempio, potresti offrire la stessa maglietta in diverse taglie o colori.

Per personalizzare questa sezione, fai semplicemente clic su di essa. La barra laterale di WPForms si aggiornerà ora per mostrare tutte le impostazioni per questa sezione.

Per modificare qualsiasi testo, è sufficiente eliminare il testo predefinito e quindi digitare la parola o la frase che si desidera utilizzare al suo posto. Ad esempio, è possibile eliminare 'Scegli il tuo articolo' e sostituirlo con 'Scegli la taglia della tua maglietta'.

Puoi anche cambiare il prezzo di ogni articolo.

Per fare ciò, è sufficiente eliminare il numero segnaposto per questo articolo. Ora puoi digitare il nuovo importo in questo campo.

Puoi anche cambiare il testo che WordPress utilizza per i suoi articoli segnaposto seguendo lo stesso processo sopra descritto.

Per impostazione predefinita, questo modello consente ai visitatori di scegliere tra tre articoli. Se desideri aggiungere altre opzioni, fai semplicemente clic sull'icona +.

Questo aggiunge un nuovo 'Articolo', pronto per essere personalizzato.

Per rimuovere un articolo da questa sezione, fai clic sulla sua icona '-'.

Questa opzione scomparirà ora dal tuo modulo di pagamento con carta di credito.

Successivamente, questo modello offre ai visitatori una scelta tra i metodi di spedizione 'Standard' o 'Espressa'.

Per modificare questa sezione, fai semplicemente clic su di essa. La barra laterale di WPForms si aggiornerà per mostrare tutte le impostazioni di questa sezione.

Puoi cambiare il testo segnaposto, aggiungere e rimuovere opzioni di spedizione seguendo il processo descritto sopra.

Puoi anche cambiare il prezzo per ogni metodo di spedizione. Se desideri offrire spedizione gratuita, puoi semplicemente impostare questo prezzo a $0.

Un'altra opzione è quella di eliminare completamente questa sezione.

Per rimuovere qualsiasi sezione dal tuo modello, passa il mouse sopra quella sezione. Quindi fai clic sull'icona del cestino.

Successivamente, devi aggiungere il campo Stripe per carte di credito al tuo modulo. Questo campo raccoglierà le informazioni di pagamento del cliente.

Per aggiungere questo campo, fai semplicemente clic sulla scheda 'Aggiungi campi'.

Quindi scorri fino alla sezione Campi di pagamento.

Ora puoi procedere e trascinare il campo Stripe per carte di credito nella posizione desiderata sul tuo modulo di pagamento.

Potresti voler aggiungere altri campi al modello per raccogliere maggiori informazioni dai tuoi visitatori, come il loro indirizzo di spedizione o il numero di telefono. Ripeti semplicemente il processo sopra per aggiungere nuovi campi al tuo modulo.

Puoi anche cambiare l'ordine in cui questi campi appaiono usando il drag and drop.

Ora che il tuo modulo è configurato, abilitiamo i pagamenti per questo modulo. Per farlo, devi semplicemente fare clic sulla scheda 'Pagamenti' nel menu a sinistra e quindi selezionare 'Stripe'.

Dopo di che, seleziona la casella accanto all'opzione 'Abilita pagamenti Stripe'.

Ora puoi digitare una descrizione nel campo Descrizione pagamento. Questo testo apparirà sull'estratto conto della carta di credito del cliente.

Hai anche la possibilità di inviare una ricevuta via email ai tuoi clienti. Per creare una ricevuta via email, apri il menu a discesa Ricevuta di pagamento Stripe. Puoi quindi scegliere 'Email'.

WPForms ti consente anche di impostare una logica condizionale intelligente per i tuoi moduli. Qui puoi scegliere di mostrare o nascondere il campo del modulo di pagamento in base alle opzioni selezionate dal tuo cliente.

In questa schermata puoi anche abilitare i pagamenti ricorrenti in abbonamento e selezionare il periodo di tempo ricorrente. Questo può essere utile per creare abbonamenti e vendere abbonamenti.

Successivamente, dovrai abilitare l'invio di moduli AJAX per utilizzare il campo carta di credito Stripe. Invio di moduli AJAX consente ai clienti di inviare moduli senza ricaricare l'intera pagina. Questo può migliorare l'esperienza del cliente.

Per abilitare l'invio AJAX, vai semplicemente su Impostazioni » Generali.

Quindi fai clic per espandere la sezione Avanzate.

Infine, seleziona la casella 'Abilita invio moduli AJAX'.

Quando sei soddisfatto dell'aspetto del tuo modulo di pagamento con carta di credito, è ora di salvare le modifiche.

Per fare ciò, fai semplicemente clic sul pulsante Salva in alto sullo schermo.

Il passaggio successivo consiste nel configurare le notifiche del tuo modulo.

Ogni volta che un cliente completa il modulo di pagamento, WPForms invierà un'e-mail all'amministratore di WordPress per impostazione predefinita.

A volte potrebbe essere necessario inviare queste e-mail a un indirizzo diverso. Potresti persino voler notificare più persone.

È facile farlo usando WPForms. Per personalizzare le notifiche e-mail, fai clic sulla scheda Impostazioni. Quindi seleziona Notifiche.

In questa schermata, trova il campo 'Invia all'indirizzo e-mail'. Per impostazione predefinita, questo è impostato su {admin_email}. Questo è un valore dinamico che indica a WordPress di utilizzare l'e-mail dell'amministratore di WordPress.

Puoi eliminare questo testo dinamico e sostituirlo con qualsiasi altro indirizzo e-mail. Digita semplicemente il nuovo indirizzo nel campo 'Invia all'indirizzo e-mail'.

Se desideri inviare e-mail a più persone, separa ogni indirizzo con una virgola.

Puoi anche modificare il messaggio e-mail. Ad esempio, probabilmente vorrai cambiare il testo e l'oggetto dell'e-mail.

Dopo aver creato queste e-mail, vorrai assicurarti che vengano inviate nella casella di posta del destinatario e non nella cartella spam.

Il modo migliore per farlo è utilizzare un provider di servizi SMTP per migliorare la recapitalità delle email. Per maggiori dettagli, consulta la nostra guida su come risolvere il problema di WordPress che non invia email.

Potresti anche voler inviare una notifica separata ai tuoi clienti. Ad esempio, potresti confermare il loro acquisto o inviare loro un messaggio di 'Grazie'. WPForms invierà automaticamente questa e-mail ogni volta che un cliente invia il modulo di pagamento.

Per inviare e-mail ai tuoi clienti, fai clic sul pulsante 'Aggiungi nuova notifica'.

WPForms ti chiederà di fornire un nome per questa notifica. Chiamiamola 'Notifica cliente'.

Dopodiché, WPForms mostrerà tutti i campi di notifica che puoi personalizzare.

Per assicurarti che WPForms invii questa notifica all'indirizzo corretto, fai clic sul link ‘Mostra Smart Tag’ accanto all'opzione ‘Invia all'indirizzo email’.

Quindi seleziona semplicemente il campo ‘Email’. Questo consente a WPForms di utilizzare l'indirizzo email fornito dal cliente al momento dell'invio del pagamento.

Ora puoi personalizzare il resto dell'email di notifica. Ad esempio, potresti voler cambiare la riga dell'oggetto o aggiungere altro testo al messaggio email.

Puoi anche personalizzare l'email utilizzando gli smart tag. Ad esempio, potresti aggiungere il nome del cliente o alcune informazioni sul prodotto che ha appena acquistato.

Dopodiché puoi passare alla scheda ‘Conferme’.

WPForms utilizza ‘Messaggio’ come opzione predefinita. Ciò significa che il tuo sito mostrerà un messaggio di ringraziamento ogni volta che un cliente invia il modulo di pagamento.

Invece di mostrare un messaggio, potresti preferire mostrare una pagina specifica o reindirizzare i clienti a un altro URL.

Per apportare questa modifica, apri semplicemente il menu a discesa 'Tipo di conferma'. Ora puoi scegliere tra le opzioni disponibili.

Il passaggio finale consiste nell'aggiungere questo modulo al tuo sito web WordPress.

Per aggiungerlo a un post, apri semplicemente il post del blog che desideri modificare.

Quindi fai clic sull'icona più (+).

Nel popup che appare, digita ‘WPForms’ per trovare il blocco corretto.

Una volta fatto clic sul blocco WPForms, questo verrà aggiunto alla tua pagina.

Nel tuo nuovo blocco, fai clic per aprire il menu a discesa.

Ora vedrai un elenco di tutti i moduli che hai creato utilizzando WPForms. Fai semplicemente clic per selezionare il tuo modulo di pagamento.

Se sei soddisfatto dell'aspetto del modulo, puoi pubblicare o aggiornare la pagina.

Ora puoi visitare il tuo sito web per vedere il tuo modulo live. Sei pronto per iniziare ad accettare pagamenti con carta di credito sul tuo sito web WordPress.

Modi bonus per accettare pagamenti con carta di credito in WordPress

Sebbene sia WP Simple Pay che WPForms siano i modi più semplici per accettare pagamenti con carta di credito in WordPress, alcuni utenti potrebbero avere esigenze diverse.

Ad esempio, potresti voler avviare un negozio online per vendere prodotti fisici, vendere ebook, vendere corsi online o persino accettare donazioni.

In questi casi, potresti aver bisogno di una soluzione completa per il tuo caso d'uso specifico:

• MemberPress – Questa è un'ottima soluzione quando vuoi vendere corsi online o abbonamenti. Ha modi per accettare pagamenti con carta di credito utilizzando Stripe e Authorize.net
• Easy Digital Downloads – Questo è perfetto per vendere download digitali come eBook, musica, software e altro ancora. EDD ti consente di accettare carte di credito e di avere più opzioni di pagamento al momento del checkout.
• WooCommerce – Questo è un popolare plugin eCommerce per WordPress che ti consente di vendere prodotti fisici online. WooCommerce ti consente di accettare pagamenti con carta di credito per impostazione predefinita. Puoi anche utilizzare il plugin gratuito Stripe Payment Gateway for WooCommerce, che include funzionalità aggiuntive.

Speriamo che questo articolo ti abbia aiutato a imparare come accettare facilmente pagamenti con carta di credito sul tuo sito WordPress. Potresti anche voler consultare il nostro elenco dei plugin WordPress indispensabili per siti web aziendali, o dare un'occhiata alla nostra guida su come creare una newsletter via email nel modo giusto.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.