How to set up ELEX Authorize.net Payment Gateway for WooCommerce?

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.

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 customer 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 Individual order page, you can capture or refund the payment in a click. Refund can be partial or full as per the requirement. You can also see all the transaction details with Transaction ID  under Order Notes.

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.

Setting Up Plugin

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

  • Navigate to WooCommerce > Settings > Checkout > Authorize.net Card / Authorize.net eCheck 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.

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.

General Settings

The General Settings are as given below:

WooCommerce Authorize.Net - General Settings

General Settings

  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 check box to enable Authorize.net Payment Overview. On this page, you can capture or refund the payment in a click. 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 Authorize.net payment method.
  5.  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:

Authorize.net Credentials

Authorize.net Credentials

  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 NumberCard 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:

Transaction Settings

  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 actual purchase.
  2. 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 happen automatically.
    • Authorize only: With this option, 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?
  3. Transaction Success Message: Enter the message which displays in Order Notes on successful transaction completion.
  4. Transaction Failure Message: Enter the message which displays in Order Notes on a failure of a transaction.
  5. Logging: If you are not getting the payment options or any issue, then you enable 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.
  6. 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.

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:
    Checkout Page

    Checkout Page

  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.

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

General Settings

The General Settings are as given below:

General Settings

General Settings

  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 check box to enable Authorize.net Payment Overview. On this page, you can capture or refund the payment in a click. 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 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:

Authorize.net Credentials

Authorize.net Credentials

  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:

Transaction Settings

  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 actual purchase.
  2. 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 saving account.
  3. Transaction Success Message: Enter the message which displays in Order Notes on successful transaction completion.
  4. Transaction Failure Message: Enter the message which displays in Order Notes on a failure of a transaction.
  5. Logging: If you are not getting the payment options or any issue, then you enable 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.
  6. Redirect 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.

Click Save changes to save/update the plugin settings.

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:
    Checkout Page

    Checkout Page

  2. Select Authorize.net eCheck as a payment option.
  3. Enter 9 digit Routing Number.
  4. Enter 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:

 width=

Under Order Action box, select 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:

Order Page

Order Page

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

Order Page

Order Page

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

Message

Message

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

Order Page

Order Page

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:

Authorize.net Payment Overview

Authorize.net Payment Overview

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

The Order Details are as shown below:

Order Details

Order Details

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 the required order by using the search option.

 


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.

    Leave a Reply