「想做雙 11 互動遊戲，光是找工程師、做活動頁、建優惠券，就要 3 到 7 天。」 這幾乎是每一位電商行銷在 Q3 都會遇到的窘境 —— 時間還沒等到雙 11，自家團隊就已經先燒乾。但這件事有了新解法！透過 SHOPLINE MCP＋AI Agent（本文以 Claude Code 為例），品牌行銷只需要在對話框打幾段指令，就能讓 AI 輔助你輕鬆完成「設計遊戲 → 產出 HTML 頁面 → 自動上架優惠券」三件事，讓你不用半天就能搞定促銷小遊戲！
本文是 2026 下半年 SHOPLINE MCP 結合檔期實戰系列的第一篇實戰案例，將手把手帶你跑完 Q3 蓄水階段最關鍵的場景：用互動遊戲把流量留成會員，並把獎項變成可結帳的優惠券。
建議搭配閱讀：《雙 11 不只是「賣」更是「練兵」！SHOPLINE MCP＋Claude，一條龍打通 2026 下半年檔期作戰全鏈路》
為什麼品牌要做「互動遊戲」？
Q3 是品牌「蓄水期」—— 這時候水池夠深，到 Q4 才有水可以掀起波瀾。而過往觀察品牌除了 CRM 經營外，其實透過搭配「互動遊戲」的應用，能使創意成為帶動消費者加入會員的關鍵，藉此收穫更多名單的效果。
根據 SHOPLINE 內部觀察，結帳時使用的優惠中，有近 7 成為「折扣碼」型態。這代表「優惠碼領取與使用」本身就是品牌最有效的轉單催化劑。
有鑑於此，互動遊戲（如扭蛋、轉盤、刮刮卡）的角色，就是把這個「領取優惠碼」的機制進行「遊戲化包裝」，以達成三件事：
- 【降低折扣感、抬高參與感】：遊戲讓「拿到 9 折券」變成「我抽到的獎」，心理價值放大。
- 【收集會員名單】：用「會員登入領券」的手段，蒐集更多顧客 Email、手機，成為 Q4 大檔期會員行銷池。
- 【激發分享動機】：遊戲上可以設計「分享再多賺一次抽獎」，達到低成本高擴散的社群玩法。
繼續閱讀文章
過往流程 vs AI Agent + SHOPLINE MCP 流程比較
| 階段 | 過去做法 | AI Agent＋SHOPLINE MCP 做法 |
|---|---|---|
| 想活動玩法 | 行銷與主管反覆討論 1–2 天 | 行銷直接把品牌資料、目標客群輸入 AI Agent，10 分鐘完成提案 |
| 做活動頁 | 找工程師排期、設計師出圖、QA 測試（3–5 天） | AI Agent 直接生成 HTML 單頁面，可立即套用 |
| 建優惠券 | 行銷後台逐筆建券，5 種獎項建 5 次（2 小時） | SHOPLINE MCP 自動建立優惠券草稿，再「人工檢核」即可 |
| 總時長 | 3–7 天 | 半天 |
重點提醒：把時間從「天」壓到「半天」，省下的不只是工時，而是換來測試多檔活動的空間，這正是 Q3 蓄水的真正競爭力。
從全球與台灣 AI 零售應用概況開始，結合流量獲取與企業 AI 轉型的深度洞察，帶領讀者快速瞭解零售 AI 的發展趨勢！
開發品牌「互動小遊戲」詳細流程
以下開始為實戰教學步驟，本文以 Claude Code 為範例（品牌可以選擇 Claude、Cowork 或是 Claude Code 執行）。
Step 1：開啟 Claude，並連接 SHOPLINE MCP
開始操作前，請先確認以下三件事：
- 你的 SHOPLINE 商店已開通 OpenAPI 功能（全通路領航員以上方案內含）。
- 你已申請並通過 SHOPLINE MCP Beta 資格（歡迎至商店後台申請）。
- 你已在電腦或筆電安裝 Claude（Desktop 版本）。
完成後，打開 Claude，依照 SHOPLINE 顧問提供的設定步驟，把 SHOPLINE MCP 串接到 Claude。串接成功後，你會在 Claude 的看到 SHOPLINE MCP 的資訊。
檢查方式：在 Claude 輸入「請列出我商店的最近 5 筆訂單」，若 Claude 能回傳正確的訂單資料，代表串接成功。
Step 2：用品牌資料下指令請 Claude 設計遊戲
這裡舉例，目標是製作一個「扭蛋遊戲」。把以下「指令模板」貼到 Claude，並依照你的品牌情境替換內容：
通常 Claude 會在幾分鐘內提供你：
- 五種獎項規劃（例如 9 折券、滿 1,000 折 200、買一送一、免運券、感謝參與券）
- 完整的扭蛋遊戲 HTML 單頁面（含開蛋動畫、結果頁、CTA 按鈕）
- 可調整的設計元素（顏色、字型、Logo 位置）
- 小技巧 1：品牌可到 SHOPLINE AI Widgets 的範例商店尋找靈感、參考語法，並請 Claude 快速改版為自己想要的模式，避免從零生成耗時耗力。
- 小技巧2：針對獎項設計、設計元素等，品牌可以直接和 AI 討論調整。
以下是調整完後，Claude 提供的 HTML 檔案（通常會存在 Claude 預設資料夾中），Claude 甚至還會直接指引你設定到 SHOPLINE 後台的步驟。
Step 3：拿到 HTML 頁面 → 上傳到商店
把 Claude 給的 HTML 單頁面儲存成 .html 檔，然後依照下列流程上傳到 SHOPLINE：
- 以瀏覽器打開 .html 檔案，右鍵找到「檢查網頁原始碼」
- 將網頁原始碼全部複製。
- 進入 SHOPLINE 後台 → 建立一個「雙 11 扭蛋遊戲活動頁」進階分頁，並新增「客製化語法元件」。
- 貼上剛剛複製好的 HTML 程式碼。
- 預覽頁面、確認遊戲流程順暢、按鈕可正確點擊。
- 取得活動頁的網址，作為後續社群、LINE、EDM 導流的目的地。
微調建議：先讓設計師快速調整一輪視覺（主色、Logo、商品圖），讓遊戲頁面跟品牌官網風格一致。
Step 4：請 Agent 把獎項自動建立到 SHOPLINE 優惠活動
這是 SHOPLINE MCP 的真正威力所在。品牌可以回到 Claude，輸入：
Claude 會透過 SHOPLINE MCP 呼叫 SHOPLINE 的「建立優惠活動」能力，逐一建立五張優惠券草稿並回報結果。整個過程不需要你打開後台，全程在對話框完成。
安全守則：永遠先以「下架」狀態建立，再由「人工檢核」後上架。
Step 5：人工檢核後正式上架
回到 SHOPLINE 後台優惠活動列表，這時你會看到 Claude 剛才建立的五張下架優惠券。請逐張檢查：
- 優惠面額是否與遊戲獎項一致。
- 有效期間是否正確。
- 使用條件、單筆訂單可用次數。
- 優惠券代碼是否與遊戲頁面的「中獎結果」正確對應。
確認無誤後，逐張上架即可，同時記得回到遊戲頁面實際抽一次，確認「中獎結果頁的優惠碼」確實可以在結帳時使用。
加分玩法：分享多賺抽獎機會 ＆ 會員登入領券
光是把遊戲做完還不夠，Q3 蓄水的真正價值在於名單累積。建議搭配以下兩個玩法：
- 【會員登入才能抽獎】：未登入者引導註冊後再抽，把流量「強制轉換」為會員。
- 【分享解鎖一次抽獎】：消費者在 Instagram／LINE／Facebook 分享活動連結，可解鎖一次額外抽獎機會，達到社群擴散。
這些玩法都可以請 Claude 一併規劃進活動文案與分享按鈕設計，讓整個 Q3 蓄水活動策略在一次對話內配置完成。
總結
Q3 蓄水的本質，是「把潛在流量轉變成可被識別、可被再行銷的會員」。而現在透過 SHOPLINE MCP × AI Agent，品牌行銷人員就可以：
- 在對話框完成遊戲設計、HTML 頁面生成、優惠券建立全流程。
- 把時間從「天」壓到「半天」，換來測試多檔玩法的空間。
- 名單導進 SHOPLINE 會員資料庫，直接作為 Q4 預熱與正檔活動使用。
下一篇文章我們將會進入 Q4 預熱期 ——《2026 Q4 預熱實戰：從查報表到建活動只要 15 分鐘，如何用 Claude 看完 Shoplytics 直接建立雙 11 早鳥優惠草稿？》。幫助你快速建好活動，提前備戰年末檔期！最後，如果你也想要使用開放性高的零售整合系統，歡迎免費試用 SHOPLINE，或預約專業顧問瞭解更多 MCP 相關話題。
SHOPLINE 電商教室編輯，對 SHOPLINE 的用戶有種使命感，希望能幫助所有店家一起成長，在零售領域裡發光發亮
