Magento 2 ICICI Payment Gateway

Magento 2 ICICI Payment Gateway extension integrates Magento 2 with the First Data ICICI payment gateway for accepting secure online payments.

 

Table of Content

  1. Extension Installation
  2. Configuration
  3. ICICI Payment Method in Frontend
  4. ICICI Payment Details in Backend

 

  1. Extension Installation
  • For Magento Marketplace Customers
    • Create a folder structure in Magento root as app/code/Meetanshi/Icici
    • Download and extract the zip folder and upload our extension files to the app/code/Meetanshi/Icici via FTP.
    • Login to your SSH and run below commands step by step:
      • php bin/magento setup:upgrade
      • For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy
      • For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f
      • php bin/magento cache:flush
  • For Meetanshi Customers
    • Extract the zip folder and upload our extension to the root of your Magento 2 directory via FTP.
    • Login to your SSH and run below commands step by step:
      • php bin/magento setup:upgrade
      • For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy
      • For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f
      • php bin/magento cache:flush

 

  1. Configuration
    To configure the extension, login to Magento 2, move to Sales > Payment Methods > First Data ICICI - Meetanshi where you can find various settings to enable the extension.
  • Enabled: Set “YES” to enable the ICICI payment method.
  • Title: Set the title for the payment method to be displayed in the frontend.
  • Show ICICI Logo: Set YES to show ICICI logo along with the payment method in the frontend.
  • Sandbox Mode: Select YES to enable sandbox mode.
  • Store ID/Name: Enter the store ID/Name provided by ICICI while registration.
  • Shared Secret Key: Enter the shared secret key provided by ICICI while registration.
  • Gateway URL: Enter the gateway URL provided by ICICI.
  • Payment Mode: Select one of the payment modes to collect customer details on the hosted payment page.
  • Payment Page Language: Select the language of the hosted payment page.
  • Allow Auto Invoice: Select YES to automate invoice generation for the orders paid using ICICI payment method.
  • Payment from Applicable Countries: Select countries to allow using this payment method.
  • Additional Information: Add additional information to show along with the payment method on the checkout page.
  • Sort Order: Enter Sort Order of the payment method display in the frontend.


 

  1. ICICI Payment Method in Frontend
    Once the payment method is configured, the ICICI Payment method is shown on the frontend while checking out the products. Just select the payment method, click “Continue to Payment” to get redirected to the payment page and complete the payment.


  

  • Redirection to the Gateway
    Once the customer gets redirected to the payment gateway, he select one of the payment options and proceeds to pay.


  

  • Adding Card Details
    After the payment method selection, add the card details and click “Continue”.


  

  • Authenticating Payment
    Once the card details have been added, you need to authenticate it with the password and submit.


 

  • ICICI Payment Details in “My Account” section
    Once the order is placed, the ICICI payment details are shown in the Account dashboard, in the “My Orders” tab which includes payment status and transaction ID.


  

  1. ICICI Payment Details in Backend
    Apart from the customers, admin can also see the payment details for the orders in the backend. Go to Sales > Orders and you can see ICICI payment details under a particular order.