Do you want to accept payments on your WordPress website by using Authorize.net? In this article we will tell you how you can make use of a WordPress plugin and accept payments on your WordPress website using Authorize.net, all of this without the need of hiring a developer.
Today, we will tell you about one such amazing solution which will let you integrate Authorize.net with your WordPress website so that you can accept payments right on your WordPress website. But before we proceed further let’s get to know more about Authorize.net
What is Authorize.net
Authorize.net is one of the most popular online payment processor which is used by several businesses, freelancers and Digital marketing agency owners to accept online payments for their goods, products, and digital services. Authorize.net makes it easy for business owners to accept credit card payments online. You can accept one-time as well as recurring payments using Authorize.net
You can easily and securely accept payments by making use of a popular WordPress plugin called WPForms. You don’t need to pay a hefty sum to developers for getting this done. You don’t need to do any kind of coding to get this payment gateway Integration done.
The solution we are talking about is the Authorize.net Add-on by WPForms which makes it super easy for you to accept recurring and one-time payments on your WordPress website.
For the uninitiated, WPForms is one of the most popular and beginner friendly WordPress Form builder plugin which is used to create amazing forms. It also offers a drag and drop functionality so that you can create custom forms as per your requirement. WPForms is used by over 4 million business owners to power their WordPress forms, accept payments via forms, create surveys and much more.
We will have to create a Authorize.net payment form in WordPress by making use of WPForms plugin and accept credit card payments right on your WordPress website.
Another important requirement is that your site should have a SSL certificate installed as you can’t accept payments on a non-secure website.
We will be making use of the following steps in order integrate Authorize.net with WPForms in order to accept credit card payments.
- Step 1: Install and Activate WPForms Plugin
- Step 2: Install the Authorize.net Add-on by WPForms
- Step 3: Connect Your Authorize.net account with Your WordPress Forms
- Step 4: Sign in to Authorize.net Account
- Step 5: Hunt for API Credentials & Transaction Key
- Step 6: Add Authorize.net to Your Form
- Setting up Recurring Subscription Payments
- Setting up Notifications for Completed Payments
Without any further ado let’s get started with the step by step process on how you can connect Authorize.net with your WordPress forms
If you haven’t got the WPForms Elite License we suggest that you get it by click on the below button. Only then will you be able to make use of the Authorize.net Add-on and accept your payments from Authorize.net on your WordPress websites
The first step in this process would be to install the WP Forms plugin and then the Authorize.net addon.
Step 1: Install and Activate WPForms Plugin
Follow the below given process in order to install the WPForms plugin
Navigate to your WordPress dashboard
Go to the Plugins section –> Add New
Once you click on Add New you will come across a screen. In the search box type “WPForms” and then you will come across a screen similar to this one.
Now click on “Install Now” and then Activate the Plugin
Important Note: As stated earlier the Authorize.net Add-on is available only to users who have bought the WPForms Elite plan or higher.
So in case you don’t have WPForms Pro plan you should get the Elite plan before you proceed further
Once you are done with the activation you will be asked for the License Key
Where to find the WPForms License Key
Navigate to your WordPress Dashboard and then go to the WPForms section –> Settings
Once you click on Settings you will get a window on the right hand side. Keep on scrolling down until you find the License Key section. You will come across a screen that’s similar to the one shown below
In case you have purchased the WPForms Elite License then you can find the license key in the account which you used to purchase WPForms subscription
Once you have entered the license key then we will go to the next step i.e Installing the Stripe Add-on.
Step 2: Install the Authorize.net Add-on by WPForms
In order to install the Authorize.net add-on follow the below given process
Navigate to your WordPress dashboard –> Mouseover on WPForms –> Click on Addons (Refer to the below screenshot)
When you click on “Addons” you will see all the addons. Scroll downwards on the Addons page and you will come across the Authorize.net Add-on as shown in the below screenshot. Click on Install Add-on.
Once you have installed and activated this addon then we will proceed further with the next configuration steps related to Payments.
Step 3: Connect Your Authorize.net account with Your WordPress Forms
In order to configure the settings navigate to your WordPress dashboard –> WPForms –> Settings and from there on click on the Payments tab
If you wan you can change the currency as shown in the above screenshot. Now when you click on the payments tab as shown in the above screenshot and scroll below you will come across a section related to Authorize.net which we have displayed in the below screenshot.
You will need to fill out the Transaction key and details and in order to get these details you will have to login to your Authorize.net account.
Step 4: Sign in to Authorize.net Account
In order to get the transaction key and API details you will have to sign in to your Authorize.net account. In case you don’t have one you can create a new one. (Make sure that you do this process in a new tab so that you can switch between tabs)
Once you have logged in to your Authorize.net you will come across a window similar to the one shown below. Make sure that you switch the toggle to Live and not Test.
Once you have enabled the Live mode, in the next step we will hunt for the Transaction key and API credentials.
Step 5: Hunt for API Credentials & Transaction Key
Once you have logged in to your Authorize.net and confirmed that you are using Live Mode (which we stated in the earlier step) then you can navigate to the settings section ( you can find it on the left sidebar)
Once you click on Settings you will come across a screen similar to the one shown below Click on “APi Credentials and Keys”
Once you click on API Credentials & Keys you will land on that specific page
Copy this API Login ID and paste it in the field reserved for API which we came across in Step 3
Once you have pasted the API Login ID it’s time to hunt for the transaction keys.
You will find the transaction keys on the same page (API Credentials & Keys) under the section labelled “Create New Key(s)”. If you already have transaction key then you can paste it. For the sake of this tutorial we are assuming that you haven’t created any transaction key
Choose the “New Transaction Key” option and then click on Submit. Once you click on Submit you will come across a screen similar to the one shown below wherein you have do verification. You will have to “Request PIN” in order to do the verification process.
Once you click on Request PIN you will receive PIN on your Email. Make sure to enter the value and then click on Verify PIN
Once the PIN has been verified Authorize.net will provide you with Transaction Key. Enter this key in the WPForms settings field which we came across in Step 3
Once all these settings are saved then you will receive a Success message.
In the next step we will add Authorize.net to our Forms
Step 6: Add Authorize.net to Your Form
We will first have to create a form in order to accept payments via your form using Authorize.net. IN order for a form to work with Authorize.net we will need to include atleast 4 fields in your form
– A field for Name
– A field for Email
– Items field (Single, multiple, dropdown, checkbox etc)
– A field for Authorize.net (in order to collect credit card details)
As such a Total field is not compulsory but its good to have a total field as well so that customer can come to know how many items or worth how much they have bought.
Once you have built your form and added the above fields it’s time to include a field for Authorize.net. Follow the below given process to get this done.
Go to Payments section –> and then click on Authorize.net (as shown in the below screenshot) and click on “Enable Authorize.net payments”. You will find the payments section inside your WPForms form builder interface.
Let’s have a look at some of the payment related settings
1. Payment Description: This will appear on customer’s credit card statement (This is applicable to only one-time payments only and not for recurring payments.
2. Authorize.net Payment receipt – If you have included Email field in your form then Authorize.net will send this receipt to the customer’s Email address. It is recommended that you have this field in place so that the user also has a record of the things bought.
3. Customer’s Name – If you include a Name field in your form then the details about customer name will be sent to Authorize.net along with the other payment details.
The below given screenshot shows the above payment fields
Once you have entered all these details make sure to SAVE the form
Setting up Recurring Subscription Payments
As we saw earlier you can setup one time as well as recurring subscription payments using Authorize.net addon that comes along with WPForms
Enabling recurring payments will process one payment right away and then the subsequent payments can be processed depending on the schedule/frequency of the payments that you setup.
In order to setup a recurring subscription payment you will have to check the checkbox labelled Enable recurring subscription payments. Once you have enabled this option additional options will appear.
Once you have set up the form it is good to go.
Just make sure that you conduct tests on all the forms before making them live. You can check out the Testing guide for more details on how to test the forms before making them live.
You can also setup conditional logic in case you want certain conditions to be met – For e.g if you want the payments to be recurring or one-time. Besides this you can setup conditional logic that automatically changes the form fields depending on the user’s inputs/selection.
All that you need to do is select the checkbox “Enable the Conditional logic” as shown in the below given screenshot.
Setting up Notifications for Completed Payments
WPForms by default sends all notification emails as soon as a user has submitted the form. In some cases you may not want a notification Email to be sent unless the user has completed payments.
In order to do this you can check the box “Enable for Authorize.Net completed payments box.
We hope you will be able to follow the above steps and accept payments on your WordPress website using the Authorize.net addon provided by WPForms