Atoms平台支持可视化配置快速接入微信、支付宝等主流支付渠道，只需开通支付功能、绑定商户账号、插入支付组件、配置订单处理逻辑并发布页面即可完成上线。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想让网站支持用户在线付款，又不想从零写支付接口或对接银行SDK，Atoms平台提供可视化配置方式快速接入主流支付渠道。
开通Atoms支付功能并绑定商户账号
登录Atoms控制台→左侧导航栏点击【应用设置】→选择目标网站→在「扩展能力」区域开启「支付服务」开关。
系统自动跳转至支付配置页，此时需填写真实有效的商户信息：微信支付需填入公众号AppID、商户号、APIv3密钥；支付宝需填入APPID、PID、私钥文件。【三项密钥类参数一旦保存无法查看，请提前备份】
填写完毕后点击「验证并提交」，Atoms会调用对应平台接口校验凭证有效性。验证失败时页面直接提示具体错误码，常见原因是商户号与AppID不匹配或密钥格式错误。
在页面中插入支付组件
进入网站编辑模式，打开需要放置付款入口的页面（如商品详情页、订单确认页）。
在右侧组件库搜索「支付按钮」，将该组件拖拽至目标位置，松开鼠标即完成插入。
双击组件打开属性面板，设置「支付金额」字段为固定值（如99.00）或绑定数据源中的变量（如{{product.price}}）。若绑定变量，【必须确保变量值为合法数字且大于0，否则用户点击后会触发前端校验拦截】
在「回调行为」选项中选择「跳转到指定页面」并输入成功页路径（如/thank-you），或选择「执行自定义JS」用于埋点统计。
配置支付成功后的订单处理逻辑
方法一：使用内置订单管理模块
在Atoms后台→「业务逻辑」→「支付成功事件」中启用自动创建订单，系统将根据支付流水生成唯一order_id，并同步写入数据库表atoms_orders。
方法二：调用自定义Webhook
勾选「支付成功后发送HTTP请求」，填写你自己的服务器地址（如https://api.yoursite.com/webhook/pay），Atoms会在支付确认后以POST方式推送JSON数据，包含out_trade_no、total_amount、pay_time等12个关键字段。
注意：Webhook地址必须支持HTTPS且响应超时不能超过5秒，否则Atoms会标记为失败并重试3次。
发布含支付功能的页面
第一步：点击编辑器右上角「预览」按钮，在弹出窗口中完成一笔测试支付（使用Atoms沙箱环境提供的模拟支付二维码）。
第二步：扫码支付成功后，观察是否跳转至设置的感谢页，同时检查后台「订单列表」是否新增记录。
第三步：确认无误后，点击顶部导航栏「发布」→选择「全量发布」→等待进度条走完即完成上线。
