Ready to make more money from your online forms? Here's how to make a WordPress form with payment gateways in just four steps!
Approximate read time: 7.5 minutes
Looking to add payment options to WordPress forms? It's easier than you think!
With Formidable Forms, you can quickly create a form with a payment gateway to let visitors purchase products, make donations, or subscribe to services directly on your website.
Whether you're a small business owner, a nonprofit, or just want to accept online payments, we've got the tools you need to get started.
In this guide, we'll walk you through the process of integrating popular payment gateways like Stripe, PayPal, and Authorize.net into your WordPress forms, step by step.
Why offer multiple payment gateways?
In today's world of online shopping, offering different payment methods in your WordPress forms isn't only convenient; it's necessary.
Here are just a few reasons to add multiple payment gateways to your website:
- 🛒 Reduce cart abandonment: A whopping 59% of shoppers have left their online shopping cart because they couldn't use their preferred payment method.
- 🎖️ Build trust and credibility: Roughly 40% of shoppers feel more confident buying from sites that offer multiple payment methods.
- 🏆 Stay ahead of the competition: Your competitors are just a click away, so make sure your site meets customer expectations so they don't search elsewhere.
- 🌎 Go global: Different regions prefer different payment methods, so by offering a range of gateways, your products and services become accessible worldwide.
- 🤩 Improve user experience: A smooth payment process is key to customer satisfaction. Having multiple payment gateways in your forms makes the checkout experience easy and efficient.
Next, let's find out which payment gateways work best for you.
Payment gateways for WordPress forms
Picking the best payment gateway comes down to what works best for your site and your audience.
Are you selling products and services locally? Are you aiming for a lot of international transactions? Or maybe security is what's most important to you?
Here's a quick rundown of three of the most popular platforms:
- PayPal - The OG of online payment processors, everyone knows it and it's easy to use. It's available in almost every country and supports more than 100 currencies.
- Stripe - This sleek and modern payment platform has taken the world by storm. It supports many payment methods and is widely available in the Americas and Europe.
- Authorize.net - If keeping things safe and secure is your #1 goal, this is the gateway for you. It's all about giving you and your customers that peace of mind with top-notch security.
If you're just starting out in online payments, we recommend going with Stripe or PayPal.
These gateways aren't just easy for you to set up; they make things easy for customers too.
Since they're so common, chances are your website visitors already know and trust these ways to pay. And that gets rid of a huge barrier to purchasing.
🤔 Still aren't sure which to choose? Check out these in-depth reviews and comparisons:
Up next, let's learn how to add a payment gateway to a form!
How to make a WordPress form with payment gateways
This tutorial assumes you already have the premium version of Formidable Forms installed and activated on your website.
Don't have our amazing WordPress form plugin yet? Click below to get it now! 👇
- Add payment gateways to WordPress
- Create your form
- Set up online payment form actions
- Publish your form
Step 1: Add payment gateways to WordPress
First, we need to do a tiny bit of setup in WordPress.
To use the Stripe integration, head to Formidable → Global settings → Stripe. Click Connect to Stripe to log in to your Stripe account. And that's it, you're done! ✅
To use Formidable's integration with PayPal or Authorize.net, first go to Formidable → Add-Ons to install and activate the corresponding add-on.
Now that those are activated, head to Formidable → Global settings.
Then open the PayPal or Authorize.net tab and enter your merchant account information.
Step 2: Create your form
Once you've connected the payment gateways to WordPress, it's time to create your form!
To get started, go to Formidable → Forms. Either select the form you want to add payments to or click + Add New to make a new form.
Next, choose the type of form template to use or Create a blank form to build one from scratch.
Remember — you can customize form templates as much as you want!
For example, if you want to make a registration form that also takes payments, you can start with one of our Registration Form Templates. Then add a payment field!
Want to require payment on a WordPress upload form instead? Configure this entry form template to collect payments! Easy!
Then, give your form a name and hit Create to open the form builder.
The visual builder lets you easily create a custom online payment form. Just drag and drop to add, delete, and edit form fields.
And since we want a form with payment gateways, don't forget to add a Payment field! 💳
You can also add calculations, lookup fields, and radio buttons to offer variable pricing options and still show the total cost.
Add a radio button or dropdown field to your form
Add a radio button or dropdown field to your form to let users pick their payment method on your form. Include options like "Pay via PayPal," "Pay via Credit Card," or even "Pay in person".
When we're happy with our form, we'll hit the blue Update button to save. 💾
👉 Learn more about adding calculations to your forms.
Step 3: Set up your online payment form actions
At the top of the screen, navigate to Settings → Actions & Notifications.
This is where we'll set up our form to collect payments and add actions after form submission.
But for now, let's focus on getting paid!
Obviously, the PayPal action lets us process PayPal payments in our form.
Click it to set the payment amount, currency, and whether it's a one-time or recurring payment.
For Stripe and Authorize.net payments, select the Collect a Payment action instead.
We'll enter the payment information just like we did for PayPal, but we need to ensure the correct payment gateways are selected.
Way to go! 🙌 Your WordPress form now has payment options!
Use conditional logic for payment options (optional)
We'll set up conditional logic for each of our different payment options. This way, the checkout process will follow a specific path based on the payment option the user selected on the form.
For each payment method, we need to set the form action logic.
We'll choose "Do this action if any of the following match" and link it to the corresponding radio button option.
If a user picks PayPal, the form knows to process the payment through PayPal, and so on.
🔎 For a closer look, read the doc on conditionally collecting payments.
Step 4: Publish your form with payment gateways
We're almost done, and thankfully, this last step is the easiest of all!
To add your payment form to WordPress, open the page or post where you want it to be shown. In the editor, click the + icon to add a new block.
Search for and insert the Formidable Forms block.
Then, select your form from the dropdown menu. And finally, Publish or Update the page.
Woohoo! 🥳 Your form's now online!
Make your WordPress form with payment gateways
That's it! You now know how to create a payment gateway on WordPress!
By offering multiple payment methods on your forms, you can reach a wider audience, reduce cart abandonment, and boost sales.
And thanks to Formidable Forms, payment integration is quick, easy, and code-free!
From donations to memberships, every transaction becomes smoother and more secure. Plus, with the flexibility to add payments to everything from contact forms to quizzes, it opens up a world of creative monetization opportunities.
So, are you ready to take your WordPress site to the next level?