Laravel eCommerce Authorize.net Setup

Video Buy Now

In Bagisto, with the Laravel eCommerce Authorize.net Payment Gateway module, the admin can easily integrate the Authorize.net payment gateway into the eCommerce website.

Authorize.net is a payment gateway based in the United States. It is widely used in the USA, UK, Canada, and Australia. Additionally, Authorize.net is PCI DSS level 1 certified.

Features Of Laravel eCommerce Authorize.net payment gateway

Direct payments to the admin account.
Accepts all cards supported by Authorize.net.
Buyers can save Authorize.net cards for future payments.
PCI (Payment Card Industry) compliance.
3D Secure for added security.

How to install the module?

For Laravel eCommerce Authorize.net Setup module, follow the steps below:

Step 1: Extract and Merge Files

After purchasing the extension, download the zip folder. Extract it and merge the “packages/Webkul” directory into your project root directory.

Step 2: Configure Autoload

Open the composer.json file. Add this line under the “psr-4” section:

"Webkul\\AuthorizeNet\\": "packages/Webkul/AuthorizeNet/src"

Step 3: Register Service Provider

Go to the bootstrap/provider.php file. Add these lines under the ‘providers’ section:

use Webkul\AuthorizeNet\Providers\AuthorizeNetServiceProvider;

return [
    AuthorizeNetServiceProvider::class,
];

Step 4: Install Frontend Dependencies

Navigate to the module directory packages/Webkul/AuthorizeNet. Use the following commands to install and build the assets:

npm install
npm run build

Step 5: Complete Setup

Run these commands to finish the installation:

composer require authorizenet/authorizenet:^2.0
composer dump-autoload

After completing these steps, the module will be successfully installed and ready for configuration.

Admin configuration for the Laravel eCommerce Authorize.net payment gateway

After the Laravel eCommerce Authorize.net setup, the admin needs to configure the module.

Click on Configure >> Sales >> Payment Methods. Under Authorize.net Payment, fill in several fields:

Status: Enable or disable the Authorize.net payment method.
Title: Sets the payment method name shown to customers at checkout.
Description: Adds a short description of the payment method.
Logo: Upload a logo to display for this payment option.
Sandbox: Toggle between test (sandbox) and live (production) mode.
API Login ID: Enter the production API Login ID from your Authorize.net account.
Transaction Key: Provide the production transaction key for secure transactions.
Signature Key: Used to verify webhook responses from Authorize.net.
Sandbox API Login ID: Enter the API Login ID for sandbox/testing mode.
Sandbox Transaction Key: Provide the transaction key for sandbox/testing mode.
Sandbox Signature Key: Used to verify webhook responses in sandbox mode.
Sort Order: Defines the display order of this payment method on the frontend.

How to get the keys?

First of all the user need to create an account on Authorize.net. After creating the account, click on Account.

To get the Client key click on Manage Public Client Key under the Security setting section after clicking a page will generate where the client key will be visible as shown in the image below:-

To get the API Login ID and Transaction Key, go to Security Settings → API Credentials and Keys, where both will be displayed.

To generate a Transaction Key, select “New Transaction Key,” submit the request, verify your email with the PIN, and click “Verify PIN.”

After clicking on the Verify Pin button the Transaction Key will be generated as shown below:-

Authorize.net Payment Gateway :- Front End

Now the customers can select the Authorize Net Payment method that is visible under the Select Payment Method.

Then click on Place Order, by which the Authorise Net payment pop-up will display as shown below, enter the credentials, and click on the Pay now button.