Are you looking to set up Authorize.Net payments in your forms? With the Authorize.Net addon for WPForms, your users can securely send credit card payments directly through your forms. Plus, you can set up both one-time and recurring subscription payments.
In this tutorial, we’ll show you how to install and set up the Authorize.Net addon with WPForms.
- Connecting Authorize.Net to Your WordPress Site
- Adding Authorize.Net to Your Forms
- Setting Up Recurring Subscription Payments
- (Optional) Setting Up Conditional Logic for Payments
- Frequently Asked Questions
Requirements: You will need a Elite license level to access the Authorize.Net addon.
Also, Authorize.Net requires your site to have SSL (https) enabled on the page where you’re adding a live payment form, as this allows you to securely send credit card data. For setup details, please see WPBeginner’s guide to adding SSL and HTTPS in WordPress.
1. Connecting Authorize.Net to Your WordPress Site
Once the Authorize.Net addon is active on your site, you’ll need to open WPForms » Settings in the left menu of your WordPress site. From there, click on the Payments tab.
If you’d like to adjust the currency, go ahead and select the option you need from the Currency dropdown before proceeding.
Next, scroll to the section named Authorize.Net. In this section, you’ll need to fill out keys that connect your site to your Authorize.Net account. These keys are different for live and test transactions, but for this tutorial we’ll focus specifically on live transactions.
For these settings, you’ll need to get some details from your Authorize.Net account.
Sign into Authorize.Net
When you’re ready to sign into your Authorize.Net account, be sure to do that in a new tab or window so you can easily switch back and forth.
If you don’t have an account with Authorize.Net yet, go ahead and create one now.
Right after you log into your Authorize.Net account, you should see an overlay showing whether your account is in Test or Live mode. Be sure that this option is set to Live.
Locate Keys in Authorize.Net
Now that you’re logged in and have confirmed that your account is in Live mode, you’ll be able to get the keys you need. Within the left sidebar of your Authorize.Net account, click on Settings.
From that Settings page, you’ll then need to click on the option named API Credentials and Keys
On this page, you’ll need to copy the value next to API Login ID.
Back in your WPForms Settings page, you’ll need to paste this value into the API Login ID field.
Now that you’ve added your API Login ID, you’ll need a transaction key.
In your Authorize.Net account (still on the API Credentials & Keys page), look to the section labeled Create New Key(s).
Note: If you have an existing key, you can use that (it’s not required to create a new one). In this tutorial, we’re assuming that you haven’t set up a transaction key before or need a brand new key.
For the Obtain option here, select New Transaction Key. Then, go ahead and click the Submit button.
Immediately after submitting, you should see an overlay asking you to verify your identity. You’ll need to click the Request PIN button to start this verification process.
After submitting the request, you’ll be asked to check your email for the PIN. Be sure to enter the value from your email, then click the Verify PIN button.
Now that your identity has been verified, Authorize.Net will display your Transaction ID.
You’ll need to carefully copy this key, then flip back over to the tab or window with your WPForms Settings. Be sure to copy this key into the Test Transaction Key field, then click Save Settings
After these settings are stored, you should see a success message at the top of the WPForms Payments page.
2. Adding Authorize.Net to Your Forms
Now that you’ve connected Authorize.Net to your WordPress site, you can start adding payments to your forms.
First, you’ll need to create a new form or edit an existing form.
In order for a form to work with Authorize.Net, you’ll need at least four fields in your form:
- A Name field
- An Email field
- An items field (Single Item, Multiple Items, Checkbox Items, or Dropdown Items)
- An Authorize.Net field (which collects credit card details)
Note: A Total field is not required for Authorize.Net to work, however it’s helpful for users to easily see how much they’ll be paying.
Once any fields you’d like have been added to the form builder, you’ll need to go to Payments » Authorize.Net. From the Authorize.Net panel, check the box labeled Enable Authorize.Net payments.
From here, there are a few optional settings:
- Payment Description: This can appear on the user’s credit card statement (only applies to one-time payments, not recurring subscriptions).
- Authorize.Net Payment Receipt: If you select an Email field from your form, then Authorize.Net will send a receipt to that email address. While optional, we recommend doing this so that your customer has a direct record of payment (also, only applies to one-time payments, not recurring subscriptions).
- Customer Name: If you select a Name field from your form, then this information will be sent to Authorize.Net along with the other payment details.
After you’ve completed these settings, be sure to save your form.
If you were looking to set up one time payments, then you’re all set! But if you wanted to set up recurring subscriptions, or to add conditional logic for your payments, then be sure to continue on to the next sections.
Setting Up Recurring Subscription Payments
Recurring subscription payments will process one payment right away, and then also process future payments based on the schedule you select.
To start setting up a subscription, you’ll need to check the box labeled Enable recurring subscription payments.
Once you’ve checked this box, additional options will appear:
- Plan Name: This can appear on the user’s credit card statement. If you leave this box empty, it will default to the name of the form.
- Recurring Period: This setting determines how often future payments will get processed.
- Customer Email: Choose the Email field from your form that this subscription will be associated with.
- Customer Name: Choose the Name field from your form that this subscription will be associated with (must include First and Last names).
Once you’ve saved these settings, your form should be ready to go! We do strongly recommend testing all forms before you add them to a live page, though, so be sure to check out our form testing guide.
(Optional) Setting Up Conditional Logic for Payments
Conditional logic lets you create “smart forms” that automatically change certain aspects of your form based on a user’s selections.
Conditional Logic for Payments
There are many ways you can use conditional logic with an Authorize.Net payment form. For this tutorial, though, we’ll focus on one example: letting a user choose whether to submit a one-time or monthly recurring payment.
Since we already have a form ready for Authorize.Net payments after finishing the steps above, we just need to add a field where the user selects a one-time or monthly payment.
For this, go ahead and add either a Dropdown or Multiple Choice field. Either of these fields will let users select only a single option.
Now that the option field is set up in your form, you’ll need to create some conditional logic to make sure that the user’s selection gets applied to their payment.
To do this, you’ll need to open Payments » Authorize.Net. You’ve already followed the steps in the previous section to configure the basic settings, so the only step left is to set up logic.
For our form example, we first need to make sure that the Recurring Period is set to Monthly.
Next up, scroll to the bottom of the settings (under the Subscriptions section) and check the box labeled Enable conditional logic.
This will display additional fields where you can set up any conditional rules. For our example, we’ll set up a conditional rule that states:
Process payment as recurring if Would you like us to automatically renew your plan? is Yes, please auto-renew my plan each month..
Conditional Notification Emails for Completed Payments
By default, WPForms will send out all notification emails as soon as a user has submitted your form. However, in some cases, you may not want a notification email to be sent until a payment has been successful in Authorize.Net.
To delay notification emails until a payment has been successfully completed, check the Enable for Authorize.Net completed payments box.
Note: We recommend testing all forms before you add them to a live page. So be sure to check out our form testing guide for details on everything we advise testing.
Frequently Asked Questions
What currencies does Authorize.Net support?
For the most up-to-date list of currencies that Authorize.Net supports, please be sure to check out Authorize.Net’s doc on supported currencies.
Can I send an invoice number to Authorize.Net after forms are submitted?
You can absolutely send invoice numbers to your Authorize.Net account from WPForms. For all the details on how to do this, be sure to check out our developer documentation for more information.
That’s it! You can now set up Authorize.Net payments with WPForms.
Now that you’ve set up an order form, would you like to see more about how your entries will look and work? Be sure to check out our complete guide to form entries for all of the details.