Magento 2 Payfi Payments

Magento 2 Payfi Payments extension integrates Magento 2 with Nigeria's Payfi payment gateway for secure online payments in Magento 2 store.

 

Table of Content

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

 

  1. Extension Installation
    • For Magento Marketplace Customers
      • Create a folder structure in Magento root as app/code/Meetanshi/Payfi
      • Download and extract the zip folder and upload our extension files to the app/code/Meetanshi/Payfi 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 à Payfi - Meetanshi where you can find various settings to enable the extension.
  • Enabled: Set “YES” to enable the Payfi Payment Method.
  • Title: Set the title for the payment method to be displayed in the frontend.
  • Show Payfi Logo: Set YES to show Payfi logo along with the payment method in the frontend.
  • Sandbox Mode: Select YES to enable sandbox mode.
  • API Key: Enter the API key provided by Payfi payment gateway during registration.
  • Auto Invoice: Set YES to automate invoice generation for the orders placed through Payfi.
  • Payment from Applicable Countries: Select countries to allow using this payment method.
  • Additional Information: Enter additional information to display on the checkout page along with the payment method.
  • Sort Order: Enter the sort order of the payment method display in the frontend.

 

  1. Payfi Payment Method in Frontend
    Once the payment method is configured, the Payfi Payment method is shown on the frontend while ordering the products. Just select the payment method, click “Continue to Payment” to open up custom JS enabled Payfi popup to enter the details and finish the payment.

 

  • Payfi Payment Popup
    On click of “Continue to Payment”, a Payfi popup is opened for customers to enter the Payfi phone number, OTP they receive in their registered mobile number and pin to process and complete the payment.

  • Payfi Payment Details in Customer’s “My Account” section

Immediately after the payment is confirmed, the order is placed successfully, and the payment method details is shown in the customers’ My Account section under the “My Orders” tab which includes method title and transaction ID.

                

 

  1. Payfi Payment Details in Backend
    Apart from the customers, the admin can also see the payment details for the Payfi orders in the backend. Go to Sales à Orders à Order View and you can see the Payfi payment details along with the transaction ID.