Magento 2 BlueSnap Payment

Table of Contents

1.   Extension Installation

2.   Configuration

3.   BlueSnap Payment Method in Frontend

4.   BlueSnap Payment Details in Backend

 

1. Extension Installation

For Magento Marketplace Customers:

Find the extension’s Composer name and version in its composer.json file.

  • Login to your SSH and run:
    • composer require meetanshi/magento-2-bluesnap-payment-gateway --ignore-platform-reqs
  • Enter your authentication keys. Your public key is your username; your private key is your password.
  • Wait for Composer to finish updating your project dependencies and make sure there aren’t any errors.
  • To verify that the extension is installed properly, run the command:
    • php bin/magento module:status Meetanshi_Bluesnap
  • By default, the extension is probably disabled. Enable the extension and clear static view files:
    • php bin/magento module:enable Meetanshi_Bluesnap --clear-static-content
    • 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:

  • Download the extension zip file and extract it to your Magento’s root directory.
  • Login to your SSH and run the 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

Configuration

To configure the extension, login to Magento 2, move to Sales-> Payment Methods -> BlueSnap Payment -> Meetanshi where you can find various settings to enable the extension. You will require a BlueSnap merchant ID and API credentials. Learn more here .

  • Enabled: Set “YES” to enable the BlueSnap Payment method.

  • Title: Set the title for the payment method to be displayed in the frontend.

  • Show BlueSnap Logo: Set YES to show BlueSnap logo along with the payment method in the frontend.

  • Sandbox Mode:  Set YES to enable sandbox mode for the payment gateway.

  • Sandbox Merchant ID: Enter the merchant ID provided by BlueSnap payment gateway while registration.

  • Sandbox API User Key: Enter the security ID provided by BlueSnap payment gateway while registration.

  • Sandbox Password: Enter the checksum key provided by BlueSnap payment gateway while registration.

  • 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.

 

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

  • Redirection to the Gateway
    Once the customer gets redirected to the BlueSnap Payment gateway page, he selects the payment method, adds payment details and clicks “Submit” to finish the payment.

  •  BlueSnap Payment Details in “My Account” section
    once the order is placed, the BlueSnap Payment details are shown in the Account dashboard, in the “My Orders” tab which transaction ID and bank reference ID.

BlueSnap 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 BlueSnap Payment details under a particular order.

 

How to Get BlueSnap API Details?

Step 1: Log into your BlueSnap sandbox/production merchant account

Step 2: On the right-top corner, click Settings and select API Settings

 

Step 3: Note down the required details for the Magento 2 extension configuration.

 

Step 4: Go to Settings > General Settings

Step 5: Note down the merchant ID shown after # in the settings heading.