建立 2026-09-19 更新 2026-09-19

收款與 Stripe

Lovable 可以直接替你的 App 加上收款：一次性付款（賣課程、電子書）或訂閱（月費會員）。你用白話說要賣什麼、多少錢，它會產生定價頁、結帳流程與「付過錢才解鎖」的判斷邏輯，不必自己寫金流程式。

這一頁先講清楚兩條路怎麼選，再各走一遍，最後是測試與上線。

先選路線：內建付款還是自己的 Stripe

兩者不能同時用在同一個專案。日後要換，先中斷目前的那一條。

開始前先備好

• 後端：收款需要後端來放金鑰與驗證付款。新版專案（TanStack Start）不必另外設定；較舊的 React + Vite 專案需先啟用 Lovable Cloud。
• 登入：訂閱制一定要有登入，因為要知道「這個人有沒有付費」。一次性付款不必登入，買家在結帳時填 Email 即可。
• 權限：內建付款只有專案或工作區的管理員與擁有者能設定。連接自己的 Stripe 則任何有編輯權限的人都可以。
• 商品範圍：內建付款預設賣數位商品，例如訂閱制服務、會員、電子書、範本、課程。要賣實體商品請改用 Shopify 整合。

路線 A：內建付款

1. 在對話裡說需求。像這樣寫：

   幫我加一個定價頁，有兩個方案：
   Starter 每月 9 美元、Pro 每月 29 美元。
   付費會員才能使用「匯出報表」功能。
   

2. Lovable 會跳出「Enable payments」對話框，摘要金流商的功能與費率，確認後繼續。

3. 填開通表單。Stripe 要填 Email、名稱、營業登記國家；Paddle 要填 Email（不能是已在 Paddle 註冊過的，可用 name+lovable@gmail.com 這種別名）、法定名稱、專案名稱（會顯示在信用卡帳單上）。

4. 建立商品與價格。同樣用對話說：

   建立三個方案：Starter 9 美元／月、Pro 29 美元／月、Enterprise 99 美元／月。
   Pro 加 14 天免費試用。
   

   一次性商品就說「建立一個 49 美元的買斷方案，終身使用」。

5. 測試（見下一節），再上線。

專案工具列 More → Payments 是儀表板：可切換測試／正式環境、看營收與訂閱數、交易清單與退款紀錄，並有上線檢查清單。結帳頁的樣式與可用付款方式要到金流商自己的後台改。

路線 B：連接自己的 Stripe

1. 在對話裡說需求。Lovable 會先推薦內建付款，你要明說「用我自己的 Stripe 帳號」：

   我要賣一門 29 美元的數位課程，請用我自己的 Stripe 帳號做一次性結帳。
   

2. Lovable 會顯示 Connect Stripe 表單。

3. 到 Stripe 後台 Developers → API keys，建立一組受限金鑰（restricted key），複製後貼到表單的 Stripe restricted API key 欄位送出。可接受受限金鑰（rk_ 開頭）或密鑰（sk_ 開頭），測試用的 rk_test_、sk_test_ 也可以。不要貼 pk_ 開頭的公開金鑰，那組不能用來建立付款。
4. Lovable 產生後端程式，並經你核准後在 Stripe 建立商品與價格（也可以沿用你已有的）。

自己的 Stripe 的 Webhook 是選用的：Lovable 會處理程式端，但端點網址與簽章密鑰（signing secret）要到 Stripe 後台自己設定。

一次性付款與訂閱怎麼運作

訂閱制要讓使用者自己取消、換信用卡，請說：「加一個 Manage subscription 按鈕，連到客戶入口網站」。這個入口網站要先在 Stripe 後台啟用，而且在 Lovable 預覽面板裡不能用，要開發布後的網址或獨立瀏覽器分頁測。

測試：全部先用測試模式

內建付款的預覽環境永遠是測試模式，不會真的扣款，畫面上會出現測試模式橫幅；連自己的 Stripe 時，預覽用測試金鑰（rk_test_／sk_test_）也一樣不會扣款。用 Stripe 的測試卡，有效期限填任何未來日期、CVC 填任意三碼：

不要只測「付成功」。訂閱制至少走完：購買、取消、續訂、扣款失敗、試用期結束。取消後，使用者已付的期間內仍應可使用；扣款失敗時提示更新付款方式，而不是立刻鎖住帳號。

更多測試卡見 Stripe 官方 測試文件。

上線：從測試切到正式

內建付款

發布（Publish）時，Lovable 會把測試環境的商品與價格自動同步到正式環境，之後每次發布都會重新同步。所以商品請一律透過 Lovable 對話修改，不要跑去金流商後台直接改，否則兩邊會對不上。優惠碼不會同步，要在正式環境重建，例如：「在正式環境建立 20% 折扣碼 LAUNCH，有效三個月」。

「準備度檢查」會看你的網站有沒有隱私權政策、服務條款、退款政策，以及實質內容。先補齊再申請，可以少被退件。上線前最好先綁自訂網域，比 lovable.app 子網域更容易通過審查，見 發布與程式碼。

自己的 Stripe

1. 請 Lovable 更新金鑰，填入正式金鑰（透過 Update Stripe secret key 表單）。
2. 到 Stripe 後台確認正式模式也有相同商品與價格。價格 ID（price ID）在測試與正式是不同的。
3. 請 Lovable 把 App 改用正式的價格 ID。
4. 用真卡買一次最小金額的商品，確認流程都通。

管理、中斷與限制

• 看付款：More → Payments 是唯讀，退款與各項設定要到金流商後台處理。連自己的 Stripe 時會顯示「Self-managed Stripe」標記。
• 中斷連線：Payments → 三點選單 → Disconnect payments（自己的 Stripe 是 Disconnect Stripe），再輸入 DISCONNECT 確認。中斷不會取消既有訂閱、退款或通知客戶，內建付款中斷後也無法再把同一個帳號接回同一個專案。
• Supabase 專案要注意：中斷不會刪掉你 Supabase 後台裡的 STRIPE_SECRET_KEY。訂閱仍會繼續扣款，直到你手動刪除為止。

常見問題

官方學習資源

相關資料

• Add payments to your app
• Connect your own Stripe account
• Stripe 全球可用地區
• Stripe Managed Payments
• 前一步：Lovable Cloud
• 下一步：發布與程式碼