> For the complete documentation index, see [llms.txt](https://docs.peajia.com.tw/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.peajia.com.tw/home/help-center/basic/default-richmenu.md).

# 預設圖文選單

預設圖文選單是一種常用的訊息模組，結合圖片、標題、描述與互動按鈕，預先設定多張圖文卡片，建立導覽選單、功能入口或活動導流。

> #### 快速了解這個單元
>
> * 新增一個預設圖文選單，作為導覽入口或活動導流。
> * 管理列表：複製、啟用/關閉、刪除、查看成效分析。
> * 編輯內容：設定顯示期間、版型、背景圖與互動區塊行為。

***

## 新增預設圖文選單

在「預設圖文選單」頁面點 **新增**，開啟建立視窗。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FaEVRuHxxNSt8Qp0O7ddh%2Fimage.png?alt=media&amp;token=5984cd7d-ccb2-4bee-a572-e393973a75b2" alt=""><figcaption></figcaption></figure></div>

{% stepper %}
{% step %}

### Step 1：顯示設定

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FqjZS1DSDkELg1oFOFha4%2Fimage.png?alt=media&amp;token=4129b6ae-b0dc-4737-b631-c530f38d7cb9" alt=""><figcaption></figcaption></figure></div>

#### 選單標題

給管理者看的識別名稱。\
會顯示在列表上。可與其他資料重複。

#### 顯示期間

設定選單的生效時間：

* 不限定
* 限定期間

{% hint style="warning" %}
限定期間的圖文選單結束後，如果存在不限定期間的預設圖文選單，系統會自動切換至該圖文選單
{% endhint %}
{% endstep %}

{% step %}

### Step 2：內容設定（圖卡與互動）

設定要顯示的圖卡內容、版型與互動行為。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FfqEQCV5rdkG3UJCKdgqF%2Fimage.png?alt=media&amp;token=08460e65-c002-4e52-a537-424818c78521" alt=""><figcaption></figcaption></figure></div>

#### 選擇選單類型

* 單層圖文選單
* 多層圖文選單

> 若選擇 <mark style="background-color:blue;">多層圖文選單</mark>，可新增與編輯多個可切換的圖文選單。
>
> <img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FHGGovrCXUmDIPWfUndBC%2Fimage.png?alt=media&amp;token=69092e56-492a-4ff6-b122-28622751fe7d" alt="" data-size="original">

#### 發布選單列顯示文字

* 選單
* 自訂文字

#### 選單列顯示方式

* 顯示
* 隱藏

#### 選擇版型

可選常用版型（大型/小型共 12 種），或用「自定義」自由框選。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FX8lEGXsRkQwrgdkH0knk%2Fimage.png?alt=media&amp;token=cc7a4294-e78d-4711-975e-dae9489f94a6" alt=""><figcaption></figcaption></figure></div>

#### 上傳背景圖

上傳要顯示的背景圖。

#### 編輯互動區塊

選擇版型為 <mark style="background-color:blue;">**自定義**</mark> 時，可自由框選互動區塊。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FlPSvgAWXcYMVlsUYBCOE%2Fimage.png?alt=media&amp;token=23736803-375b-4f29-9e1b-e25250c865b6" alt=""><figcaption></figcaption></figure></div>

#### 互動區塊設定

每個區塊都可設定行為：回應文字、一般連結、行銷連結、切換圖文選單。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FOyMrAjFn8fj8a0fiqCrI%2Fimage.png?alt=media&amp;token=9530948c-7e67-44d0-ae44-562e7036f819" alt=""><figcaption></figcaption></figure></div>

> 若選單類型為 <mark style="background-color:blue;">多層圖文選單</mark>，互動區塊可設定為切換圖文選單。\
> 點擊後即可切換到另一個選單，形成選單擴展。
>
> <img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FRRaJBmSc7MluIc8GPQ1k%2Fimage.png?alt=media&amp;token=cc9b46d4-42d3-44fc-af82-234103911ccc" alt="" data-size="original">

{% endstep %}
{% endstepper %}

***

## 列表操作

點資料列右側選單，對該筆選單執行操作。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FdTLxm6S7FSihBcLEfZ8t%2Fimage.png?alt=media&amp;token=a87ab24f-d440-4e91-b1d0-fff215c8e485" alt=""><figcaption></figcaption></figure></div>

### 複製

複製整份設定，並開啟新增視窗。\
你可以直接改內容後存成另一份。

### 設為啟用（上架）

將狀態從「未啟用」切到「啟用」。\
選單會開始生效。

### 設為關閉（下架）

將狀態從「啟用」切回「未啟用」。\
選單會停止生效。

### 刪除

永久移除該筆設定。刪除後無法復原。

### 成效分析

前往該筆選單的成效分析頁。

***

## 編輯預設圖文選單

點列表中的標題，開啟編輯視窗。

<div data-with-frame="true"><figure><img src="https://1309037771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZO4ftUhZah6U9rsCzt1y%2Fuploads%2FBlV4vY8mTVqafewQzioB%2Fimage.png?alt=media&amp;token=754cd4e0-34ec-46d9-afa8-31e57bc9cb44" alt=""><figcaption></figcaption></figure></div>

***

## 延伸操作

* 上線前先預覽版面與點擊流程：前往 [教我使用測試發送](/home/help-center/start/test-send.md)。
* 了解測試環境的授權與使用方式：前往 [測試帳號是什麼？](/home/help-center/start/test-oa.md)。
* 需要依標籤/分群顯示不同選單：前往 [分眾圖文選單](/home/help-center/basic/audience-richmenu.md)。
* 需要更精準的投放名單：前往 [受眾分群](/home/help-center/basic/audience.md) 與 [標籤管理](/home/help-center/basic/tag.md)。
* 組合其他內容模組（圖卡、輪播、按鈕）：前往 [有哪些訊息模組？](/home/help-center/start/message-module.md)。
* 把選單搭配推播做活動導流：前往 [推播管理](/home/help-center/basic/push-message.md)。