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 integrare i pagamenti di Square in WordPress (passo dopo passo)

Volete accettare pagamenti Square sul vostro sito WordPress?

Per impostazione predefinita, WordPress non dispone di opzioni di pagamento con carta di credito. Square è un eccellente gateway di pagamento che può essere collegato al vostro sito utilizzando alcuni popolari plugin di WordPress.

In questo articolo vi mostreremo come integrare i pagamenti di Square in WordPress, in modo da poter accettare facilmente pagamenti con carta di credito sul vostro sito web.

How to Connect Square Payments in WordPress

Perché collegare Square Payments a WordPress?

Square è un popolare gateway di pagamento che semplifica i pagamenti con carta di credito. Potete utilizzare Square sul vostro sito web WordPress per accettare pagamenti in modo sicuro attraverso un semplice modulo di pagamento o un negozio di e-commerce completo.

Come il gateway di pagamento Stripe, offre un’opzione flessibile per accettare pagamenti con carta di credito online o di persona.

L’accettazione delle carte di credito è disponibile negli Stati Uniti, in Canada, Australia, Giappone, Regno Unito, Repubblica d’Irlanda, Francia e Spagna. Square offre una tariffa fissa per le transazioni, che varia per ogni Paese.

Nota: è necessario abilitare il protocollo HTTPS/SSL sul vostro sito web per poter accettare in modo sicuro i pagamenti con carta di credito. Per maggiori dettagli, potete seguire la nostra guida su come ottenere un certificato SSL gratuito per il vostro sito WordPress.

Detto questo, vediamo come collegare i pagamenti Square a WordPress.

Vi mostreremo come aggiungere un modulo di pagamento Square usando WPForms e poi tratteremo altri metodi, come l’accettazione di pagamenti Square in un negozio online usando WooCommerce:

Collegare Square a WordPress usando WPForms

Il modo più semplice per creare un modulo per i pagamenti Square è utilizzare WPForms. È il miglior plugin per la creazione di moduli per WordPress, utilizzato da oltre 6 milioni di siti web. È possibile utilizzare il suo costruttore drag & drop per creare rapidamente qualsiasi tipo di modulo, compresi i moduli di pagamento, per il vostro sito web WordPress.

Per questo tutorial, utilizzeremo la versione Pro di WPForms, perché consente di accedere all’addon Square che permette di accettare pagamenti con carta di credito senza scrivere codice.

È inoltre possibile utilizzare WPForms per accettare pagamenti con carta di credito utilizzando Stripe, Authorize.net e PayPal.

Nota: esiste una versione gratuita di WPForms, ma permette di accettare solo pagamenti con Stripe.

Installazione e attivazione di WPForms

La prima cosa da fare è installare e attivare il plugin WPForms Pro. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo aver attivato WPForms, andate su WPForms ” Impostazioni nella vostra dashboard di WordPress.

WPForms' pro settings

In questa schermata, è necessario inserire la chiave di licenza nel campo “Chiave di licenza”. Questa chiave si trova nel vostro account WPForms.

Dopodiché, assicuratevi di fare clic sul pulsante “Verifica chiave” per attivare la licenza. Questo vi permetterà di abilitare facilmente l’addon Square per WordPress.

Collegare WPForms a Square

Dopo aver attivato il plugin principale, è il momento di installare il componente aggiuntivo Square.

Nella vostra dashboard di WordPress, andate alla pagina WPForms ” Addons e scorrete fino a trovare l’addon Square. Successivamente, è necessario fare clic sul pulsante “Installa addon”.

Install the WPForms Square Addon

Una volta installato e attivato l’addon, andare alla pagina WPForms ” Impostazioni e fare clic sulla scheda Pagamenti.

Per impostazione predefinita, WPForms raccoglie i pagamenti in dollari americani. Se si desidera accettare pagamenti in una valuta diversa, basta aprire il menu a tendina Valuta e scegliere dall’elenco.

Set Your Currency in WPForms Payments Settings

Il passo successivo consiste nel collegare WPForms al vostro conto Square.

Per effettuare questa connessione, scorrere la pagina fino alla sezione Stato della connessione. Quindi fare clic sul pulsante “Connetti con Square”.

Click the Connect With Square Button

A questo punto è possibile seguire le istruzioni sullo schermo per creare un nuovo account Square o per collegare WPForms all’account Square esistente.

Se si desidera testare il modulo di pagamento, è necessario selezionare l’opzione “Modalità di prova”. In questo modo è possibile effettuare pagamenti fittizi per assicurarsi che il modulo funzioni correttamente. Non dimenticate di deselezionare la casella una volta terminato il test.

Assicurarsi di fare clic sul pulsante “Salva impostazioni” in basso per memorizzare le impostazioni.

Creare un modulo di pagamento Square in WordPress

Dopo esservi collegati con successo a Square, dovrete creare un modulo di pagamento. Per farlo, andate su WPForms ” Aggiungi nuovo nell’area di amministrazione di WordPress.

