Come creare un modulo di contatto WordPress con i pagamenti PayPal

Pubblicato: 2022-09-08

Stai cercando di integrare un modulo di contatto WordPress con PayPal?

PayPal è il servizio di pagamento online preferito dalla stragrande maggioranza delle persone, grazie alle sue transazioni veloci e affidabili. L'aggiunta di un'opzione di pagamento PayPal ai tuoi moduli WordPress consentirà ai visitatori di effettuare facilmente pagamenti per ordini, donazioni o qualsiasi altro scopo sul tuo sito.

La parte migliore è che è davvero facile farlo usando un potente plugin per la creazione di moduli come WPForms.

In questo post, ti mostreremo passo dopo passo la creazione di un modulo di contatto WordPress che accetta pagamenti PayPal.

Entriamo subito!

Crea moduli con PayPal Checkout Now

WPForms è il miglior plugin per WordPress Form Builder. Ottienilo gratis!

PayPal si integra con WordPress?

PayPal si integra con WordPress in diversi modi. Il modo tradizionale consiste nell'installare un plug-in eCommerce con integrazione nativa di PayPal, ad esempio WooCommerce.

Ma non è l'unico modo. Puoi anche aggiungere pagamenti PayPal al tuo sito utilizzando i plug-in del modulo di contatto. Alcuni plugin popolari come Contact Form 7 e WPForms supportano l'integrazione nativa di PayPal.

L'utilizzo dei moduli con i pagamenti PayPal è l'ideale se desideri consentire agli utenti di pagarti per ordini di acquisto, inviare donazioni o eseguire transazioni per qualsiasi altro scopo.

Come creare un modulo di contatto con PayPal in WordPress

In questo articolo

  • 1. Installa e attiva WPForms
  • 2. Installa e collega WPForms PayPal Commerce Addon
  • 3. Crea un semplice modulo di contatto
  • 4. Imposta i campi di pagamento
  • 5. Aggiungi e personalizza il campo PayPal Commerce
  • 6. Aggiunta della logica condizionale a PayPal Commerce (opzionale)
  • 7. Pubblica il tuo modulo

1. Installa e attiva WPForms

wpforms homepage

WPForms è il nostro plugin consigliato per creare moduli di contatto con i pagamenti PayPal. È un plug-in adatto ai principianti che non richiede codice con cui lavorare e include tantissime utili funzionalità extra.

Sebbene alcune altre opzioni come Contact Form 7 supportino anche i pagamenti PayPal, WPForms è una soluzione più potente ed è notevolmente più facile da usare. Puoi dare un'occhiata al nostro confronto tra WPForms e Contact Form 7 per maggiori dettagli.

Avrai bisogno di un WPForms Pro o di un piano superiore per sbloccare i pagamenti PayPal per i tuoi moduli.

prezzi di wpforms

Dopo aver acquistato WPForms Pro, accedi alla dashboard di WPForms e vai alla scheda Download per trovare il file di download di WPForms Pro.

WPForms downloads

Una volta scaricato il file, puoi procedere e installare WPForms sul tuo sito. Se hai bisogno di assistenza, consulta la nostra guida alla documentazione sull'installazione di WPForms per istruzioni dettagliate.

2. Installa e collega WPForms PayPal Commerce Addon

Una volta che WPForms Pro è attivo sul tuo sito, dovrai installare il componente aggiuntivo PayPal Commerce. Questo componente aggiuntivo ti consente di aggiungere un campo di pagamento PayPal ai tuoi moduli in modo da poter accettare facilmente i pagamenti dai tuoi clienti.

Per installare il componente aggiuntivo, vai a WPForms nella dashboard di WordPress, quindi fai clic su Componenti aggiuntivi .

WPForms addons

Scorri verso il basso per trovare il componente aggiuntivo PayPal Commerce o cercalo utilizzando la barra di ricerca. Quindi, fai clic su Installa componente aggiuntivo in Componente aggiuntivo PayPal Commerce.

Nota: PayPal Commerce non deve essere confuso con PayPal Standard . Sebbene entrambi i componenti aggiuntivi ti consentano di aggiungere il pagamento PayPal ai tuoi moduli, PayPal Commerce offre alcune funzionalità più potenti. Useremo PayPal Commerce in questo tutorial.

PayPal commerce addon

