Razer Merchant Services Seamless Integration v3.5 (non PCI) - RazerMS/Integration-RazerMS_JavaScript_Seamless_Integration GitHub Wiki

Seamless Integration

Latest update 2015/11/25

  • Implement payment timer.
  • Fix popup issue on iOS 9.*

Important

Please do not generate your vcode in JS as this will disclose the merchant verify key.

Getting started

Register your domain by email to our support: [email protected]

Include below javascript library in your web.

 <!-- jQuery (necessary for MOLPay Seamless JavaScript plugins) -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="https://www.onlinepayment.com.my/MOLPay/API/seamless/3.5/js/MOLPay_seamless.deco.js"></script>

Example 1

alt text

<!-- Button trigger MOLPay Seamless -->
<button type="button" id="myPay" class="btn btn-primary btn-lg" data-toggle="molpayseamless" data-mpsmerchantid="molpaymerchant" data-mpschannel="maybank2u" data-mpsamount="1.20" data-mpsorderid="TEST1139669863" data-mpsbill_name="MOLPay Technical" >Pay by Maybank2u</button>

Example 2

Seamless Demo Picture

View our demo or download.

Example 3 (Payment Timer Enable)

Seamless Demo Picture

View our demo or download.

Usage

The MOLPay seamless plugin process your button, via data attributes or JavaScript.

Via data attributes

Activate a MOLPay seamless without writing JavaScript. Set data-toggle="molpayseamless" on a controller element, like a button, along with a data-mpsamount="1.01" to set value.

<button type="button" data-toggle="molpayseamless">Pay by Maybank2u</button>

Via JavaScript

Call a MOLPay seamless with id myPay with a single line of JavaScript:

$( document ).ready(function() {
     var options = { 
                    mpsmerchantid:"molpaymerchant",
                    mpschannel:"maybank2u", 
                    mpsamount:"1.20", 
                    mpsorderid:"TEST728638391", 
                    mpsbill_name:"MOLPay Technical", 
                    ...
                   }; 
                    
     $('#myPay').MOLPaySeamless(options)
});

Options

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-mpsamount="".

Nama Data Type (size) M/O Description
mpsmerchantid an{1..32} M Merchant login username provided by MOLPay.
mpschannel an{3..32} M Refer to Appendix C for more channel code.
mpsamount ns{10,2} M The transaction amount in one bill. Min accepted amount : 1.01
mpsorderid an{1..32} M Bill / Invoice no. provided by merchant.
mpsbill_name a{1..128} M Buyer name.
mpsbill_email ans{1..128} M Buyer email.
mpsbill_mobile n{1..128} M Buyer mobile contact number.
mpsbill_desc an{1..200} M Bill / Description provided by merchant / buyer.
mpscountry a{2} O Buyer country.
mpsvcode an{32} C This is the data integrity protection hash string provided by merchant.
mpscurrency a{3} O Payment currency, E.g. MYR, SGD, USD & etc.
mpslangcode a{2} O Default language, E.g. 'en' for default
mpsreturnurl ans{1..200} O Obsoleted. Used for multiple return URL. All URLs must be registered beforehand with MOLPay.
mpstimer n O Duration of payment. Value in minutes. Set 0 to disable this feature
mpstimerbox ans C Element id or class name to show the timer. Mandatory when timer is enable. E.g. #timercounter, .timercounter
mpscancelurl ans{1..200} C URL to redirect when the payment is time out. Mandatory when timer is enable. All payment request parameter will be return. Merchant is advice to implement requery at this page.

Appendix A: Data Type Details

No Code Description
1. a Letters, A-Za-z
2. n Numbers, 0-9
3. s Symbols, .:
4. {x} Fixed length x
5. {y..x} Length range: y – x
6. {y,x} Number range: 0-9. 0-9

Appendix B: M/O Details

No Code Description
1. M Mandatory field.
2. O Optional field, value can be empty.
3. C Conditional

Appendix C: Channel details (mpschannel)

No Code Description Type
1. affinonline Affin Bank(Affin Online) Online Banking
2. amb Am Bank (Am Online) Online Banking
3. bankislam Bank Islam Online Banking
4. cimbclicks CIMB Bank(CIMB Clicks) Online Banking
5. fpx MyClear FPX (Maybank2u, CIMB Clicks, HLB Connect, RHB Now, PBB Online, Bank Islam Online Banking
6. hlb Hong Leong Bank(HLB Connect) Online Banking
7. maybank2u Maybank(Maybank2u) Online Banking
8. pbb PublicBank (PBB Online) Online Banking
9. rhb RHB Bank(RHB Now) Online Banking
10. cash-711 7-Eleven(MOLPay Cash) Physical Payment
11. credit Credit Card/ Debit Card Credit Card
12. ATMVA ATM Transfer via Permata Bank Physical Payment
13. dragonpay Dragonpay Indirect Internet Banking and Physical Payment
14. paysbuy PaysBuy Indirect Internet Banking and Physical Payment
15. credit3 Credit Card/ Debit Card Multi Currency Credit Card
16. NGANLUONG NGANLUONG Indirect Internet Banking and Physical Payment
17. crossborder Credit Card/ Debit Card Multi Currency Credit Card
18. paypal PayPal Credit Card
19. enetsD eNETS Online Banking

Data attributes for individual MOLPay seamless

Options for individual MOLPay seamless can alternatively be specified through the use of data attributes, as explained above.

Return Parameters

  • All return parameters are same as described in MOLPay API for merchant.
  • Merchant can use the same return URL script for this seamless integration.
  • Once payment done, existing page will be replaced by the merchant return URL.

Support

Merchant Technical Support / Customer Care : [email protected]
Sales/Reseller Enquiry : [email protected]
Marketing Campaign : [email protected]
Channel/Partner Enquiry : [email protected]
Media Contact : [email protected]
R&D and Tech-related Suggestion : [email protected]
Abuse Reporting : [email protected]

⚠️ **GitHub.com Fallback** ⚠️