Per prima cosa, dovrete fornire un titolo al vostro modulo. Quindi si dovrà scorrere fino al modello “Modulo di fatturazione/ordine” e fare clic sul pulsante “Usa modello”.

Select the Billing Order Form Template in WPForms

WPForms ora carica automaticamente il modello di modulo nel costruttore drag and drop. Include la maggior parte dei campi necessari e rende facile aggiungere, rimuovere o modificare i campi del modulo.

Ad esempio, è stato aggiunto al modulo un elenco di articoli multipli, in modo che i visitatori possano selezionare il prodotto o il servizio che desiderano pagare. Facendo clic su questo campo, si potrà personalizzare l’etichetta del campo, insieme al nome e al prezzo di ciascun articolo.

Customize the Multiple Items List

Se si offre un solo articolo, è necessario eliminare il campo Articoli multipli facendo clic sull’icona del cestino nell’angolo in alto a destra del campo.

Successivamente, si può scorrere fino al campo Oggetto singolo e trascinarlo nel modulo.

Add a Single Item Field to Your Form

È possibile fare clic su questo campo per personalizzarlo.

Ad esempio, è possibile modificare l’etichetta, la descrizione e il prezzo del campo. L’anteprima del modulo sulla destra verrà aggiornata automaticamente.

Configure the Single Item Field

Se si offre un solo articolo, il campo Totale non è necessario. Non esitate a eliminarlo.

Successivamente, è necessario aggiungere il campo Square al modulo per raccogliere le informazioni di pagamento del cliente. Basta fare clic sulla scheda “Aggiungi campi” e scorrere fino alla sezione Campo di pagamento.

Add the Square Field to Your Form

Ora è possibile trascinare il campo Square al suo posto nel modulo di pagamento.

Non appena lo si fa, appare una notifica che informa che è necessario abilitare i pagamenti di Square per questo modulo.

Notification to Enable Square Payments

Dopo aver cliccato sul pulsante “OK”, andate su Pagamenti ” Square nell’editor di WPForms. Una volta lì, dovrete attivare l’impostazione “Abilita pagamenti Square”.

Successivamente, è possibile digitare una descrizione nel campo “Descrizione del pagamento”. Questo testo apparirà sull’estratto conto della carta di credito del cliente.

Toggle the Enable Square Payments Setting to the On Position

È una buona idea completare anche le altre impostazioni opzionali. Queste impostazioni consentono a Square di sapere dove trovare l’indirizzo e-mail, il nome e l’indirizzo di fatturazione del cliente nel modulo creato, in modo da poter inviare una ricevuta e-mail.

Infine, WPForms consente di impostare una logica condizionale intelligente per i moduli. Questo è utile quando volete permettere ai vostri clienti di scegliere tra diversi metodi di pagamento, come carte di credito o PayPal.

Quando si è soddisfatti dell’aspetto del modulo di pagamento con carta di credito, è il momento di salvare le modifiche. Per farlo, basta cliccare sul pulsante “Salva” nella parte superiore dello schermo.

Configurazione delle e-mail di notifica per Square Payments

Poi, è possibile configurare la notifica via e-mail che viene inviata quando il modulo viene inviato. È anche possibile impostare le e-mail di notifica ai clienti dopo che hanno effettuato un ordine.

Ogni volta che un cliente completa il modulo di pagamento, WPForms invia di default un’e-mail all’amministratore di WordPress. Tuttavia, potreste voler inviare queste e-mail a un indirizzo diverso o addirittura notificare più persone.

Questo è facile da fare utilizzando WPForms. Per personalizzare le notifiche via e-mail, basta cliccare sulla scheda “Impostazioni” e selezionare “Notifiche”.

Creating credit card payment notifications

In questa schermata, trovare il campo “Invia all’indirizzo e-mail”. Per impostazione predefinita, è impostato su {admin_email} e indica a WordPress di utilizzare l’e-mail di amministrazione di WordPress.

È possibile eliminare questo testo dinamico e sostituirlo con qualsiasi altro indirizzo e-mail. È sufficiente digitare il nuovo indirizzo nel campo “Invia a indirizzo e-mail”. Se si desidera inviare un’e-mail a più persone, è sufficiente separare ogni indirizzo con una virgola.

Creating email notifications

È inoltre possibile modificare l’oggetto dell’e-mail, il messaggio e altro ancora.

Successivamente, imposteremo una notifica via e-mail per i vostri clienti, confermando il loro acquisto e ringraziandoli. Per farlo, è necessario fare clic sul pulsante “Aggiungi nuova notifica”.

Creating a new WPForms notification

WPForms chiederà di dare un nome a questa notifica. Per questa esercitazione, la chiameremo “Notifica cliente”.

Successivamente, WPForms mostrerà tutti i campi di notifica che è possibile personalizzare.

How to easily accept credit card payments in WordPress