Una volta installato l'addon, la prossima cosa da fare è connettere il tuo sito web con PayPal. Dalla dashboard di WordPress, vai a WPForms »Impostazioni .

wpforms settings

Una volta dentro, clicca su Pagamenti .

Impostazioni di pagamento di WPForms

Scorri verso il basso fino alla sezione denominata PayPal Commerce e fai clic su Connetti con PayPal Commerce.

Configurazione dell'integrazione commerciale con PayPal

Questo ti reindirizzerà al sito web di PayPal, dove ti verrà chiesto di inserire il tuo indirizzo email associato a PayPal Business e di selezionare il tuo paese dal menu a tendina. Quindi premere Avanti .

Nota: avrai bisogno di un account PayPal Business per connetterti con PayPal Commerce.

Click next

Se l'integrazione è andata a buon fine, lo stato della connessione mostrerà che sei connesso a PayPal in modalità Produzione .

Stato della connessione

Se desideri testare prima PayPal Commerce, consulta il nostro documento sull'utilizzo di PayPal Commerce in modalità Sandbox.

Scorri verso il basso e fai clic su Salva impostazioni e sarà tutto per questa fase.

Save settings

Il passaggio successivo sarà la creazione di un nuovo modulo nel generatore di moduli WPForms, in cui integrerai un campo PayPal Commerce.

3. Crea un semplice modulo di contatto

È davvero facile creare un semplice modulo di contatto utilizzando WPForms. Puoi creare i tuoi moduli da zero utilizzando il generatore di moduli trascina e rilascia o semplicemente utilizzare uno degli oltre 400 modelli di moduli predefiniti per iniziare.

Per accedere al generatore di moduli WPForms, apri la dashboard di WordPress e vai su WPForms »Aggiungi nuovo .

aggiungi nuovo modulo

Questo aprirà la libreria dei modelli. Passa il mouse sopra Modulo di contatto semplice e fai clic su Usa modello per aprirlo nel generatore di moduli.

semplice modello di modulo di contatto

Come puoi vedere di seguito, avrai un modulo di contatto di base con campi come nome, e-mail e commento/messaggio.

A simple contact form on a page

Puoi personalizzare questo modello aggiungendo o rimuovendo i campi che desideri. Per impostazione predefinita, il modello di modulo di contatto semplice non include alcun campo di pagamento.

Aggiungeremo i campi di pagamento nel passaggio successivo.

4. Imposta i campi di pagamento

Avrai bisogno di almeno un campo di pagamento per i prodotti o servizi che venderai. Ci sono 4 opzioni tra cui scegliere, che sono:

  • Oggetto singolo : quando vendi un solo oggetto.
  • Articoli multipli : quando disponi di più articoli, ma solo uno dei quali può essere selezionato (come diversi piani di abbonamento).
  • Casella di controllo Articoli : quando hai più articoli con la possibilità di selezionarne uno o più (come merce diversa).
  • Elementi a discesa: quando si desidera che gli utenti possano selezionare solo uno degli elementi disponibili in un menu a discesa.

Ad esempio, se vendi capi di abbigliamento, puoi aggiungere un campo Casella di controllo Articoli che consente agli utenti di ordinare più capi di abbigliamento dallo stesso modulo.

Ecco come farlo:

Innanzitutto, aggiungi un campo Elementi casella di controllo al modulo facendo clic su di esso o trascinandolo in posizione sul modello di modulo.

casella di controllo dei campi di pagamento

Fai clic sul campo Elementi casella di controllo nel modulo per aprire Opzioni campo nel riquadro di sinistra.

payment fields settings

Opzioni campo ti consentono di modificare l'etichetta dei tuoi campi e aggiungere il nome e il valore degli articoli che stai vendendo.

Potresti voler cambiare l'etichetta "Articoli della casella di controllo" in qualcosa che rifletta meglio gli articoli che stai vendendo. Assegneremo alla nostra casella di controllo "Sullie Merch" per questo esempio.

Checkbox label

Puoi anche modificare le etichette predefinite per ogni elemento dell'elenco di controllo. Sostituiremo "Primo articolo" con "Maglietta Sullie", "Secondo articolo" con "Calzini Sullie" e "Terzo articolo" con "Cappello Sullie".

Product labels for checkbox items field

Non dimenticare di impostare un prezzo per i tuoi articoli nel campo del prezzo accanto all'etichetta dell'articolo.

