为什么用控件
页面上的自由金额付款
托管收银台适合固定价格的购物车，收款链接适合开出去的账单。控件适合所有客户自定金额的场景——打赏、小费、捐助、支持。
两行 HTML
页面头部一个 script 标签，按钮位置一个 HTML 块。不用构建工具，没有要更新的库。
金额客户定
控件在您的页面上方打开收银台，捐赠者或支持者输入任意金额，款项直接进入您的余额。
付款不换页
收银台在您的页面上方打开。地址栏里还是您的 URL，模态框周围还是您的品牌。
控制台里调样式
强调色、表面色、文字色、圆角——在项目品牌面板里设置，控件加载时自动读取。
用在哪里
客户自定金额的页面
在客户选择付款金额的地方用控件：打赏、小费、捐助和自由定价。
打赏页面
创作者、非营利组织、慈善机构、宗教组织。访客点击「打赏」，选好金额，款项进入您的 Paymos 余额。
小费罐与支持按钮
主播、作者、播客、开源开发者。在简介、博客或关于页面加一个「支持」按钮。
自由定价
独立创作者、电子书作者、课程作者，让支持者自己定价。客户选好金额，付款照常到账。
众筹与赞助页
募款活动、赞助档位、月月回来的支持者。档位由支持者自己选、自己发送，您收到的是稳定币。
如何运作
配置控件，发布代码片段
在控制台选好金额模式和品牌设置，把生成的代码片段放到页面上。
- 1
打开控件构建器
在 Paymos 控制台里选好项目，打开 Low-Code。所有选项都在一个面板里。
- 2
就地定制
选择金额模式——开放金额，或就地建一个固定价——再设置按钮文案、品牌色和圆角。旁边的预览跟着每一次改动走。
- 3
把片段贴到页面上
把生成的 script 和 HTML 块加进页面源码。按钮按当前项目配置加载。
<script src="https://paymos.io/v1/paymos-widget.js"></script>
<div id="paymos-widget"></div>
<script>
PaymosWidget.mount('#paymos-widget', {
api_key: 'YOUR_PUBLIC_KEY',
project_id: 'prj_YOUR_PROJECT_ID',
amount: '25.00',
currency: 'USD',
label: 'Support with crypto',
mode: 'iframe',
accent_color: '#FF6B35',
text_color: '#FFFFFF',
radius: 20
});
</script>同一个 Paymos 后端
控件创建的是真实的 Paymos 账单。款项进入余额的方式与其他 Paymos 付款完全一致。
自带测试模式
换一个密钥就切到测试模式。付款按钮渲染完全一样，没有真实资金流动。
选您的路径
其他收款方式
同一个 Paymos 后端。选最贴合客户购买习惯的界面——也可以几个同时用。