> For the complete documentation index, see [llms.txt](https://doc.tokenpay.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.tokenpay.me/tutorials/how-does-a-website-access-api-payments.md).

# How does a website access API payments?

Payment functions can be integrated into your application or website by accessing the API. The API interface also provides real-time access to payment-related data and reports, including transaction records, payment status, and fund flows, helping you with real-time monitoring and management.

### Before accessing the API payment, you need to complete the registration operation.

* **Click "Application"**

<figure><img src="https://1525712843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTSBSM3uLnIDbPyeLQ0p%2Fuploads%2Fv4bBkecaf4dwDw1ka90Y%2FSnipaste_2025-04-03_17-34-33.png?alt=media&amp;token=f1489e6b-88d8-4352-9445-08b188fa49e4" alt=""><figcaption></figcaption></figure>

* **Select API access to payments and click "Access"**

<figure><img src="https://1525712843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTSBSM3uLnIDbPyeLQ0p%2Fuploads%2F32IZc0l5pUVasctDUDlk%2FSnipaste_2025-04-07_16-04-15.png?alt=media&amp;token=db542fd7-2af3-48d9-965f-6fa89e5c5244" alt=""><figcaption></figcaption></figure>

* **Click "Add application"**

<figure><img src="https://1525712843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTSBSM3uLnIDbPyeLQ0p%2Fuploads%2Fp5X3nay4tQjbJxhmgPiE%2FSnipaste_2025-04-07_16-05-08.png?alt=media&amp;token=0c904266-4681-4c78-a0dc-0353dcba07a2" alt=""><figcaption></figcaption></figure>

* **Fill in the App name, Callback address, etc. and click "Submit".**

<figure><img src="https://1525712843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTSBSM3uLnIDbPyeLQ0p%2Fuploads%2FcdcTI0NMLXpKe6HlwkMA%2FSnipaste_2024-04-28_14-06-18.png?alt=media&amp;token=b41dedba-a063-4cc2-9f30-d33bbd52dd5d" alt=""><figcaption></figcaption></figure>

* **After successful creation, we can see the newly added API application and will produce APP\_ID and APP\_SECRET for API calls, and then refer to the API documentation for operation. Tip: APP\_ID and APP\_SECRECT are very important, please don't show them in any web code, URL parameter!**

<figure><img src="https://1525712843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTSBSM3uLnIDbPyeLQ0p%2Fuploads%2FgW9hUYTDGspTXe4Tvgq6%2FSnipaste_2025-04-07_16-06-07.png?alt=media&amp;token=94ba6458-cb2d-4c5e-89c6-5f9b65a78d97" alt=""><figcaption></figcaption></figure>
