API Guide

Integrate UPay to your website

Steps to integrate UPay to your website.

Step 01

Just copy this HTML snippets and paste it before closing of <body> tag. 

    
    <script type="text/javascript">
        var api_key = "YOUR_API_KEY";
        var redirect_uri = "YOUR_REDIRECT_URI";
    </script>

Step 02

Just copy the below platform tag and place it after the above code (Step 1). 

    
    <script type="text/javascript" src="
    https://pro.upay.ma/js/api.js"> </script>

Step 03

Add this class (UPayApi) in tag which you need for Payment Integration. For Example, refer the code below. 

    
    <a class="UPayApi">UPay</a>

Step 04

Final HTML Preview 

    
    <!DOCTYPE html>
    <html>
    <head>
    ...
    </head>
    <body>
    ...
    <a class="UPayApi">UPay</a>
    ...
    <script type="text/javascript">
    var api_key = "YOUR_API_KEY";
    var redirect_uri = "YOUR_REDIRECT_URI";
    </script>
    <script type="text/javascript" src="
    https://pro.upay.ma/js/api.js"></script>
    </body>
    </html>

After Successful Integration, it shows like this.