為什麼你的 Line 官方帳號看起來像詐騙？

如果你成功申請了 Line 官方帳號 (Line Official Account)，但只放了一張大頭貼，下面空空如也，當顧客加你好友時，他們的第一個直覺通常是：「這該不會是詐騙集團吧？」

在現代的商業經營中，「圖文選單 (Rich Menu)」 已經成為一個官方帳號是否具備專業度、是否用心的絕對指標。它就像是你店鋪的「大門櫥窗」。 一個設計精美、功能齊全的圖文選單，不僅能瞬間提升品牌信任感，還能像一個 24 小時不休息的超級業務員，自動引導顧客去點擊你最希望他們看到的資訊（例如：最新菜單、預約掛號、常見問題）。

更重要的是，有了圖文選單，顧客就不需要自己打字詢問，只要「一鍵點擊」，就能觸發我們後續要教的 AI 機器人自動回覆系統。

零程式碼！Line 官方後台的圖文選單設定法

在我們進入高深的 Vibe Coding 寫程式之前，其實 Line 官方本身就提供了一個非常親民、完全不需要寫程式的圖文選單設定後台。對於剛起步的微型企業或個人工作室來說，這已經非常夠用了。

步驟一：準備選單圖片 (Canva 是你的好朋友)

Line 對於圖文選單的圖片尺寸有非常嚴格的規定，最常見的尺寸是 2500 x 1686 像素 (大選單，分 6 格) 或 2500 x 843 像素 (小選單，分 3 格)。

  1. 打開免費的設計神器 Canva。
  2. 搜尋「Line 圖文選單」範本。
  3. 挑選一個符合你品牌風格的版型，修改文字與圖片後，下載為 JPG 或 PNG 格式 (檔案大小必須小於 1MB)。

步驟二：登入 Line 官方帳號後台 (Line Official Account Manager)

  1. 前往 Line 官方帳號管理中心 並登入你的帳號。
  2. 在左側邊欄找到「圖文選單」選項（通常在「聊天室相關」的分類底下），點擊「建立」。

步驟三：設定選單細節與點擊動作

  1. 標題：這只是給你自己看的管理名稱，顧客看不到（例如：2024 春季新選單）。
  2. 使用期間：設定這個選單要顯示的日期範圍（如果你想要長期顯示，可以把結束日期設為 10 年後）。
  3. 預設顯示方式：強烈建議選擇「顯示」，這樣顧客一打開聊天室就會立刻看到選單，不用再自己點擊打開。
  4. 選擇版型：點擊「選擇版型」，挑選你剛剛在 Canva 設計的格子數量（例如 6 格）。
  5. 上傳圖片：把剛剛下載的圖片上傳上去。
  6. 設定點擊動作：這是最關鍵的一步！你可以為每一個格子 (A, B, C...) 設定顧客點擊後會發生什麼事。常見的動作有：
    • 連結 (URL)：點擊後打開你的官方網站或預約網頁。
    • 文字 (Text)：點擊後，顧客的對話框會「自動發送一段文字」（例如：自動輸入「我要看菜單」）。這是未來觸發 AI 機器人最常用的神技！
    • 優惠券/集點卡：如果你有使用 Line 的內建行銷工具，可以直接連結。
  7. 檢查無誤後，點擊最下方的綠色按鈕 「儲存」。

恭喜你！拿起你的手機，打開你自己的官方帳號聊天室，一個漂亮的圖文選單已經完美呈現在最下方了！

進階：突破極限！用程式控制圖文選單 (Messaging API)

如果你只是開一家巷口早餐店，上面的官方後台設定已經完美夠用。 但如果你是想要「接案賺錢」的 Vibe Coder，或者是你在做一個複雜的連鎖品牌系統，你會發現官方後台有一個致命的缺點：「它只能顯示固定的一種選單給所有人看。」

想像一個高階的商業場景：

  • 當顧客是「一般會員」時，他看到的圖文選單是：「我要看菜單、加入 VIP 方案」。
  • 當顧客付費升級成了「VIP 會員」後，他的圖文選單瞬間自動切換成：「VIP 專屬點餐通道、我的專屬折扣碼」。

這種**「根據使用者身份，動態切換圖文選單」**的神級功能，官方後台是做不到的。我們必須召喚出真正的武器：Line Messaging API。

Vibe Prompt 實戰：動態圖文選單切換腳本

要使用 API 控制圖文選單，我們不需要自己去啃厚厚的 Line 官方英文文件。只要你拿到了 Channel Access Token（我們在第一章教過怎麼拿），你就可以利用 Cursor 寫出這段咒語：

【Line 動態選單切換 Prompt】 我正在開發一個 Line Bot (使用 Node.js 與 @line/bot-sdk 套件)。 我有兩個不同的圖文選單 ID：

  1. richmenu-normal-123 (一般選單)
  2. richmenu-vip-456 (VIP專屬選單)

請幫我寫一個 function switchRichMenu(userId, isVip)： 如果 isVip 為 true，請呼叫 Line API 把該用戶的圖文選單綁定為 VIP 選單。 如果 isVip 為 false，請把他綁定為一般選單。 請附上完整的 Error Handling (錯誤處理)，並確保能印出 API 回傳的成功或失敗訊息。

AI 產出的高階 API 控制碼：

const line = require('@line/bot-sdk');

// 設定你的 Token
const client = new line.Client({
  channelAccessToken: '你的_CHANNEL_ACCESS_TOKEN'
});

async function switchRichMenu(userId, isVip) {
  try {
    const richMenuId = isVip ? 'richmenu-vip-456' : 'richmenu-normal-123';
    
    // 呼叫 Line API，針對特定 userId 綁定專屬的選單
    await client.linkRichMenuToUser(userId, richMenuId);
    
    console.log(`成功將用戶 ${userId} 的圖文選單切換為：${isVip ? 'VIP選單' : '一般選單'}`);
  } catch (error) {
    console.error('切換圖文選單失敗：', error.originalError.response.data);
  }
}

就這麼簡單！透過 Vibe Coding，你瞬間掌握了連許多資深後端工程師都要查半天文件的「動態選單綁定技術」。 這項技術在外面接案市場上，通常是價值新台幣三萬到五萬元的「客製化進階功能」。

在下一章，我們將正式進入 AI 大腦的植入階段。我們將利用 Vibe Coding 實戰演示，如何打造一個聽得懂人話、能自動幫你處理訂單的「早餐店自動點餐客服機器人」！