Embedded / Hosted payment page

Get public key
Public key is your identification as a merchant in Payink. However, you can share it is as the public key can only be used for that purpose.
To get public key:
1.Login to Payink
2.Click Setting icon on top right corner
3.Choose API Credentials on the list
4.Copy your public key there
Private and Public key
Embed payment page
Use iframe html tag on your site to hold our URL with the public key
1
<iframe
2
sandbox="allow-same-origin allow-scripts allow-forms allow-popups"
3
allow="payment"
4
src="https://client.payink.com/pay/{public_key}">
5
</iframe>
Copied!
Embed payment page as a Popup
Make a "Make Payment/ Pay Now" button on your website as a trigger to open the popup.
Use this method if supported by the payment partner.
1
<a
2
    href="javascript:void(0)"
3
    id="payink-embedded-payment"
4
    data-public-key="{public_key}"
5
>
6
    Make a payment
7
</a>
Copied!
Make sure attribute id (payink-embedded-payment) and data-public-key exists.
Then load our CSS and JS.
1
<link rel="stylesheet" href="https://client.payink.com/css/hosted.min.css" >
2
​
3
<script src="https://client.payink.com/js/embedded.min.js"type="text/javascript"></script>
Copied!
Then refresh your site and Payink will handle the payment event.
How it will look like
See this fiddle for example https://jsfiddle.net/b2ezc05f/​
Use window popup as container
Make any button on your site as a trigger to open the popup.
This method is more flexible than the embedded/iframe because it works for all payment providers we support.
1
<a
2
    href="javascript:void(0)"
3
    id="payink-popup-payment"
4
    data-public-key="{public_key}"
5
>
6
    Make a payment
7
</a>
Copied!
Make sure attribute id (payink-popup-payment) and data-public-key exists.
Then load our JS.
1
<link rel="stylesheet" href="https://client.payink.com/css/hosted.min.css" >
2
​
3
<script src="https://client.payink.com/js/popup.min.js"type="text/javascript"></script>
Copied!
Then refresh your site and Payink will handle the payment event.
How it will look like
See this fiddle for example https://jsfiddle.net/pd0vtyk8/​

List of event types

List of supported countries

Last modified 7mo ago

Copy link

Contents

Get public key

Embed payment page

Embed payment page as a Popup

Use window popup as container