Quantcast
Channel: WordPress Tutorials Archives - Formidable Forms
Viewing all articles
Browse latest Browse all 521

How to Accept Credit Card Payments in WordPress [4 Options!]

$
0
0

Looking to use WordPress credit card processing? This guide will show you how to accept credit card payments in WordPress today!

How to Accept Credit Card Payments in WordPress

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 in 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 our WordPress plugin Formidable Forms, the most advanced form builder for WordPress.

 Get Formidable Forms now!

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:

To add payments with Formidable, you’ll need to get its Business plan

So, grab the plugin, get it installed and activated, then we’ll get started.

Option 1: Accept credit card payments in WordPress with Stripe and Formidable

Stripe is one of the most trusted payment services in the world, and it’s perfect to accept credit card payments on your site.

There are a few steps to follow:

  1. Enable Stripe integration
  2. Create your payment form
  3. Display your form

Step 1: Enable Stripe integration

You’ll need to connect your Stripe account to accept Stripe payment processing.

In 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 can edit your Stripe settings in Formidable

The plugin will redirect you to Stripe’s gateway, where you’ll log in and set up your Stripe 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. The plugin will show you a box to choose a Blank Form or a pre-made template.

Click Add New to create.a new form

Since you have Formidable’s Business plan, you can also access 100+ form templates, including a credit card form template

So we’ll choose this template to get started and save some time. 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.

Formidable's drag-and-drop builder makes building a form easy

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.

Edit your credit card payment settings in Formidable's Actions & Notifications

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 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.

Formidable's 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 👀.

If you’re unfamiliar with Link by Stripe, it’s a simple way to make checkouts faster, easier, and more efficient for customers.

Link by Stripe makes checkouts easy and fast

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 payment gateways/payment options).

" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="How to Add One Click Payments in WordPress (Link by Stripe)" >

And adding it in Formidable is easy.

You go to Actions & Notifications → Collect a Payment in your form settings. Next, turn on the Use previously saved card with Stripe link toggle.

Enable the Stripe Links toggle

And that’s it.

Every time customers check out, they’ll have the option to use Link by Stripe. And every customer loves a faster checkout process.

Option 3: Accept credit card payments in WordPress using PayPal

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:

  1. Enable PayPal integration
  2. Create your form
  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.

Connect your PayPal account to Formidable

Enter your PayPal email address, then click Update Options to finish the connection.

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 at the top of the page.

Click Add New to begin creating a new form

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. 

Edit your donation form labels and text

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.

Edit your PayPal settings

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.

Display your form with WordPress's Formidable block

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:

  1. Enable Authorize.net integration
  2. Create your form
  3. 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.

Connect your Authorize.net account in Formidable's settings

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.

Get your API credentials from Authorize.net's website

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. 

Next, let’s create your 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.

Give your form a name for reference

The plugin will take you to 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.

Enable the Authorize.net checkbox in Formidable's settings

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 on your website.

Step 3: Display your form

Navigate to the post/page where you want to show your Authorize.net payment form.

Add a new WordPress block, and search Formidable. Choose Formidable’s WordPress block, then select your form from the dropdown menu.

Use Formidable's WordPress block to display your form

Last, update your post/page; your form is ready to accept payments!

It’s that simple to set up a WordPress eCommerce credit card payment.

Wrapping up

You may think you need a specific 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!

 Get 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!


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!

The post How to Accept Credit Card Payments in WordPress [4 Options!] appeared first on Formidable Forms.

Viewing all articles
Browse latest Browse all 521

Trending Articles