item price

Se desideri che il prezzo appaia dopo l'etichetta di ogni articolo sul frontend, assicurati di abilitare l'opzione Mostra prezzo dopo le etichette articolo .

price after item labels

Infine, se lo desideri, puoi aggiungere una descrizione per i tuoi articoli.

Descrizione dell'articolo

Ecco come appare ora il nostro modulo:

Modulo di anteprima

Gli utenti possono ordinare qualsiasi prodotto da questo modulo semplicemente selezionando le caselle accanto a ciascun articolo.

Tuttavia, c'è un altro passaggio importante che dobbiamo ancora superare: aggiungere un campo di pagamento PayPal a questo modulo per abilitare le transazioni.

5. Aggiungi e personalizza il campo PayPal Commerce

Troverai il campo di pagamento PayPal Commerce nella sezione Campi pagamenti nel riquadro a sinistra del generatore di moduli. Basta trascinarlo e rilasciarlo sul modulo per aggiungere il campo.

Campi di pagamento di WPForms

Quando includi il campo PayPal Commerce nel modulo, vedrai una modale che ti chiede di abilitare i pagamenti PayPal Commerce. Premere OK .

abilita paypal

Prima di abilitare i pagamenti, personalizziamo prima il campo PayPal Commerce.

Come vedrai, PayPal Commerce supporta sia i pagamenti con PayPal che con carta di credito.

PayPal Commerce cards

Ci sono molte cose belle che puoi fare con il campo PayPal Commerce. Per accedere alle Opzioni campo, fai clic in un punto qualsiasi del campo PayPal Commerce.

field options PayPal Commerce

Puoi quindi selezionare quali opzioni di pagamento tra PayPal checkout e carta di credito dovrebbero essere disponibili per i visitatori (puoi includere una o entrambe le opzioni). Inoltre, puoi anche selezionare da quali carte di credito accetti i pagamenti semplicemente utilizzando i pulsanti di attivazione/disattivazione nella sezione Carte di credito supportate.

Icone della carta commerciale PayPal

Se desideri modificare l'aspetto del campo PayPal Commerce, puoi trovare altre opzioni nella scheda Avanzate in Opzioni campo.

Qui puoi modificare le dimensioni del campo e regolare le dimensioni, la forma e il colore del pulsante di pagamento PayPal.

advanced paypal settings

Al termine della personalizzazione del campo, è il momento di abilitare PayPal Commerce e configurare le impostazioni di elaborazione dei pagamenti.

Dalla barra laterale, fai clic su Pagamenti » PayPal Commerce.

Integrazione commerciale con PayPal

Avrai due opzioni qui: abilita pagamenti una tantum o pagamenti ricorrenti.

Pagamenti una tantum

Selezionando i pagamenti una tantum si espanderà un menu in cui è possibile mappare alcuni campi (nome, e-mail e indirizzo) dal modulo alla fatturazione PayPal.

one time payments

Se desideri invece includere i pagamenti ricorrenti, PayPal Commerce lo rende molto facile da configurare.

Pagamenti ricorrenti

I pagamenti ricorrenti sono ottimi per le aziende che offrono piani di abbonamento o pagamenti a rate. Non ci sono limiti al numero di piani che puoi creare, ma è possibile elaborare un solo piano alla volta.

Impostazioni dei pagamenti ricorrenti

L'addon PayPal Commerce ti consente di selezionare liberamente orari ricorrenti e cicli totali per il tuo piano di abbonamento. Utilizza queste impostazioni per configurare la frequenza dei pagamenti che funziona per te e per i tuoi utenti.

Nota: le carte di credito non sono supportate per i pagamenti ricorrenti.

È possibile aggiungere più tipi di opzioni di prezzo sullo stesso modulo utilizzando la logica condizionale. Diamo un'occhiata a come puoi raggiungerlo in seguito.

6. Aggiunta della logica condizionale a PayPal Commerce (opzionale)

La logica condizionale ti dà molta libertà di modificare il comportamento del campo PayPal Commerce in base alle risposte degli utenti.

Uno scenario possibile è quando si desidera definire la logica in modo che il campo di pagamento venga visualizzato solo se un utente soddisfa determinati criteri. Oppure potresti voler aggiungere più piani tariffari con diversi periodi ricorrenti e altri dettagli di pagamento.

