寵物電商結帳 11 步漏水？WordPress + WooCommerce + LINE Pay 壓到 4 步完整教學（2026）

台灣每 2 個人就有 1 個在用 LINE Pay。

您的寵物商品賣到一半，顧客在結帳頁卻離開了——不是因為他不想買，是因為流程太累。IG 私訊問價、跳 LINE 報帳號、匯款對帳、等確認收款，這中間每一步都有人掉下去。

這篇拆解 WooCommerce + LINE Pay 如何把結帳步驟從 11 步壓回 4 步，以及從商家申請到 Cloudflare callback 的完整設定流程。

解答先行

30 秒結論

• IG → 蝦皮結帳要走 11 步（點 link in bio → 選商品 → 加購物車 → 填地址 → 選運送 → 選付款 → 輸入卡號 → 勾條款 → 雙重驗證 → 確認訂單 → 收信件），每多一步流失 30% 客人。
• 自家 WooCommerce + LINE Pay 壓到 4 步：加購物車 → 確認訂單 → LINE Pay 一鍵付 → 完成。
• LINE 開信率 ≥ 70%，蝦皮站內信開信率 < 10%——同一個顧客，通知送達率差了 7 倍。

這篇適合這幾種寵物電商業者： 已在 IG / 蝦皮賣貨、想搬到自家網站、或剛建好 WooCommerce 想加 LINE Pay 提升手機端結帳率的朋友。

如果您還在評估「要不要搬離蝦皮」，先讀 為什麼小電商適合先用 WooCommerce？成本與掌控權分析（2026），本篇直接從「已決定用 WooCommerce」開始。

11 步漏水是怎麼來的

結帳每多一個步驟就會掉一些人，這件事各家研究都指向同一個方向，但確切比例差很多、也跟品類有關 —— 所以下面不引用百分比，只講哪幾步最常被卡住。其中最常見的是「一定要先註冊會員」。

IG 導流到蝦皮的路徑拆開來是這樣的：

1. 點 IG 個人資料 link in bio
2. 進蝦皮商品頁
3. 加購物車
4. 確認購物車
5. 填收件地址
6. 選配送方式
7. 選付款方式
8. 輸入信用卡號（或等匯款帳號）
9. 勾選條款
10. 蝦皮簡訊 / 信箱雙重驗證
11. 確認訂單完成

這裡還沒算「被要求強制加入蝦皮會員」的額外步驟。

自家 WooCommerce + LINE Pay 的路徑是什麼？

1. 商品頁點「加入購物車」
2. 查看購物車 → 確認訂單
3. 選 LINE Pay → 跳 LINE App 一鍵確認
4. 返回網站，訂單完成

4 步，全部在手機上完成，不需要跳 app、不需要輸入帳號密碼。

70% 的寵物電商訂單來自手機，但大多數用套版佈景主題做的網站，結帳流程是照 PC 設計的。LINE Pay 是少數「本來就為手機設計」的付款方式——顧客已經在 LINE 上，不用切換習慣。

真實費率對照：LINE Pay 2.8% vs 蝦皮 14-18%

很多寵物電商業者覺得「費率差個幾趴沒差」，實際算起來差很多。

蝦皮 2026 費率結構（2026/1/1 強制免運後）：

以 NT$ 199 的貓零食為例：方案二 NT$ 60 手續費就佔售價 30%，還沒加金流和發票。

自家網站 + LINE Pay 費率：

月銷 500 罐 NT$ 200 貓罐頭的業者，蝦皮實拿約 80.75%、自家網站約 96.7%，一個月差 NT$ 15,950，一年差將近 19 萬。

LINE Pay 商家申請

串接之前，先成為 LINE Pay 合作商家。

申請資格

• 有統編的公司行號：準備營業登記證、稅籍登記
• 個人商店（無統編）：需能證明有營業事實，例如社群賣家、個人創作者
• 注意：課程、儲值、訂閱等遞延性產品，個人商店身份無法申請，需提供履約保證文件

收款帳戶規則：獨資可用負責人個人帳戶，合夥或股份有限公司需用公司銀行帳戶。

費率與結算

申請流程

