Looking to use WordPress credit card processing? This guide will show you how to accept credit card payments on WordPress today!
Approximate read time: 7 minutes
If you’re not using WordPress to accept credit card payments, you’re missing a lot of business.
Whether you sell digital or physical products, you need a way to get paid.
Lucky for you, it’s easy to add credit card payments to WordPress. And this guide will show you exactly how to do it in four different ways so you can use the best method for you.
So, let’s get started.
Can I accept payments through WordPress?
WordPress doesn’t support payment processing on its own.
For that, you need a WordPress plugin that handles payments, including for credit cards, PayPal, Stripe, and other payment processors.
But there are plenty to choose from to get the job done.
However, there is one that makes things far easier for you than any other.
How to accept credit card payments on WordPress
Credit and debit cards are the most popular payment methods for online payments in the world.
But you also need a WordPress credit card form to accept payments.
And for that, we’ll use Formidable Forms, the most advanced form builder for WordPress.
With Formidable’s features, you’ll also have multiple options for payment processors and even the ability to connect WooCommerce if you use it.
So, here are a few options to add credit cards to your WordPress site:
1. Use Formidable Forms' Stripe integration to accept credit card payments on WordPress
Stripe is one of the most trusted payment services in the world, and it’s perfect to accept credit card payments on your website.
To process payments on WordPress with Formidable Forms and Stripe, you'll need the Business or Elite version of the form maker plugin. Click below to pick up your plan if you don't have one already!
Once you have your license, go ahead and install and activate Formidable Forms on your website. Now let's get started!
There are a few steps to follow to accept credit card payments on WordPress using Formidable Forms and Stripe:
- Step 1: Enable Stripe integration
- Step 2: Create your payment form
- Step 3: Display your form
Step 1: Enable Stripe on WordPress
You'll first need to connect your Stripe account to your WordPress website to accept Stripe payment processing.
From your WordPress dashboard, go to Formidable → Add-Ons, find the Stripe add-on, and click Install.
Next, we’ll get your account set up.
So, go to Formidable → Global Settings → Stripe, and click the Connect to Stripe button.
You'll then be redirected to Stripe’s gateway, where you can log in to your Stripe account or create a new Stripe merchant account.
Once it’s finished, head back to the Formidable plugin in your WordPress dashboard.
Step 2: Create your payment form
Now that Stripe is ready, let’s set up your form.
Go to Formidable → Forms and click Add New to create a new form. Next, choose to use a Blank Form or a pre-made template.
Since you have Formidable’s Business plan, you can also access 225+ form templates, including a credit card payment form template.
We’ll use this template to save some time, but here are all the details on how to create a Stripe payment form for WordPress. Give your form a name, then click Create to begin.
Feel free to adjust the form to fit your needs by adding any fields, customizing the label text, and more using Formidable’s simple drag-and-drop form builder. Just make sure to add the Payment field to your form if you aren't using the template.
Once you’re finished, Update to save your changes.
Next, go to Settings → Actions & Notifications → Collect a Payment. You can give your payment a name for reference and customize any payment settings you like.
Feel free to customize these to your preferences, including setting up recurring payments or what currency you’ll use.
After, click Update to save your changes, then let’s display your WordPress credit card payment form!
Step 3: Display your form
Now we need to get your form on your site so people can start paying you!
So, go to the post/page where you want to show your form and add a new WordPress block. Search Formidable and choose the Formidable WordPress block.
Choose your form from the dropdown menu, and WordPress will display your form.
Update the post/page. Your form is live and ready to take payments!
Now, if you want a faster Stripe checkout process, check out the next option ?.
2. Use Link by Stripe to accept multiple payment methods
If you’re unfamiliar with Link by Stripe, it’s a simple way to make checkouts faster, easier, and more efficient for customers. Here's an example:
Any customer can sign up to Link by Stripe using their cell phone number and an authentication code.
Then, all future checkouts that support Link by Stripe are as easy as entering the code sent to the customer’s phone.
Best of all, it easily handles credit card payments (plus many other Stripe payment options like ACH bank transfers and Cash App payments).
And adding it in Formidable is easy.
- Step 1: Activate Link in your Stripe account
- Step 2: Enable Stripe Link on your payment form
- Step 3: Publish your form
Step 1: Activate Link in your Stripe account
From your Stripe Dashboard, select Settings → Payment Methods. Choose your site from the dropdown menu, then scroll down to the Wallets section of the page. Finally, click to Turn on the Link payment method.
Step 2: Enable Stripe Link in your WordPress payment form
Back in your WordPress admin, open Formidable Forms, and click to edit your payment form.
Don't have the Formidable WordPress plugin yet? Click below to get the form maker now.
It only takes a few clicks to install and activate it.
Once the plugin's on your WordPress site, go to Formidable → Forms to create a new payment form or edit an existing one.
With your form open, go to Settings → Actions & Notifications → Collect a Payment.
Next, click the Enable Stripe Link toggle.
Update your form to save your changes. And that’s it!
Now every time customers check out, they’ll have the option to use Link by Stripe. And every customer loves a faster checkout process.
3. Use PayPal to accept credit card payments in WordPress
Right up there with Stripe for the best payment processors is PayPal for your WordPress website.
And the process to set up a PayPal order form is similar to Stripe, with a few changes.
The steps are:
- Step 1: Enable PayPal integration
- Step 2: Create your form
- Step 3: Display your form
Step 1: Enable PayPal integration
Before you start with your form, head to Formidable → Add-Ons, find PayPal, then click Install.
Now, we just need to connect your PayPal account.
So, go to Formidable → Global Settings → PayPal.
Enter your PayPal email address, then click Update Options to finish connecting PayPal to your WordPress website.
Step 2: Create your form
In your WordPress dashboard, go to Formidable → Forms and click Add New at the top of the page.
You can choose a Blank Form or the PayPal Donation template to speed things up. We’ll use the donation template since it has most settings adjusted correctly.
Next, give your form a name, then click Create.
Feel free to adjust the form template to fit your needs. If you’re selling a product, you’ll want to change all the “Donation” references on your labels.
Plus, you can add an automatic calculation field to update the price as the customer adds to their shopping cart.
Once you’re finished, click Update to save your changes.
Next, go to Settings → Actions & Notifications → PayPal.
You can adjust your settings here to change what payment method to process, the amount, and the currency.
Most of these settings will be set up already, but feel free to change them as you see fit.
Last, we just need to display your form.
Step 3: Display your form
Head to the post/page where you want to display your PayPal form.
Add a new WordPress block and search Formidable. Next, add the Formidable WordPress block, and choose your form from the dropdown menu.
Update your post/page, and you’re finished!
Your PayPal form will process all your payments and get you paid quickly.
Option 4: Use Authorize.net to accept credit/debit cards
The last option for credit card payment gateway integration in WordPress is using the lesser-known but equally secure Authorize.net.
So, there are a few steps to follow:
- Enable Authorize.net integration
- Create your form
- Display your form
Step 1: Enable Authorize.net integration
First, go to Formidable → Add-Ons and click Install on the Authorize.net add-on
Once it’s installed, we need to connect your Authorize.net account. So, go to Formidable → Global Settings → Authorize.net → API Login ID. Keep this page open, and open another tab.
Next, go to Authorize.net, log in to your Authorize.net merchant account, and click Account.
Then, click API Credentials & Keys (under Security Settings). Copy the API Login ID. Paste this into the API Login ID field.
After, go back to your Merchant account to the API Credentials & Keys page. Select New Transaction Key, then Submit, to get a Transaction Key.
Copy and paste this into the Transaction Key field in Formidable.
Last, on your Authorize.net Merchant account, go to API Credentials & Keys, select New Signature Key, and Submit.
Copy and paste this key into the Signature Key field in Formidable.
Last, set your Environment to Live, save your changes, and you’re fully connected with Authorize.net.
Now that your account is connected, let’s create your Authorize.net form.
Step 2: Create your form
In your WordPress dashboard, go to Formidable → Forms and click Add New.
You can create a Blank Form or choose the Credit Card Payment template to get started faster. Since the template supports Authorize.net easily, we’ll select it for this example.
Next, give your form a name, then click Create.
This opens our drag-and-drop form builder, where you can customize and adjust your form to your liking. Add any fields, customize the text, and more in the builder before you move on.
Next, go to Settings → Actions & Notifications → Collect a Payment.
You can customize these settings, including subscription payments, currencies, and more.
But we want to focus on the Gateway setting.
Check the Authorize.net setting to enable payments on your form.
After, you can customize the Customer Information and Shipping Information (if necessary) options to fit your business. If you want, you can leave the shipping blank to match the billing information.
Once you’ve customized these settings, click Update to save your changes.
Now, let’s get your form online!
Step 3: Display your form
Navigate to the post/page where you want to show your payment form.
Add a new WordPress block, and search Formidable. Choose Formidable’s WordPress block, then select your form from the dropdown menu.
Last, update your post/page; your form is ready to accept credit card payments with Authorize.net.
It’s that simple to sell your products or services on WordPress!
Wrapping up
You may think you need a specific WordPress payment plugin to accept credit cards on your online store, but that would be a mistake.
With Formidable Forms, you get all the credit card abilities you need and all the forms you want on your website. That’s the power of having one plugin that does it all.
This post taught you how to set up credit card payments in WordPress easily. So, don’t waste any more time and grab Formidable Forms now!
You may wonder about other payment gateways, and this post shows you how to add payment gateways in WordPress today!
Last, follow us on Twitter, Facebook, and YouTube for more WordPress tips and tricks!
Read more about adding payment forms!
How To Accept Stripe Payments (In 10 Minutes or Less!)
How To Create a Free Stripe Payment Form [4 Simple Steps]
How To Accept iDEAL Payments in WordPress (For Free!)Did you know that Formidable Forms is one of the fastest WordPress form builder plugins available today? If you're not already using it, get started with our free plugin or the full-featured pro version!
Leave a Reply