How To use UPI Link In Html
In This Blog, We Will Learn How To use Upi Payment link in Html Button, On click pay button you will redirect to your phone/Mobile UPI Payment Apps Choose One And Pay with App.
Use Of UPI Link Explained Below.
HTML Code:
<!--Syntax -->
<a href="upi://pay?pa=yourUPIAddress&pn=YourName&cu=INR">PAY NOW</a>
<!-- Live Example -->
<a href="upi://pay?pa=9560888888@oksbi&pn=guddu%20kumar&cu=INR">Pay To Web Developement Institute</a>
PAY
You can also write ( & ) to ( & ) OR For Space use %20
You Will See Popup Like This After Click on Button
| Field Name | Defination |
|---|---|
| pa | UPI ID of Payee or Client. |
| pn | Person Name Or Business Name. |
| mc | Merchant Code / Account Category CODE. |
| tr | Transaction Reference ID. |
| url | Transaction Reference URL. |
| am | Amount. Ex:(1000.95) |
| cu | Currency Code (INR) |
| tid | Transaction ID. |
| tn | Transaction Note / Remarks (Maximum length is 80 characters) |
| gstBrkUp | Break-up of Goods and Services Tax. This should follow the format: `GST:amount |
| invoiceNo | Invoice/ Bill Number. |
| invoiceDate | Invoice Date Eg, 2020-09-15T20:30:00+05:30 for IST timezone). |
| gstIn | GSTIN Number. |
This Upi Link Will Help To UPI Payment In Mobile and Tablets
Note: The Above Code Will Work in Mobile and Tablets Not Work in Desktops