1. 前往 LINE Pay 商家申請頁，填寫公司 / 商店資料
2. 上傳營業登記相關文件
3. 等待審核（LINE Pay 審核 + 一卡通審核，各 5–15 個工作天）
4. 審核通過，進入商家後台取得 Channel ID 和 Channel Secret Key

整體約 2–4 週，建議提早申請，不要卡到新品上架節點。

方式一：WooCommerce 外掛串接（推薦）

對大多數寵物電商業者來說，外掛是最快的路徑。

外掛選擇

免費方案：Pay with LINE Pay

WordPress.org 官方收錄，支援 WooCommerce 區塊結帳，開源免費。適合剛起步、想先驗證流程的業者。

付費方案：LINE Pay Pro for WooCommerce

由 cloudwp 團隊開發，有中文客服，月費 NT$ 399、年費 NT$ 4,788。適合需要進階功能（退款自動化、訂單備註）或需要本地技術支援的商家。

設定步驟（以免費版為例）

第一步：安裝外掛

WordPress 後台 → 外掛 → 安裝外掛，搜尋「Pay with LINE Pay」，安裝並啟用。

第二步：取得 LINE Pay 金鑰

登入 LINE Pay 商家後台 → 管理付款連結 → 管理連結金鑰，找到：

• Channel ID：商家識別碼
• Channel Secret Key：API 驗證金鑰

第三步：設定外掛

WooCommerce → 設定 → 付款 → LINE Pay，填入 Channel ID 和 Secret Key，先選 Sandbox 測試環境。

第四步：Sandbox 測試

用測試帳號跑完整一次付款流程，確認訂單狀態正確更新（從「待付款」到「處理中」）。這步不能省——LINE Pay 付款有三個 API 呼叫，任何一步出問題都會讓訂單卡住。

第五步：切換正式上線

改為 Production 環境，開啟 LINE Pay 付款選項，您的顧客在結帳頁就能看到 LINE Pay 了。

方式二：LINE Pay API 直接串接

如果您的 WordPress 不是用標準 WooCommerce（例如 Headless 架構或自訂購物流程），可以直接用 LINE Pay Online API v3。

付款三步驟

LINE Pay 付款分三個 API 呼叫完成：

Step 1 — Request API（建立付款請求）

後端向 LINE Pay 送付款資訊（金額、商品名稱、回調網址），LINE Pay 回傳付款網址。把顧客導向這個 URL，他們會看到 LINE App 的確認畫面。此時交易是 Reserved 狀態，尚未扣款。

Step 2 — 顧客確認付款

顧客在 LINE App 點確認。注意，這步是「同意支付」，錢還沒真的扣。確認後 LINE Pay 呼叫您設定的 confirmUrl。

Step 3 — Confirm API（完成交易）

後端收到 confirmUrl 回調，執行 Confirm API。若設定 capture=true，這步完成後正式扣款，交易進入 Completed 狀態。

開發注意事項

• 伺服器 IPv4 位址必須加入 LINE Pay 白名單
• 每個 API 請求需要 HMAC 簽名驗證
• confirmUrl 回調失敗時，訂單會卡在「已認證但未確認」，需要有手動補確認機制
• 技術文件：https://developers-pay.line.me/

Cloudflare 用戶必讀：callback 被攔的坑

這是寵物電商業者最常踩的一個坑。

LINE Pay 的 Confirm 流程靠 server-to-server callback。如果您的網站架在 Cloudflare 後面，而且開了 Under Attack Mode 或 Bot Fight Mode，LINE Pay 的回調請求會被當成機器人攔掉。

結果是：顧客 LINE App 顯示付款成功，您的 WooCommerce 訂單卻還停在「待付款」。客人以為訂單確認了，您沒收到通知，雙方都傻眼。

解法很簡單：

在 Cloudflare WAF Rules，針對 WooCommerce 金流 callback URL 設定 Bypass 規則：

URI contains wc-api

或針對您的 LINE Pay confirmUrl 路徑做排除。金流 callback 正常進站，其他頁面仍受 Cloudflare 保護，兩者不衝突。

