# 主選單

### 什麼是主選單？ <a href="#id-1eae" id="id-1eae"></a>

> *商家可以透過設計主選單，將官網、最新消息等連結加入互動式型的選單。此功能只會於Line上的主選單(Rich Menu)顯示圖片，Facebook Messenger則是只會顯示文字選單。*

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2F5MHmX7S9QL4AKG6a0vm3%2F%E4%B8%BB%E9%81%B8%E5%96%AE%E6%88%AA%E5%9C%96.jpg?alt=media&#x26;token=1dd61c1e-440a-4dce-ad04-5b6784b6a62b" alt="" width="188"><figcaption></figcaption></figure>

> 💡此功能可同時適用於 LINE 及 Messenger兩平台，圖片僅呈現於Line平台

#### 1. 新增主選單 <a href="#cdea" id="cdea"></a>

主畫面→問答集，點擊主畫面中的問答集

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FCjHiwuKBWoMGnDVXN1hp%2F1%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=74736cb1-661e-4474-ac4e-4e056c640bd1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FTLHNthEkbfIhQv2Fb0S7%2F2%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=c25d27b0-622f-46dd-92a8-c596e57b7916" alt=""><figcaption></figcaption></figure>

### 2. 主選單基本設定 <a href="#id-95da" id="id-95da"></a>

{% hint style="info" %}

1. 於方框中輸入選單名稱
2. 選擇呈現於Line中的主選單模板
3. 按下右上方「確定」按鈕
   {% endhint %}

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FVC6RNWntx7RzMjuOgyNz%2F3%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=99ca9936-531d-46ad-84a9-a6194778b7c0" alt=""><figcaption></figcaption></figure>

### 3. 設定主選單內容 <a href="#id-484d" id="id-484d"></a>

{% hint style="info" %}

```
1. 輸入主選單的Title，此Title會顯示於主選單圖片的下方
2. 上傳主選單的圖片
3. 設定回覆的內容
```

{% endhint %}

小提醒：主選單圖片檔案大小限制1MB以下，規格比例請參照 [主選單規格](https://drive.google.com/file/d/1veFn37d1Ugm9TdibWLCEJr8A496HDysW/view?usp=sharing) 文件，文件中提供數值作為參考輔助，實際只要比例正確即可

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FRVJyj680nLCqRrCVfaCW%2F4%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=f2aacc08-ac9f-4a20-8080-4ddbd086f571" alt=""><figcaption></figcaption></figure>

#### 4. 設定回覆內容

設定回覆內容可以綁定關鍵字觸發、回覆模組、連結網址、問答集以及測驗遊戲

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FiKMyHHVIWrupL6XsBjWh%2F5%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=17bc02c8-8e98-4e62-8111-db169dc22462" alt=""><figcaption></figcaption></figure>

> 💡小提醒：
>
> * 左方的手機預覽畫面可以看到設定完成的主選單
> * 手機上方的下拉選單，可以切換Line畫面及Messenger畫面
> * 最後要記得按下右上方「儲存」按鈕喔！

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FTrxbb2RbPwe6CdHW7tWb%2F6%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=82733ebd-5347-41d5-8cae-1def40636f3a" alt=""><figcaption></figcaption></figure>

#### 5. 使用設定完成的主選單 <a href="#id-27b4" id="id-27b4"></a>

設定完後，回到主選單的列表中，將滑鼠移至預使用的主選單，按下「使用」的按鈕。

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FkPpGZvfmUEBHnlFmV1mZ%2F7%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=cff864cb-9b95-4a97-acf6-a17a3384880e" alt=""><figcaption></figcaption></figure>

這樣就設定完成囉！

<figure><img src="https://2020695379-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZHbJqepBvWr0vRrToIqo%2Fuploads%2FuAzWpXPi8JMxVS0vNbNC%2F8%20%E4%B8%BB%E9%81%B8%E5%96%AE.png?alt=media&#x26;token=ca5d39b8-42a3-4913-9cc7-62242907e5ff" alt=""><figcaption></figcaption></figure>

\
記得回到首頁發布聊天機器人唷。恭喜你！這樣就完成主選單的功能囉！

### 馬上註冊MantaGO吧！ <a href="#a633" id="a633"></a>

\ <br>