> For the complete documentation index, see [llms.txt](https://docs.ottpay.com/solutions-cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ottpay.com/solutions-cn/xian-shang-shang-hu-jie-ru/xian-shang-zhi-fu-chang-jing/untitled-1/untitled-1.md). # OTT Pay Button 添加OTT Pay Button至支付页面实现在线支付，同时支持Alipay及WeChat Pay支付，接入工作量较小。 ### 支付流程 ![进入商户页面](https://3159717652-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LXe2T2FM_09n9g8xO9N%2F-LZLWgWzzWhlZNKs72ul%2F-LZLXAktogYZgY36tjyw%2Fimage.png?alt=media\&token=fe9dbf8e-fba6-437d-a742-bb589cf60600) ![在商家页面完成点单并通过Pay Button进入OTT Pay聚合支付页面](https://3159717652-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LXe2T2FM_09n9g8xO9N%2F-LYbgoBMG_Nkaq2nP8sJ%2F-LYbgr24DX4M9LcaqHvZ%2Fimage.png?alt=media\&token=5ad5c4ec-d174-4808-aa4f-5047e8d38414) ![在弹出页面中选择支付方式](https://3159717652-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LXe2T2FM_09n9g8xO9N%2F-LYbgoBMG_Nkaq2nP8sJ%2F-LYbgvttf6o6BEZiXs52%2Fimage.png?alt=media\&token=b240fe2b-43dd-45c1-a877-fc6831bb9a95) ![生成支付二维码供客人扫描完成支付](https://3159717652-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LXe2T2FM_09n9g8xO9N%2F-LYbgoBMG_Nkaq2nP8sJ%2F-LYbh0dHR_e1jnVn81JA%2Fimage.png?alt=media\&token=f5ef8aec-7623-4b3a-aa11-e86220415628) 视频演示支付流程：