Payink API documentation
Search…
PAYINK Web API - overview
Add a customer
Update customer
Add Matter (Invoice)
Update Matter (Invoice)
Delete Matter (Invoice)
Upload invoice file
Upload credit note
Send invoice
Get single invoice/matter status
Get multiple invoices/matters statuses
Webhooks
Embedded / Hosted payment page
List of supported countries
Glossary
Version Control
Powered By
GitBook
Embedded / Hosted payment page
Embed our payment page to your own website. Let your customer know their invoice/matter number and then they can pay it via your website.
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/
Previous
List of event types
Next
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