How to set up ELEX Authorize.net Payment Gateway for WooCommerce? (with Video)

This tutorial explains how to set up ELEX Authorize.net Payment Gateway for WooCommerce. Please refer to the product page to know more about the plugin features.

Watch the complete setup video for quick understanding.

Overview

For WordPress site, ELEX WooCommerce Authorize.net Payment Gateway Plugin allows Admin to accept credit card payment as well as eChecks through Authorize.net payment gateway. This plugin facilitates to sell the products for which customers can make the payment using the credit card (Master Card, Visa, American Express, JCB and Diners Club), or eChecks without leaving the WordPress site.

From the Individual order page, you can capture or refund the payment in a click. A refund can be partial or full as per the requirement. You can also see all the transaction details with Transaction ID  under Order Notes. The plugin is also compatible with the WooCommerce Subscriptions plugin. Hence, providing ease of payments for your subscriptions products.

You can customize the text of Order Button on the checkout page.

This tutorial will give you an excellent launch pad to kick-start the usage of Authorize.net Payment Gateway for WooCommerce. It will give you all the essential knowledge and step-by-step instructions.

Pre-requisites

• Login ID and Transaction Key of Authorize.net Account.

Getting started with ELEX WooCommerce Authorize.net Payment Gateway Plugin

Read an article to know how to complete the checkout process on ELEX. You can also read how to download, install, activate ELEX plugins.

After installing the plugin, you can navigate to Plugin in two ways as given below:

• Navigate to WooCommerce > Settings > Payments > Authorize.net Card / Authorize.net eCheck > Manage OR

• Navigate to Plugins > Installed Plugins > EH Authorize.net Payment Gateway for WooCommerce >Settings.

The plugin consists of two main sections Authorize.net Card and Authorize.net eCheck. You can choose any of them by enabling from the Payments tab and click on Manage according to your requirements.

Authorize.net Card

This section makes your website ready to use Authorize.net payment gateway to accept credit/debit cards on your online store in a safe way. If you have chosen Authorize.net Card and clicked on the Manage button, you will be directed to the page to set up the details.

General Settings

The General Settings are as given below:

1. Authorize.Net Card: Select the checkbox to enable the Authorize.Net payment gateway so that payment gets accepted through cards on your online store.
2. Authorize.Net Overview: Select the Enable checkbox to enable Authorize.net Payment Overview. On this page, you can capture or refund the payment in a click. A refund can be partial or full as per the requirement. You can also see all the order details.  This page also shows you a graphical representation of the Overview of the Authorize.net Payment for the selected date range. You can also see the Captured, Uncaptured, and the Refunded amount in USD. For more information, See  Authorize.net Payments Overview Page.
3. Title: It is visible on the Checkout page under the payment modes. Specify Title as required (defined by you).
4. Order Button Text: Specify the required description in this text box. The Customer can see this description on the Checkout page under the Authorize.net payment method.
5. Show Preferred Cards: Select the desired cards from the multi-select box. The logo of the selected cards will be displayed on the checkout page.

Authentication Settings

To use the Authorize.net Payment Gateway for WooCommerce, you must have the Authorize.net account. You can open the Live or Test API accounts. Admin Plugin settings are as shown below:

1. Login ID: Enter the unique key provided by Authorize.net. This key is used to validate the request with Authorize.net.
2. Transaction Key: Enter the Transaction Key provided by Authorize.net.
3. CVV Number: Card Verification Value on your credit card is a 3 digit number on VISA® and MasterCard®  credit cards. On your American Express® branded credit card, it is a 4 digit numeric code.
   Select the checkbox so that the customer needs to fill the CVV number at the time of checkout.

Transaction Settings

The settings are as given below:

1. Transaction Mode: With this field, you can set a required API mode for the payment gateway. The available options are as given below:
   • Test: It is used to do test purchasing by using Authorize.net API. There is no real money transaction involved in this mode.
     Note: This mode is used only for development purpose and Customers should not have access to this mode.
   • Live: Live mode is used for the actual purchase.
2. Save Card: Tick this checkbox to save card information from registered customers. The registered customers can also view the card details in the Payment section in their account page. The plugin provides an option to delete the card details as well.
3. Transaction Type: Select the option to choose when to capture the payment and available options are as given below:
   • Authorize & Capture: This option allows the shop owner to get the payment immediately after the order is placed. Authorizing and Capturing of the payment happens automatically.
   • Authorize only: With this option, the shop owner needs to authorize charges and then capture the payment. To capture the payment, the shop owner needs to navigate to an individual order page. Under Order Action box, Admin can capture the payment.
     Please refer, How to Capture and refund Authorized payment from Order Page?
4. Transaction Success Message: Enter the message which displays in Order Notes on successful transaction completion.
5. Transaction Failure Message: Enter the message which displays in Order Notes on a failure of a transaction.
6. Logging: If you are not getting the payment options or any issue, then you enable the logging option to find an error(s). By enabling logging, you can trace the issue using log.
   Enable the checkbox to troubleshoot the issue with your site.
7. Redirect URL: Once the payment is successful with Authorize.Net card, you can redirect the payment success page to a custom page, instead of redirecting to WooCommerce default payment successful page. You can provide the URL for the same in this textbox option.

Click Save changes to save/update the plugin settings.

Customizing Checkout with Authorize.net Card