我們的客戶 Nick 在架設 WooCommerce on Zeabur 時也遇到類似的 callback 問題——整個站有 11,000+ 個 PHP 檔（WP + WooCommerce + Elementor + JetEngine），Cloudflare CDN + OPcache 的快取設定稍微沒對就讓金流回調吃癟。後來用 Cloudflare Page Rules 做路徑排除，TTFB 從 350–600ms 降到 200–300ms，金流也穩了。

LINE Pay + LINE OA：通知開信率差 7 倍

串好 LINE Pay 之後，很多寵物電商業者會問：「我能不能直接用 LINE 通知客人訂單狀態？」

可以，但要搭配 LINE OA（LINE 官方帳號）。

2025 年 3 月 31 日，LINE Notify 已正式終止服務。現在要做訂單通知，走的是 LINE Messaging API。

為什麼值得設定 LINE OA 推播？

同一批顧客，LINE 推播送達率是蝦皮站內信的 7 倍。補貨通知、訂單出貨、會員優惠——能用 LINE 送的，不用 Email。

LINE OA 費率：

• 免費方案：每月 500 通推播（月 50–200 筆訂單的寵物電商夠用）
• 中用量：NT$ 800 / 月，4,000 通
• 高用量：NT$ 4,000 / 月，25,000 通

一個技術細節要注意： LINE Login 整合時，「加好友」和「LINE Login 登入」是兩個分開的流程。顧客登入您的網站不代表有加 LINE OA 好友——沒加好友的顧客，推播會收到 403 Forbidden。要推播成功，要在結帳流程裡加「加入好友」引導。

具體怎麼從 0 開始建 LINE OA、串接訂單通知、同步收集 Email，詳見 怎麼收集客戶資料？Email + LINE OA 完整建法。

LINE Pay vs 綠界 vs 藍新：怎麼搭

LINE Pay 不是萬能金流。

推薦組合： 綠界或藍新當主金流（覆蓋所有支付方式），LINE Pay 當加速器（降低手機端結帳摩擦）。

寵物食品、貓砂這類消耗品，顧客的購買週期大約 28–30 天。把 LINE Pay 加上訂閱結帳（WooCommerce Subscriptions，約 NT$ 6,000/年），顧客下單一次，每個月自動扣款——這就是訂閱箱的核心，也是把蝦皮的「每次重新下單」轉換成「固定回購」的關鍵一步。

訂閱箱怎麼設定，詳見 寵物食品訂閱箱怎麼做？WooCommerce Subscriptions 完整教學（2026）。

什麼情況不適合加 LINE Pay

誠實說幾個不建議硬上的情況：

1. 月營收還在 NT$ 20K 以下 申請商家帳號、設定外掛、處理 callback 規則，合計需要 2–4 週。如果現在月訂單量很少，這個時間成本可以先投在上架更多商品。等月營收穩定在 NT$ 50K+ 再加，投資報酬率更明顯。

2. 主要顧客群偏好 ATM 轉帳 有些熟客習慣匯款，特別是批發或高單價商品的購買者。這時主金流應先接綠界或藍新的 ATM 功能，LINE Pay 當輔助選項。

3. 網站還沒對行動裝置優化 LINE Pay 把結帳壓到 4 步，但如果商品頁的圖片載入慢、按鈕太小、字體看不清楚，顧客在進購物車之前就離開了。先把手機版體驗修好，再加金流效果才出得來。網站健檢工具可以先跑一次：免費網站健檢。

mo studio 工作室視角

我們在幫寵物電商客戶規劃網站時，最常遇到的問題不是「技術上做不到」，是「做了但沒效果」。

LINE Pay 串上去了，轉換率沒動。深入看，問題通常在結帳頁以外：商品圖太小、描述只有規格沒有生活感、手機版文字擠成一團。顧客在決定要不要買的時候就離開了，根本沒走到付款那步。

mo studio 的共同創辦人 Mandy 在巴塞隆納留學期間接觸了很多歐洲小品牌的包裝設計，她做的寵物電商商品頁習慣把手繪插畫放進去——不是為了「有設計感」，是因為手繪讓商品有溫度，讓「這罐貓罐頭為什麼值 200 元」的答案變得直觀。

設計和金流要一起到位。金流設定是一個週末的工作，設計是讓顧客願意走到結帳頁的理由。

