# 結帳整合 (/guides/checkout)





結帳整合 [#結帳整合]

Recur 提供多種結帳整合方式，選擇最適合您需求的方案。

整合方式比較 [#整合方式比較]

| 方式                                                      | 難度  | 客製化程度 | 適合場景       |
| ------------------------------------------------------- | --- | ----- | ---------- |
| [Hosted Checkout](/guides/checkout/hosted-checkout)     | 最簡單 | 低     | 快速上線、無前端開發 |
| [Embedded Checkout](/guides/checkout/embedded-checkout) | 中等  | 高     | 需要自訂 UI    |

兩種方式都支援：預先套用優惠碼（`promotionCode`）、[零元結帳（免綁卡兌換）](/guides/checkout/hosted-checkout#零元結帳免綁卡兌換)。

選擇建議 [#選擇建議]

<Cards>
  <Card title="Hosted Checkout" description="最簡單的整合方式。建立 Session 後導向 Recur 結帳頁面。" href="/guides/checkout/hosted-checkout" />

  <Card title="Embedded Checkout" description="在您的網站上嵌入支付表單，完全掌控 UI 體驗。" href="/guides/checkout/embedded-checkout" />

  <Card title="錯誤處理" description="處理付款失敗與結帳錯誤，提供最佳用戶體驗。" href="/guides/checkout/error-handling" />
</Cards>

選擇 Hosted Checkout 如果您： [#選擇-hosted-checkout-如果您]

* 想要最快速的整合
* 不需要客製化結帳頁面
* 想使用 Recur 最佳化的轉換率
* 後端開發為主

選擇 Embedded Checkout 如果您： [#選擇-embedded-checkout-如果您]

* 需要完全控制 UI/UX
* 想讓結帳流程無縫融入您的網站
* 有前端開發資源
* 需要高度客製化

下一步 [#下一步]

1. 選擇整合方式
2. 按照對應指南實作
3. 設定[錯誤處理](/guides/checkout/error-handling)優化用戶體驗
4. 設定 [Webhook](/guides/webhooks) 接收付款通知
5. 測試完整流程