{"type":"doc","content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"If a client is onboarded with BAFL MIDs:","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"Onboard brand on XAP","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Send a welcome note/msg in the group to the client","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ask the client for these details in the welcome note (Merchant ID, Operator ID, Bank Operator Password, API Password)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ask the client to send an email to the bank for the webhook enablement: (Pls write down this email to BAFL :","type":"text"}]},{"type":"paragraph","content":[{"text":"Hi Bank Alfalah team,","type":"text"}]},{"type":"paragraph","content":[{"text":"XStak is the technology facilitator for our brand and a PCI DSS-certified entity.","type":"text"},{"type":"hardBreak"},{"text":"Kindly enable the webhooks and direct APIs on our MID xxxxxxxxxxx.","type":"text"}]},{"type":"paragraph","content":[{"text":"And send to the following in addition to your person of contact there:","type":"text"},{"type":"hardBreak"},{"text":"abdur.asghar@bankalfalah.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:abdur.asghar@bankalfalah.com"}}]},{"type":"hardBreak"},{"text":"Abdullah Mughal - 39083 ","type":"text"},{"text":"abdullah.mughal@bankalfalah.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:abdullah.mughal@bankalfalah.com"}}]}]},{"type":"paragraph","content":[{"text":"Please copy: ","type":"text"},{"text":"omer.zia@xstak.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:omer.zia@xstak.com"}}]},{"text":", ","type":"text"},{"text":"waleed@xstak.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:waleed@xstak.com"}}]},{"text":", ","type":"text"},{"text":"noreen.ayesha@xstak.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:noreen.ayesha@xstak.com"}}]},{"text":", ","type":"text"},{"text":"afrashum.waseem@xstak.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:afrashum.waseem@xstak.com"}}]}]},{"type":"paragraph","content":[{"text":"And let us know when these are enabled).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Shopify integration (App installation, Add the script in the checkout tab, Add a manual payment method)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"XAP integration (Add Shopify details and Gateway details)","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 1: Client onboarding on XAP","type":"text"}]},{"type":"codeBlock","content":[{"text":"curl --location 'https://api.copilot-live.xstak.com/v1/realm/create' \\\n--header 'Content-Type: application/json' \\\n--data-raw '{\n \"realm\": \"Laam\",\n \"username\":\"admin-tools@xstak.com\",\"email\":\"admin-tools@xstak.com\",\"firstName\":\"Admin\",\"lastName\":\"tools\",\"realmRoles\":[\"xpay\"],\"userRoles\": [\"xpay\"]\n}'","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 2: Shopify Integration","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"App Installation:","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"paragraph","content":[{"text":" Go to settings> Apps and sales channel> Click on develop app> Select create an app> Write XPay App> Add scopes","type":"text"}]},{"type":"paragraph","content":[{"text":"List of scopes to select:","type":"text","marks":[{"type":"underline"},{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Admin API integration:","type":"text"}]},{"type":"paragraph","content":[{"text":"write_order_edits, read_order_edits, write_orders, read_orders, write_themes, read_themes, write_content, read_content, write_products, read_products, read_customers","type":"text","marks":[{"type":"code"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Storefront API integration:","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"unauthenticated_write_checkouts, unauthenticated_read_checkouts, unauthenticated_write_customers, unauthenticated_read_customers,unauthenticated_read_product_listings","type":"text","marks":[{"type":"code"}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Save the Storefront API access token, API Access token, API Secret key, and API key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"paragraph"},{"type":"orderedList","attrs":{"order":2},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add script in the checkout tab:","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on","type":"text"},{"text":" the Checkout tab","type":"text","marks":[{"type":"strong"}]},{"text":" scroll down, and Select Additional Scripts. Do not change existing ones just place your script under existing scripts:","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"\n","type":"text"}]},{"type":"paragraph"},{"type":"orderedList","attrs":{"order":3},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add manual payment method:","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on ","type":"text"},{"text":"Payments, ","type":"text","marks":[{"type":"strong"}]},{"text":"and scroll down to find","type":"text"},{"text":" Add custom payment method","type":"text","marks":[{"type":"strong"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Enter the name of your payment method i.e. Credit/Debit Card - XPay","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add this message in additional details:","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"“You will be redirected to XPay Payment Gateway, where you can use any Credit/Debit card to complete your purchase securely.“","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 3: Onboarded brand on XAP","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Login to the XAP portal using Xap credentials> Set password from keycloack to login ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to settings","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"Shopify details","type":"text","marks":[{"type":"strong"}]},{"text":" given below:","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":760,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1536,"alt":"image-20240319-151553.png","id":"24757e51-64fd-4030-9e3a-39b5a18eb3a7","collection":"contentId-10331783184","type":"file","height":699}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 4: Gateway Integration","type":"text"}]},{"type":"paragraph","content":[{"text":"To integrate BAFl:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"First, we need a webhook secret and to generate a webhook follow the following steps:","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Bank Alfalah Portal Link: ","type":"text","marks":[{"type":"strong"}]},{"text":"https://bankalfalah.gateway.mastercard.com/historyV2/dashboard?_authDomain=ma&selectedMenuItem=home#/dashboard","type":"text","marks":[{"type":"link","attrs":{"href":"https://bankalfalah.gateway.mastercard.com/historyV2/dashboard?_authDomain=ma&selectedMenuItem=home#/dashboard"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add login details provided by the Client (Merchant ID, Operator ID, and Password)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"We need to fetch the Webhook secret from the BAFL portal","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"For ","type":"text"},{"text":"Webhook Secret ","type":"text","marks":[{"type":"strong"}]},{"text":"go to the Bank Alfalah portal and Click on the ADMIN tab.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1236,"id":"acb45611-47f8-4da2-a8b7-fc60f9065e8e","collection":"contentId-10331783184","type":"file","height":565}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on WEBHOOK NOTIFICATIONS > ENABLE WEBHOOK > GENERATE NEW SECRET > SAVE","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Copy the generated secret key and place in Webhook Secret on XPay portal","type":"text"}]}]}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add details on the XAP portal","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"Go to settings> gateway","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Click on Add instance","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select BAFL in acquirer and add these details:","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":760,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1520,"alt":"image-20240319-155256.png","id":"61c6bac3-e403-4ce8-9026-5de3ffb7166d","collection":"contentId-10331783184","type":"file","height":690}}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 5: User creation","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ask clients to share email addresses via which they will be accessing the XPay portal","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Create accounts via user management","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Step 6: Placed test order","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Now place the test order to test the whole flow","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You can ask the client to share the URL of a test product with a price of Rs#10 (no shipping charges) and with some inventory. Place a test order on it.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Enable XPay from Payment method","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"After selecting it you will be redirected to this page:","type":"text"}]}]}]},{"type":"paragraph"},{"type":"mediaSingle","attrs":{"layout":"center","width":608,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":608,"alt":"image-20240319-153752.png","id":"1e6277ad-a147-4d84-aa86-cf2abc39bec9","collection":"contentId-10331783184","type":"file","height":632}}]},{"type":"paragraph"}],"version":1}

Browser not supported