Authorize.Net payment form

How to Make an Authorize.Net Payment Form in WordPress (Easy Method)

Do you want to add an Authorize.Net payment form to your website? You can quickly add a secure payment field to your forms to accept credit and debit card payments.

In this article, we’ll show you the easy way to embed an Authorize.Net payment form in WordPress.

Create Your Authorize.Net Form Now

How Do I Create a Payment Form in WordPress?

Making a payment form in WordPress sounds like hard work.

But with WPForms it’s easy and fast.

WPForms lets you quickly create Authorize.Net forms without using any code, and without creating any feeds.

WPForms has an Authorize.Net addon, so all the hard work has been done for you already.

WPForms Authorize.net payment form addon

All you need to do is connect WPForms to Authorize.Net, then set up your form to take payments. Using this method to create a payment form in WordPress means you get all the protection of Authorize.Net’s payment processing and anti-fraud systems.

If you’re looking for an Authorize.Net WordPress donation plugin, this method will work for you. We’ll show you how to add a donation field to your form in Step 3.

We’re going to walk you through the process of creating your WordPress form in this tutorial.

How to Make an Authorize.Net Payment Form in WordPress

We’ve split this guide into steps to make it easy to follow. The links below let you jump to each section in the tutorial.

  1. Install and Activate the WPForms Plugin
  2. Customize Your Authorize.Net Settings
  3. Create Your Authorize.Net Payment Form
  4. Customize Your Payment Form Settings
  5. Publish Your Authorize.Net Payment Form

Let’s start by getting your form builder plugin installed.

Step 1: Install and Activate the WPForms Plugin

The first thing you need to do is install and activate the WPForms plugin.

If you need a hand with this step, hop over to this beginners’ guide to installing a WordPress plugin.

Now you have WPForms activated, you’ll also want to install and activate the Authorize.Net addon.

In the WordPress dashboard, click WPForms on the left. Click Addons.

Find the Authorize.Net addon and click Install, then Activate.

WPForms Authorize.Net Payment Form Addon

Before we start setting up Authorize.Net, let’s quickly check that the payment settings are set up the way you want them in WPForms.

In the WordPress dashboard, click WPForms » Settings, then click the Payments tab.

Select the currency you want to use from the Currency dropdown here.

WPForms payment form currency

All done! Now it’s time to connect WPForms to Authorize.Net.

Step 2: Customize Your Authorize.Net Settings

In this step, we’re going to walk through the process of grabbing your Authorize.Net keys.

You can choose to set up your Authorize.Net payment form with a test connection if you want to. But in this example, we’ll set up a Live connection. If you don’t want people to use the form yet, we recommend setting it up in Test mode.

Now, in a new tab, let’s log in to your Authorize.Net account.

Log in to Authorize.net

Once you’re logged in, make sure you’re in Live mode.

You can click the switch in Authorize.net to change the setting if you need to.

Authorize Net account is in Live mode

Now it’s time to grab your API key. Here’s where to find it.

You’ll want to look at the sidebar for Account. Then click Settings.

Open Authorize Net account settings

Under General Security Settings, click API Credentials and Keys.

Open API Credentials and Keys page in Authorize Net account

Copy the API key from this screen and switch back to your WPForms tab. Check you’re still on the Payment tab here. Scroll down a little to see the Authorize.Net section.

Go ahead and paste the key into the API Login ID box.

Authorize.Net payment form API key

Now switch back to your Authorize.Net account. You should still be on the API Credentials and Keys page.

Click Obtain, then New Transaction Key. Then go ahead and click Submit.

Create new transaction key in Authorize Net account

Authorize.Net will send a PIN to your email address. Check your email, then paste the PIN in and click Verify PIN.

Great! Now you have a working transaction key. Copy that key now, then switch back to WPForms and paste it into the Transaction Key field.

Authorize.Net payment form transaction key

Now click Save Settings.

That’s the tough part over! Now WPForms and Authorize.Net are connected.

Now we just need to create your Authorize.Net payment form.

Step 3: Create Your Authorize.Net Payment Form

If you already have a form that you want to use, open up that form in the WPForms builder now.

If you don’t have a form yet, no problem. You can create a simple order form, or use a template.

WPForms comes with 1,900+ WordPress form templates. To choose one, click WPForms » Add New. Then scroll down to the Additional Templates section.

If you search for ‘order form’ here, you’ll see 5 templates to choose from. We’re going to choose the T-Shirt Order Form for this example.

