How can I integrate Bank Alfalah Payment Gateway on a Shopify checkout page?

[eshbancrown]

I am trying to integrate "Bank Alfalah Payment Gateway" to process credit cards on my Shopify Store.

They provided a sample script which has two steps:

HandShake
Page Redirection Request

The provided sample code is written in HTML & JS and it is accessible at the following link:

https://testpaymentgateway.servingstrong.net/

The above script is working fine but I am trying to integrate it on the checkout page of Shopify. I have tried to modify 'checkout' page liquid templates. But there is no specific help available to integrate the script.

[shehryarkn]

Hi, This is the Recommended way by Bank Alfalah.

Please install the Shopify APG Extension by following the link below. Also for generating credentials follow the steps.

Shopify Plugin Installation URL : https://apps.shopify.com/unum-pay

Merchant Portal : https://merchants.bankalfalah.com/MerchantPortal/

Credentials Generating :

               Sandbox: Sandbox is the testing Environment where you can test the transaction flow of APG.

• Login into merchants portal 
• After login GO LIVE - Step 1
• Access Sandbox.

o   On Dashboard page generate Credentials

o   Return URL “:    https://unified-transaction-be.alchemative.net/payment_app/apg_request/”

o   Listener URL “https://unified-transaction-be.alchemative.net/payment_app/apg_response/”

• Share the credentials with us, so I can provide the Account ID and Password for Shopify App. Credentials list is given below

o   Merchant hash.

o   Merchant username.

o   Merchant Password.

o   Store ID.

o   Merchant ID

o   Key1

o   Key2

you can fetch store ID, Merchant ID, Key1 and Key2 by clicking integration -> Page Redirection. On page redirection page there is html tab. By scrolling down you will find the above required credentials.