如何將你的 LINE 帳號連結至 Zotabox LINE 好友集客

LINE 帳號的連結,是設定 LINE 好友集客 最關鍵的一步。 這一步做對了,Widget 後續的所有功能都會自動運作;做錯了,追蹤驗證就會失敗,顧客無法確認追蹤,你的優惠券也就無法正確發放。

本指南的重點,就是 LINE 設定(LINE Setup)分頁裡的這個連結步驟。不需要工程師,也不需要任何程式碼——整個流程只是複製貼上,而且 Zotabox App 畫面上也同步顯示相同的說明,讓你可以對照操作。

LINE 好友集客 完整設定流程概覽

在 Zotabox App 內,LINE 好友集客 分為四個設定分頁。其中三個很快就能完成,在深入說明最重要的連結步驟之前,先快速瀏覽整體架構:

第 1 步:內容與外觀設定(Content & Setup)選擇 Widget 的視覺呈現方式(一鍵預設主題,或自訂主題、Widget 形式、字體與品牌色彩);並設定顧客追蹤後獲得的獎勵內容。 

關於獎勵設定(Reward)——這是讓 LINE 好友集客 真正產生效果的關鍵:
• 選擇「優惠券(Coupon)」:顧客完成已驗證的追蹤後,系統自動顯示折扣代碼。
• 選擇「僅顯示歡迎訊息(Welcome only)」:顯示簡單的感謝訊息,不附優惠券。如果你選擇優惠券,輸入你的折扣代碼(例如 LINE10OFF),並加上清楚的使用條款說明,例如「有效期 14 天 · 最低消費 NT$500」。注意:優惠券設定必須完成,LINE 好友集客 Widget 才能正常運作。
第 2 步:訊息文案(Messages)編輯每個 Widget 狀態的顯示文案——包含預設、QR Code、已驗證、未追蹤、錯誤和載入中等六種狀態。每個欄位都有良好的預設文案,大多數情況下可以直接沿用,只需針對你的品牌語氣微調即可。
第 4 步:顯示規則(Display Rules)設定 Widget 的顯示對象、顯示頁面、顯示頻率與顯示時機。非常適合用來排程雙 11 或農曆新年等特定活動期間的精準推送。

📋  設定順序建議: 完成第 1、2、4 步後,再進行下方的 LINE Setup 連結設定。

LINE Setup 是四個分頁中技術性最高的部分,建議最後集中處理,以確保操作流程最順暢。

在 LINE Setup 分頁連結你的 LINE 帳號

打開 LINE Capture Widget 中的 LINE Setup 分頁。你會看到兩個部分:Messaging APILINE Login

兩個部分都必須完成。 建議依序操作,並同時開著兩個瀏覽器分頁——一個是 Zotabox,一個是 LINE——這樣複製貼上的速度最快,也最不容易出錯。

第一部分:連結 Messaging API

這個部分的作用,是讓 Zotabox 知道訪客應該追蹤的是哪一個 LINE 官方帳號。換句話說,它把 Zotabox 連接到你的 LINE OA。

1.     前往 manager.line.biz 並登入。

2.     選擇你想讓顧客加入好友的 LINE OA。

3.     點擊右上角的「設定(Settings)」選單。

4.     在左側選單中,找到並開啟「Messaging API」頁面。

5.     複製 Channel ID 和 Channel secret,然後貼入 Zotabox 中對應的欄位。

✅  完成後的確認:連結成功後,你的 LINE 帳號顯示名稱會自動帶入 Zotabox——這代表 Messaging API 已成功連線。

第二部分:設定 LINE Login

這個部分是整個 LINE Capture 的核心機制——它負責驗證訪客是否真的完成了追蹤,確保你永遠不會在沒有獲得真實粉絲的情況下白白發出優惠券。 以下每個步驟都請仔細對照完成。

6.     前往 LINE Developers Console(developers.line.biz)並登入。

7.     在左側列表中選擇一個現有的 Provider,或建立一個新的 Provider。

8.     建立一個新的 LINE Login channel,或選擇一個現有的。

⚠️  最常見的混淆點: 務必確認 Channel 類型是「LINE Login」,而不是「Messaging API」。兩者外觀相似,但功能完全不同——選錯類型,後續驗證就無法運作。

9.     進入「Basic settings(基本設定)」分頁,複製 Channel ID 和 Channel secret,貼入 Zotabox 對應欄位。

10.  仍在「Basic settings」頁面中,找到「Add friend(加入好友)」選項,在「Linked LINE Official Account(連結 LINE OA)」下方,加入你在第一部分設定的 LINE OA

⚠️  這個小步驟極易遺漏,但它至關重要: 正是這一步把 LINE Login 和你的真實 OA 串接起來。跳過它,驗證就永遠無法成功。

11.  開啟「LINE Login」分頁,找到「Callback URL」欄位,貼入 Zotabox 提供的 Callback URL。Zotabox 旁邊有一個「複製」按鈕,直接點擊即可,不需要手動輸入。

12.  將 Channel 狀態從「Developing(開發中)」切換為「Published(已發布)」——這個切換開關就在 Channel 名稱旁邊的頂部位置。

✅  完成第二部分後的狀態確認:• LINE Login Channel 類型正確(LINE Login,非 Messaging API)• Channel ID 和 Channel secret 已貼入 Zotabox• LINE OA 已連結至「Add friend」設定• Callback URL 已填入 LINE Login 分頁• Channel 狀態已切換為「Published」

測試連線

完成以上兩個部分後,回到 Zotabox,點擊「Test connection(測試連線)」按鈕。如果所有設定都正確完成,你會看到一條成功訊息——代表 Widget 已就緒,可以開始驗證顧客的追蹤行為。

如果測試失敗,不用擔心。原因幾乎都是以下三個常見問題之一:

測試失敗?對照這三點:1.  Channel 狀態仍在「Developing」→ 切換為「Published」後再試2.  Callback URL 尚未貼入 LINE Login 分頁 → 補齊後再試3.  LINE OA 未連結至「Add friend」設定 → 補齊後再試 修正後,再次點擊「Test connection」即可。

如果嘗試以上修正後問題仍未解決,你可以聯繫 Zotabox 客服團隊獲得進一步協助。

一條你絕對不能跳過的規則

⚠️  LINE 平台強制規定,非 Zotabox 設定限制:你的 LINE Login Channel 和你的 LINE OA,必須隸屬於同一個 LINE Business Account。如果它們分屬不同的 Business Account,追蹤驗證將永遠失敗——無論其他設定多麼完美。建議在開始設定前,先確認這一點。

完成發布

測試連線成功後,最難的部分就已經過去了。點擊「Preview(預覽)」進行最後確認,然後按下「Save and Publish(儲存並發布)」。 就這樣——你的 LINE Capture Widget 正式在 Shopline 商店上線了。

🎉  成功上線的確認方式:如果你的商店前台顯示了 LINE 帳號的 QR Code,代表 Widget 已成功啟用。顧客掃描 QR Code 並完成追蹤後,系統將自動發放你在一開始設定的優惠券代碼。

設定過程中如果遇到任何卡關,記住兩個幫手隨時在旁:App 內的說明文字,以及「Test connection」按鈕。一步一步來,幾分鐘內你就能完成 LINE 帳號的連結設定。

Hailey

I'm a writer with 3+ years in the SaaS world, where I've spent my days turning dense tech-speak into stories people actually want to read. I believe every product has a human story underneath — my job is to find it, tell it, and make it stick.