> For the complete documentation index, see [llms.txt](https://docs.payon.com.kh/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.payon.com.kh/getting-started-1/add-card-create-binding.md).
# Add Card(Create Binding)
## Add Card
## Add PAYON Card
## Add Credit/Debit Card
## Implementation
{% tabs %}
{% tab title="Web " %}
### Include PAYON's lib
{% hint style="info" %}
Add [PAYON's lib](/payons-library.md) helper for client side to your create binding page.
{% endhint %}
```html
```
### Prepare Add Card Button
```html
```
### Prepare Add Card Scripts
```javascript
$("#addCard").click(function(){
var merchantId = $('#merchantId').val();
var termId = $('#termId').val();
var clientId = $('#clientId').val();
var env = $('#env').val();
let payonUtils = new PayonUtils("","","",merchantId,termId,"",env,"",clientId);
payonUtils.payonPgCreateBinding();
});
```
{% endtab %}
{% tab title="Mobile Native" %}
### Prepare Scheme Format
#### Android
```xml
```
###
#### IOS
```
CFBundleURLSchemes
payon.online.card
```
###
### Example Scheme Format
payon.online.card://payon/parameters/?targetType=${targetType}\&terminalID=${terminalID}\&merchantID=${merchantID}\&clientId=${clientId}
{% endtab %}
{% endtabs %}