In questi scenari, la logica condizionale di WPForms può essere incredibilmente utile.

Supponiamo che tu voglia che i clienti possano scegliere un periodo ricorrente tra i pagamenti mensili e annuali.

Per prima cosa aggiungeremo un campo di pagamento per più articoli e lo etichettiamo " Scegli il tuo piano ", con due opzioni.

multiple items payapl

Ora vorremmo che PayPal elabori un addebito in base alla selezione del cliente tra queste due opzioni.

Per questo, torna a Pagamenti » PayPal Commerce e fai clic su Abilita logica condizionale in pagamenti una tantum o pagamenti ricorrenti (a seconda dello scenario applicabile al tuo caso).

enable conditional logic paypal commerce

Nel nostro scenario, utilizzeremo la logica condizionale per i pagamenti ricorrenti. Dopo aver abilitato la logica condizionale, dovresti vedere un nuovo set di opzioni per impostare le tue regole.

Imposteremo due regole separate: una per l'addebito dei pagamenti mensili e l'altra per l'addebito dei pagamenti ogni anno.

Per mensile, abbiamo selezionato l'impostazione Tempi ricorrenti su Mensile . Quindi, abbiamo definito la logica che dice: Elabora questo addebito se il campo Scegli il tuo piano è Mensile .

rule 1 paypal commerce

Successivamente, creeremo un altro piano per gli utenti che preferiscono un abbonamento annuale. Fare clic sul pulsante Aggiungi nuovo piano per iniziare.

add new plan paypal

Immettere il nome di un piano e premere OK .

new plan name

Questa volta, selezioneremo Annuale nel menu a discesa Tempi ricorrenti. La logica condizionale qui è definita come: Elabora questo addebito se il campo Scegli il tuo piano è Annuale .

annual plan logic

Assicurati di premere Salva dopo aver configurato queste impostazioni.

Per riassumere, abbiamo appena aggiunto un'opzione per i clienti di scegliere tra periodi di abbonamento mensili e annuali utilizzando la logica condizionale.

Ora, quando un utente seleziona il periodo di abbonamento preferito, gli verrà addebitato il prezzo che hai impostato e solo per il tempo ricorrente definito.

7. Pubblica il tuo modulo

Puoi aggiungere il tuo modulo a una pagina direttamente dal generatore di moduli. Nell'angolo in alto a destra dello schermo, vedrai le opzioni per incorporare o salvare il modulo.

Poiché stiamo cercando di aggiungere subito il nostro modulo a una pagina, vai avanti e fai clic su Incorpora .

pulsante di incorporamento del generatore di moduli

Questo reindirizzerà a una modalità modale con le opzioni per incorporare il modulo in una pagina esistente o creare una nuova pagina e quindi incorporarla.

Daremo per scontato che desideri creare una nuova pagina, ma la procedura è simile per entrambi i passaggi. Per questa guida, faremo clic su Crea nuova pagina .

Pulsante Crea nuova pagina con una grande freccia rossa

Assegna un nome alla tua nuova pagina e fai clic su Let's Go !

Assegnare un nome a una nuova pagina in cui incorporare il modulo

Il tuo nuovo modulo abilitato a PayPal Commerce sarà ora visibile nella nuova pagina. Pubblica la pagina e controllala sul frontend.

Modulo live con paypal commerce

E questo sarebbe tutto per l'integrazione di un modulo di contatto con PayPal in WordPress. Ora puoi iniziare a riscuotere pagamenti utilizzando i moduli sul tuo sito web!

Quindi, crea un modulo d'ordine online in WordPress

Ti abbiamo appena mostrato come aggiungere pagamenti PayPal ai tuoi moduli di contatto in WordPress. Sebbene possa funzionare praticamente con qualsiasi modulo, potrebbe essere meglio utilizzare un modulo d'ordine online per semplificare ulteriormente il processo.

Consulta la nostra guida per creare un modulo d'ordine online in WordPress.

Non aspettare per iniziare a creare il tuo modulo d'ordine online. Inizia oggi con il plug-in per moduli WordPress più potente. Cerchi un modulo d'ordine gratuito? WPForms Pro viene fornito con un modello di modulo d'ordine online gratuito e una garanzia di rimborso di 14 giorni.

Crea moduli con PayPal Checkout Now

E non dimenticare, se ti piace questo articolo, seguici sui social media su Facebook e Twitter.