所有 Skills
💳

結帳流程

快速建立付款流程

初級15 分鐘
npx recur-skills install recur-checkout

這個 Skill 會幫你做什麼?

當你說「加上付款按鈕」或「實作結帳功能」時,AI 會根據你的需求選擇最適合的 checkout 模式。

三種 Checkout 模式

Embedded(嵌入式)

直接在你的頁面中嵌入付款表單,使用者不需要離開頁面。

const { checkout } = useRecur()

await checkout({
  productId: 'prod_xxx',
  mode: 'embedded',
})

Modal(彈窗式)

在彈窗中顯示付款表單,適合不想改變頁面結構的情況。

Redirect(跳轉式)

跳轉到 Recur 託管的結帳頁面,最簡單的整合方式。

支援的產品類型

  • 訂閱制 - 週期性扣款(月繳、年繳)
  • 一次性付款 - 單次購買
  • 點數 - 預付點數包
  • 自由捐款 - 讓使用者自訂金額

3D 驗證

AI 會自動幫你處理 3D Secure 驗證流程,你不需要額外處理。

適用情境

  • 在定價頁面加上訂閱按鈕
  • 實作購物車結帳功能
  • 加入捐款或贊助功能

開始使用這個 Skill

安裝後,Claude 會自動知道如何幫你完成結帳流程相關任務

R

準備好開始收款了嗎?

每月營收 10 萬內,平台費 $0
立即免費開始,專注於你的創作

免費開始