Skip to main content
Back to Coverage

HBL Hosted Checkout Integration Guide

Set up HBL Hosted Checkout as a payment gateway on your Shopify store through the UnumPay app. Follow these steps to start accepting payments in minutes.

HBL Hosted Checkout logo
HBL Hosted CheckoutPakistan
~5 min setupEasy
✓
Before You Begin
✓A Shopify store with admin access
✓HBL Hosted Checkout credentials (provided by HBL Hosted Checkout)
✓Your Store Name and a short description or tagline
1

Install the UnumPay Shopify App

Visit the Shopify App Store and search for "UnumPay — Unified Transaction" or use the direct link below. Click "Add App" to begin installation.

https://apps.shopify.com/unum-pay
2

Select Your Shopify Store

Select your Shopify store on which you want to install it. Once installed you will be redirected back to the app screen.

3

Open the UnumPay App

Open the application directly in your Shopify Store after installation. You can access it at:

{shopify-admin-domain}/admin/apps/unified-transaction

Replace {shopify-admin-domain} with your actual store domain e.g. yourstore.myshopify.com

OR
Shopify Portal Settings→Payments→Supported Payment Methods→Add Payment Method→Search by Provider
4

Configure HBL Hosted Checkout Credentials

Click on Configurations and enter details on the below fields:

FieldWhat to Enter
Client NameWill be provided by HBL in Channel Field
Client DescriptionEnter Little Description / Tagline / Selling Good information
PhoneDefault Value is 111111111
EmailDefault Value is null@cybersource.com
User IDWill be provided by HBL in Client Name Field
PasswordWill be provided by HBL
Hide for Specific CountriesEnter the comma separated country code
Public KeyWill be provided by HBL
Private KeyWill be provided by HBL
Active
Toggle to enable
5

Save Your Configuration

Once all the information is entered, click the "Save" button. You will be redirected to the confirmation screen.

6

Activate UnumPay

Click on "Activate UnumPay" to enable the payment gateway on your storefront.

🧪

Demo Credentials

If you have entered demo credentials you must enable Test Mode.

✅

Live Credentials

For live transactions ensure that Test Mode is unchecked.

💳

Checkout Display

Once activated HBL Hosted Checkout under UnumPay will appear at checkout as "Debit Credit Card".

Common Questions

Contact HBL Hosted Checkout directly through their official website or merchant dashboard to obtain your credentials before starting the setup.

HBL Hosted Checkout under UnumPay appears at your Shopify checkout as "Debit Credit Card".

If you have entered demo credentials make sure to enable test mode and for live make sure that checkbox is unchecked.

Ready to Accept HBL Hosted Checkout Payments?

Install the UnumPay app and start accepting HBL Hosted Checkout payments on your Shopify store in minutes.