È possibile inserire uno smart tag in modo che l’e-mail di notifica venga inviata all’indirizzo e-mail del cliente. È sufficiente fare clic sul link “Mostra smart tag” accanto all’opzione “Invia a indirizzo e-mail”.

Successivamente, è necessario selezionare il campo “Email” del modulo. Questo permette a WPForms di utilizzare l’indirizzo e-mail fornito dal cliente al momento dell’invio del pagamento.

Adding smart tags to your credit card payment emails

Ora è possibile personalizzare il resto dell’e-mail di notifica, come l’oggetto o il messaggio e-mail. Ad esempio, si può personalizzare il contenuto dell’e-mail utilizzando smart tag per il nome del cliente o alcune informazioni sul prodotto acquistato.

WPForms visualizzerà anche una notifica sullo schermo quando l’utente effettua un ordine. È possibile personalizzarla facendo clic sulla scheda “Conferme” e modificando il messaggio di conferma.

Creating a payment confirmation message

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

Per effettuare questa modifica, è sufficiente aprire il menu a tendina “Tipo di conferma”. A questo punto è possibile scegliere tra le opzioni disponibili.

Changing the payment confirmation settings

Infine, dovrete assicurarvi che le notifiche via e-mail vengano consegnate alla casella di posta elettronica del destinatario e non alla cartella spam. Il modo migliore per farlo è utilizzare un provider di servizi SMTP per migliorare la deliverability delle e-mail.

Per maggiori dettagli, consultate la nostra guida su come risolvere il problema del mancato invio di e-mail da parte di WordPress.

Aggiunta del modulo di pagamento al vostro sito WordPress

Il passo finale consiste nell’aggiungere il nuovo modulo di pagamento Square al vostro sito web WordPress. WPForms rende super facile aggiungere moduli ovunque.

È sufficiente creare un nuovo post o una nuova pagina o modificarne una esistente. Quindi, fate clic sul segno più (+) in alto e aggiungete un blocco WPForms nell’editor di WordPress.

Drag the WPForms Block Onto Your Post or Page

Successivamente, selezionare il modulo di pagamento dal menu a discesa nel blocco WPForms.

Una volta terminato, è possibile salvare o pubblicare la pagina e fare clic sul pulsante “Anteprima” per vedere il modulo in azione.

Preview of Square Payment Form

Congratulazioni, ora avete collegato i pagamenti Square a WordPress.

Potete collegare il vostro modulo di pagamento Square con servizi di email marketing, Google Sheets e altre applicazioni per ottimizzare ulteriormente il vostro flusso di lavoro utilizzando le integrazioni native di WPForms.

Modi per collegare Square a WordPress

WPForms offre un modo semplice per creare un modulo di pagamento che collega i pagamenti Square al vostro sito WordPress. Tuttavia, alcuni utenti potrebbero avere esigenze diverse.

Ad esempio, potreste voler avviare un sito associativo, creare un negozio online per vendere prodotti fisici, vendere eBook sul vostro blog, vendere corsi online o persino accettare donazioni.

Square non è sempre la scelta migliore. Stripe, infatti, ha un supporto per i plugin molto migliore di Square in WordPress, il che lo rende una scelta migliore se si vuole aggiungere un’opzione di carta di credito.

Molti plugin popolari come MemberPress, WP Simple Pay e Easy Digital Downloads offrono integrazioni Stripe integrate. Per maggiori dettagli, consultate la nostra guida sui migliori plugin per i pagamenti con Stripe.

Tuttavia, se gestite un negozio WooCommerce, potete facilmente aggiungere il supporto di Square utilizzando l’estensione ufficiale Square for WooCommerce.

Square WooCommerce Extension

Questa estensione sincronizza i prodotti tra il vostro sito web e il vostro account Square. Ciò significa che quando si aggiungono prodotti al proprio account Square, questi vengono automaticamente aggiunti anche al proprio negozio WooCommerce.

Inoltre, supporta i pagamenti ricorrenti se utilizzato insieme all’estensione WooCommerce Subscriptions.

Guide di esperti sull’accettazione dei pagamenti in WordPress

Ora che sapete come collegare i pagamenti Square, potreste voler vedere altre guide sull’accettazione di altri tipi di pagamenti in WordPress.

Speriamo che questo tutorial vi abbia aiutato a capire come collegare i pagamenti di Square in WordPress. Potreste anche voler consultare la nostra guida su come gestire un giveaway o un concorso in WordPress o la nostra scelta dei migliori plugin per i social media.

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

2 commentiLascia una risposta

  1. Michele

    It was easy to set the form up and connect with Square, however I continue to get the following message on the form ” Web Payments SDK was initialized with an application ID created in production however you are currently using sandbox.” I don’t know how to modify this. Does anyone know?

    • WPBeginner Support

      That normally means your Square account is currently in sandbox for testing which means it would not send charges but is used for testing. You would log into Square and change to production to start charging.

      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.