想看手繪感寵物電商網站的實際樣子，點個人資料看我們的作品集。

起步順序

建議這樣走，前三步免費：

1. 免費網站健檢：先跑 /tools/website-check，看現在的網站哪裡在漏流量
2. 填 /quote 表單：15 分鐘，描述您的寵物商品類型、月訂單量、現在的金流配置，立刻填寫
3. 看 3 個風格方向：我們準備真實 demo，不是截圖，讓您在電腦和手機上直接操作
4. 滿意再付訂金：對 demo 滿意、確認範圍和報價才付款，前三步全部免費

搬家工時大約 1–2 週，ROI 通常 6–12 個月回本。

FAQ

Q1：LINE Pay 串接 WooCommerce 需要會寫程式嗎？

走外掛（Pay with LINE Pay）不需要。安裝外掛、填入 Channel ID 和 Secret Key、測試一輪就能上線。需要技術的部分是 Cloudflare callback 規則設定，如果您不確定怎麼設，我們可以代為配置。

Q2：蝦皮搬家到 WooCommerce，LINE Pay 顧客資料能帶走嗎？

蝦皮上的買家資料（包含聯絡方式和購買記錄）是平台財產，無法匯出。搬到自家網站後，所有新訂單的顧客資料才是您自己的。所以越早搬，能積累的第一方數據越多。

Q3：LINE Pay 付款成功但 WooCommerce 訂單沒更新，怎麼辦？

最常見原因是 Cloudflare 攔截了 callback。進 Cloudflare → Security → Events，看有沒有被 Block 的 POST 請求。對 wc-api 路徑做 Bypass 規則，通常就解決了。

Q4：寵物食品用 LINE Pay + 訂閱功能，設定複雜嗎？

需要安裝 WooCommerce Subscriptions（約 NT$ 6,000/年）並設定好商品的訂閱週期。技術上不算難，但需要搭配 LINE OA 推播才能讓自動扣款前提醒顧客——這樣退訂率會明顯比較低。

Q5：月訂單量多少才值得搬離蝦皮到自家網站並加 LINE Pay？

粗略的分水嶺是月營收 NT$ 50,000+。蝦皮抽成 14–18%，自家網站含 LINE Pay 約 3–4%，差額在這個量級以上每個月開始有感。低於這個量，先把 IG 流量和商品頁做好，讓訂單量先起來。

延伸閱讀

• 💳 為什麼小電商適合先用 WooCommerce？成本與掌控權分析（2026）
• 📧 怎麼收集客戶資料？Email + LINE OA 完整建法
• 📦 寵物食品訂閱箱怎麼做？WooCommerce Subscriptions 完整教學（2026）
• 🎨 寵物電商網站差異化設計：為什麼 87% 範本主題讓您的品牌消失
• 🔍 為什麼寵物電商要做 SEO 而不只是打廣告
• 🔧 免費網站健檢工具
• 📋 填寫網站規劃表單，3–5 個工作日收到正式提案

小結

LINE Pay 串接 WooCommerce 的技術門檻不高——外掛路線一個下午能設定好，callback 規則半小時搞定。

真正讓結帳率動起來的，是把 11 步漏水的流程壓回 4 步這件事本身。顧客不會因為多了一個付款選項而突然想買；他們是因為「這麼好結帳，那就買吧」才按下去的。

如果您的寵物商品現在還在靠 IG 私訊 + 蝦皮漏水賣，先跑一次免費健檢看清楚問題在哪，再填表告訴我們您的狀況，前三步都免費，滿意再付訂金。

想處理「結帳一直掉客人」這件事?

看完這篇,如果您想要 LINE Pay 一鍵付 + 結帳 4 步流程 — 我們的寵物電商方案內含完整金流串接,讓客人從 IG 私訊到付款不再 11 步漏水。

→ 看寵物電商網站方案

如果還不確定,可以 填一份需求健檢,我們會根據您的狀況回信建議方向。

WooCommerce 系列

• 先搞懂它是什麼：WooCommerce 適合我嗎？四個判斷條件
• 想自己開起來：WooCommerce 教學：從安裝、金流到上架的完整開店指南
• 不想自己架：微電商方案 — 月繳 NT$ 1,500，付款當天開站