客户在哪里付款
Hosted Checkout
后端创建 Session 时传uiMode: "hostedPage"，把返回的 url 给前端，前端跳过去。
successUrl。回到你的页面后，用 merchantOrderId 查一下你自己后端的订单状态，把结果显示给客户。
完整的服务端代码见 Hosted Checkout 接入。
JS SDK 跳转与嵌入
装@clink-ai/clink-js，用 Publishable Key 初始化。
redirectToCheckout()跳转到完整结账页initEmbeddedCheckout()把完整结账页作为 iframe 挂到你指定的容器里
fetchSession 回调来拿。创建时用 uiMode: "hostedPage"——SDK 挂的是完整的托管结账页，不需要 elements 模式。前端拿到的只有 Publishable Key 和 Session 相关字段。
用法、参数和事件见 JavaScript SDK。
Elements
Elements 把页面拆成两半：订单摘要、支付按钮、优惠码输入、状态提示由你写；卡号输入、钱包按钮、3DS 验证、二维码由 SDK 接管。 用 Elements 时后端要改两个地方：- 创建 Session 传
uiMode: "elements" - 必须传
returnUrl，常见写法是https://YOUR_DOMAIN/complete.html?session_id={ELEMENTS_SESSION_ID}，Clink 会把{ELEMENTS_SESSION_ID}替换成真实 session ID
publishKey、environment 和 sessionId，不是 url。
完整用法见 Elements 嵌入式收银台。
@clink-ai/clink-js 的嵌入模式和 @clink-ai/clink-elements 是两个不同的包，别混着用。前者挂的是完整结账 iframe，后者挂的是可组合的支付组件。同一个结账页选一种。后端调哪个接口
绝大多数网站支付走第一条。
POST /payment 是给”后台直接扣款”这类场景用的，它不会弹收银台，所以也没有 3DS 交互界面——需要验证时它返回 status: 5 和一个 action，得你自己引导客户完成。
用银行卡这类方式时，得先有已保存的支付工具（paymentInstrumentId）；CashApp、GCash、TNG、微信、Kakao、支付宝、QRIS、PromptPay 这些钱包由后端按支付方式自动创建，不用你先建。
商品怎么定义
两种模式，按商品是不是长期固定来选： 注册商品——先在后台或用POST /product、POST /price 建好，创建 Session 时传 productId 和 priceId。适合套餐、会员等级这类长期在卖的东西。订阅必须用这种，而且价格得是周期价（recurring price）。
临时商品——不预先创建，创建 Session 时用 priceDataList 直接描述商品名、单价、数量。适合充值、自定义金额、一次性的东西。
两种可以在同一个系统里共存，按商品类型分别选。
两种模式的金额都用主货币单位。19.99 美元传
19.99，不是 1999。订阅只能用注册商品，而且价格必须是周期价（priceType: "recurring"）。临时商品建不了订阅，见 订阅支付。要不要做优惠
需要打折时，还得决定优惠码在哪一层出现：
创建规则、校验条件和订阅折扣持续多久，见 优惠与促销码。
把选择记下来
定完之后，这几项应该写进你的接入文档或配置，后面写代码时直接查：接下来
Hosted Checkout 接入
后端、前端、Webhook 分别要写什么。
结账会话
Checkout Session 的完整参数说明。
用 AI Agent 接入
项目本来就有 agent 在写代码的话，可以让它替你接。