Authorize.net payment form template

Click the template and WPForms will open the form builder. You can customize the form by dragging new fields from the left-hand pane to the right-hand pane.

For example, let’s add the Authorize.Net field. Go ahead and drag it from the left-hand pane onto your form. You can place it anywhere you like:

Add Authorize.Net Payment Form field

Now you can click each field in the form builder and customize it. If you’re not sure how to do this, check out this guide to creating your first form in WPForms.

Are you looking for an Authorize.Net WordPress donation plugin? You’ll just need to tweak the fields a little. Check out this guide on how to create a nonprofit donation form in WordPress.

Once you’ve finished customizing your form, we can turn on payments.

Step 4: Customize Your Payment Form Settings

Stay in the WPForms builder for this part of the tutorial.

You’ll need to look to the icons on the left-hand side, and click Payments. Then click Authorize.Net.

We’re going to switch on credit card payments for this form using the settings on the right-hand side.

Authorize.net payment form settings

Here’s what you need to do:

  • Click the Enable Authorize.Net payments checkbox to turn on payment processing for the form.
  • In the Payment Description box, type the words that will appear on your customer’s credit card statement. You’ll probably want to type the name of your store here.
  • In the Authorize.Net Payment Receipt dropdown, you can select Email to have Authorize.Net send an email receipt. If you don’t select anything here, the customer won’t get a receipt.
  • In the Customer Name dropdown, select Name to have the customer’s name associated with the payment.

And that’s it! Your Authorize.Net WordPress form is ready to go live.

Click Save to save your form.

Now, all we need to do is publish it. And this is the really easy part.

Step 5: Publish Your Authorize.Net Payment Form

You can publish your form anywhere in WordPress without using any code.

If you want to put your form onto a page, WPForms will automatically create the page for you.

Go ahead and click the Embed button at the top of the form builder.

Embed your Authorize.net payment form

WPForms will ask you if you want to add your form to an existing page or create a new one. Let’s click Create New Page.

Create Authorize.net Payment Form page

Type in a name for your page, then click the Let’s Go button.

Automatically create a new page in WPForms

Now WPForms will create a page and embed your form into it.

All done!

All you have to do is click Publish or Update to make the form live on your website.

Publish Authorize.net payment form in WordPress

If you want to embed your form using a shortcode, click WForms » All Forms and you’ll see the shortcode right there in the list.

Authorize.Net payment form shortcode

And that’s it! Now you can start taking orders using your new Authorize.Net payment form.

If you’re a nonprofit, you might want to make your donations optional. No problem! Here’s how to add an optional payment to your WordPress forms.

Create Your Authorize.Net Form Now

Let’s Improve Your Order Form Conversions

Did you know that the average form abandonment rate is 68%? If lots of people are quitting your form partway through, you’ll lose tons of orders.

Take a look at some simple ways to reduce form abandonment and increase your conversions. You can also check out these common complaints about payment forms to make sure yours is optimized.

And that’s it! Now you know how to get started with the easiest WordPress form builder plugin. WPForms Pro includes free order form templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPForms is funded, why it matters, and how you can support us.

Claire Broadley

Claire is the Content Manager for the WPForms team. She has 13+ years' experience writing about WordPress and web hosting. Learn More

The Best WordPress Drag and Drop Form Builder Plugin

Easy, Fast, and Secure. Join over 6 million website owners who trust WPForms.

Please enable JavaScript in your browser to complete this form.

6 comments on “How to Make an Authorize.Net Payment Form in WordPress (Easy Method)

  1. Anyone else having issues here? I have followed these instructions correctly – over and over and still am getting an error message. Have also been on the phone with Authorize.net and they haven’t been able to help either.

    1. Hey Hallie – I’m sorry for the trouble with that! I see you already have a ticket opened. Our support team is looking into this issue and they will get back to you soon.

      Thank you for your patience!

  2. What if the “name” and email” field aren’t available from the drop down menu? How do I fix this?

  3. Can we have the custom price field for this ?

    For example , user can type in the price then Authorize will charge the said amount that the user typed in .

    1. Hi Pill!

      You can allow your users to set the amount they will be paying by utilizing a Single Item field, and setting the Item Type to User Defined.

      More details about this can be found here.

      I hope this helps to clarify 🙂 If you have any further questions about this, please contact us if you have an active subscription. If you do not, don’t hesitate to drop us some questions in our support forums.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.