1. Once the customer adds the required products to cart and comes to the checkout page, it appears as given below:

   

2. Select Authorize.net Card as a payment option.
3. Enter Card Number of the Credit card.
4. Enter the Expiry date of the Credit card.
5. Click Pay using Authorize.Net (customized text) to the checkout.

This way the customer can place the order by Paying through Authorize.net securely.

Authorize.net eCheck

This section makes your website ready to use Authorize.net payment gateway to accept eCheck (accept and process payments from bank accounts directly through your website or the Authorize.Net Virtual Terminal) on your online store in a safe way.  If you have chosen Authorize.net eCheck and clicked on the Manage button, you will be directed to the page to set up the details.

You can accept electronic checks in addition to credit cards, or choose the only Check.

General Settings

The General Settings are as given below:

1. Authorize.Net eCheck: Select the checkbox to enable the Authorize.Net payment gateway so that payment gets accepted through eChecks on your online store.
2. Authorize.Net Overview: Select the Enable checkbox to enable Authorize.net Payment Overview. On this page, you can capture or refund the payment in a click. A refund can be partial or full as per the requirement. You can also see all the order details.  This page also shows you a graphical representation of the Overview of the Authorize.net Payment for the selected date range. You can also see the Captured, Uncaptured, and the Refunded amount in USD. For more information, See Authorize.net Payments Overview Page.
3. Title: It is visible on the Checkout page under the payment modes. Specify Title as required (defined by you).
4. Order Button Text: Specify the required description in this text box. The Customer can see this description on the Checkout page under the Authorize.net payment method.

Authentication Settings

To use the Authorize.net Payment Gateway for WooCommerce, you must have the Authorize.net account. You can open Live or Test API accounts. Admin Plugin settings are as shown below:

1. Login ID: Enter the unique key provided by Authorize.net. This key is used to validate the request with Authorize.net.
2. Transaction Key: Enter the Transaction Key provided by Authorize.net.

Transaction Settings

The settings are as given below:

1. Transaction Mode: With this field, you can set a required API mode for the payment gateway. The available options are as given below:
   • Test: It is used to do test purchasing by using Authorize.net API. There is no real money transaction involved in this mode.
     Note: This mode is used only for development purpose and Customers should not have access to this mode.
   • Live: Live mode is used for the actual purchase.
2. Name on Account: You can check this option for enabling name on the account field.
3. Allowed Account Type: Select the account type to process for eCheck payment and available options are as given below:
   • Checking: Allows eCheck payment through a current account.
   • Business Checking: Allows eCheck payment through a business account used for business finance.
   • Saving: Allows eCheck payment through a savings account.
4. Transaction Success Message: Enter the message which displays in Order Notes on successful transaction completion.
5. Transaction Failure Message: Enter the message which displays in Order Notes on a failure of a transaction.
6. Return URL: Once the payment is successful with Authorize.Net eCheck, you can redirect the payment success page to a custom page, instead of redirecting to WooCommerce default payment successful page. You can provide the URL for the same in this textbox option.
7. Debug Log: If you are not getting the payment options or any issue, then you can click on the link to debug for finding the error(s). You will be redirected to the Authorize.Net Card tab. And you can check the Status log using the link available on the tab for finding the errors.

Click Save changes to save/update the plugin settings.

Customizing Checkout with Authorize.net eCheck

1. Once the customer adds the required products to cart and comes to the checkout page, it appears as given below:

   

2. Select Authorize.net eCheck as a payment option.
3. Enter 9 digit Routing Number.
4. Enter a 17 digit account number.
5. Select the required account type from the Account Type dropdown list.
6. Click Pay using Authorize.Net(customized text) to the checkout.

This way the customer can place the order by Paying through Authorize.net eCheck securely.

How to Capture and Refund Authorized payment from Order Page?

If the Authorize Only option is chosen under Transaction Type in  Admin Settings, then the Capture option gets available. To capture the payment, Admin needs to navigate to Dashboard > WooCommerce > Orders > Individual Order. The Order page appears as shown below:

Under Order Action box, select the Capture Authorized Payment option and click the arrow button to capture the order payment. You can see all the transaction details under Order Notes.

Once you capture the payment, you can refund the payment if needed. Click the Refund button as shown below:

After clicking on Refund, the Order Page appears as shown below:

Enter the required amount and Reason for the refund (optional). Click Refund $45.00 via Authorize.Net. You get the message as shown below:

Click OK to proceed with the refund. The Order page appears as shown below:

This way the Admin can capture and refund the order amount through Authorize.net securely.

Overview of Authorize.net Payments

It is as shown below:

In the Overview, you can see the total Captured, Uncaptured and Refunded amount by the Authorize.net Payment Gateway.

The Order Details are as shown below:

As per the need, you can refund the Full or Partial amount.
The Plugin provides you the option to show the required number of rows under order details by using the Table Row option. Also, you can search for the required order by using the search option.

WooCommerce Subscription support

The ELEX Authorize.net Payment Gateway for WooCommerce plugin supports subscription payments and is compatible with the WooCommerce Subscription plugin.

In the Subscriptions dashboard of the WooCommerce Subscription plugin, you can filter all the payments made using Authorize.Net Card and Authorize.Net eCheck.

 

---

To explore more details about the plugin, go check out ELEX Authorize.net Payment Gateway for WooCommerce.

You can also check out other WooCommerce and WordPress plugins in ELEX.