這個 Skill 會幫你做什麼?
當你說「加上付款按鈕」或「實作結帳功能」時,AI 會根據你的需求選擇最適合的 checkout 模式。
三種 Checkout 模式
Embedded(嵌入式)
直接在你的頁面中嵌入付款表單,使用者不需要離開頁面。
const { checkout } = useRecur()
await checkout({
productId: 'prod_xxx',
mode: 'embedded',
})
Modal(彈窗式)
在彈窗中顯示付款表單,適合不想改變頁面結構的情況。
Redirect(跳轉式)
跳轉到 Recur 託管的結帳頁面,最簡單的整合方式。
支援的產品類型
- 訂閱制 - 週期性扣款(月繳、年繳)
- 一次性付款 - 單次購買
- 點數 - 預付點數包
- 自由捐款 - 讓使用者自訂金額
3D 驗證
AI 會自動幫你處理 3D Secure 驗證流程,你不需要額外處理。
適用情境
- 在定價頁面加上訂閱按鈕
- 實作購物車結帳功能
- 加入捐款或贊助功能