为什么嵌入
嵌进您漏斗的收银台
嵌入式收银台把付款这一步留在商户域名内,就在客户正在使用的页面里。
同一 URL,同一品牌
付款表单留在商户页面内,并继承项目的品牌配置。
集成范围可控
在受限 iframe 里渲染账单付款链接即可,不用单独实现付款表单。
看起来就是您的网站
Logo、颜色、圆角都来自项目的品牌配置。嵌入式收银台始终与周围页面一致。
默认响应式
手机上从底部滑出,桌面上整宽内联。由客户的屏幕决定——不靠您的 CSS。
如何运作
三步,一个 iframe
后端创建账单,页面渲染 iframe,监听 webhook。和接任何支付网关一样的流程——只是不用自己写支付表单。
创建账单
一次 POST 到 /v1/invoices,带上金额和币种。Paymos 返回账单 ID 和付款链接。
渲染 iframe
把付款链接加上 ?embed=true 放进一个 iframe 标签。Paymos 收银台就内联显示在您自己的页面内容旁。
监听 webhook
后端收到 HMAC 签名的 webhook 后履约订单;前端从 iframe 收到 paymos:succeeded 事件后更新界面、跳转或显示成功页——两端都不用轮询。
控制台里调样式
不改代码,重塑收银台外观
Logo、强调色、表面色、文字色、辅助色、圆角都在项目品牌设置里管理。新收银台加载时读取当前配置。

<!-- 1. Create the invoice on your backend (POST /v1/invoices)
2. Take the returned `payment_url` (looks like
https://checkout.paymos.io/invoice/inv_xxx)
3. Append `?embed=true` and drop it into a sandboxed iframe -->
<iframe
src="https://checkout.paymos.io/invoice/inv_xxx?embed=true"
title="Paymos checkout"
allow="clipboard-write"
sandbox="allow-scripts allow-same-origin allow-forms"
style="display:block;width:100%;max-width:460px;height:min(90vh,900px);border:0;"
></iframe>沙盒化 iframe
收银台运行在沙盒化的 iframe 里。钱包交互、地址分配和确认检查都留在 Paymos 一侧。
任何技术栈
只要您的技术栈能渲染 iframe,嵌入式收银台就能用。服务端模板、JavaScript 应用、静态网站——同一行集成。
用在哪里
任何不想跳转的地方
嵌入式收银台可以放进任何已经抓住客户注意力的页面。没有新域名,没有弹窗,没有断裂的上下文。
漏斗中的付款步骤
替换现有结账流程里的卡表单。iframe 正好落在原来付款步骤的位置。
定价页升级
客户在定价页选好档位——iframe 就地展开。没有新页面,不用二次决定。
控制台内充值
已登录客户充值余额、支付账单或续订套餐,全程不离开您的应用。
会员区续费
订阅续费就在会员区内完成。客户全程留在自己信任的 URL 上。
选您的路径
其他收款方式
同一个 Paymos 后端。选最贴合客户购买习惯的界面——也可以几个同时用。
