# 編輯頁

### 上方Bar

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FqPez66G2DeDH0wFAdVXG%2F%E6%88%AA%E5%9C%96%202025-03-24%20%E4%B8%8A%E5%8D%8811.50.54.png?alt=media&#x26;token=29168557-b8ee-4980-8029-129229ce2362" alt=""><figcaption><p>上方Bar</p></figcaption></figure>

1. 點擊可返回機器人列表
2. 適用平台的icon
3. 這隻機器人的名稱
4. 鉛筆編輯icon
5. 儲存按鈕
   1. 所有關聯圖及模組設定會一起儲存
   2. 有變更後儲存按鈕才可以點選

### 關聯圖

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FQDHKsYRirLtNaF7hlocQ%2F%E9%97%9C%E8%81%AF%E5%9C%96%E5%89%AF%E6%9C%AC.jpg?alt=media&#x26;token=70bda3b1-c498-4d5a-bdbb-1fd235eec97b" alt=""><figcaption><p>關聯圖</p></figcaption></figure>

新增模組時，預設位置會在可見畫布的正中央，若正中央位置已經有模組 ，會往右下角偏移。

每個模組皆可以拖曳，也會顯示設定好的預覽訊息。

工具列功能：

1. 新增模組
2. 搜尋模組
3. 放大
4. 縮小
5. 流程全貌

關聯線支援前往下一個模組、返回上一個模組：

1. 游標移到關聯線上時，可以 「預覽」 顯示 「上一個模組及下一個模組」 資訊

<div align="center"><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FTqW6UeCNLMhANDRFZwuV%2Fimage1.png?alt=media&#x26;token=a443b618-8313-4ae7-be3c-13c540e32625" alt="" width="563"><figcaption><p>游標移到上方的預覽顯示</p></figcaption></figure></div>

2. 接續點擊 「左鍵」，展開下拉選單可 「前往下一個模組、返回上一個模組」 ; \
   若下一個模組是 「外部機器人」 的模組，點擊會 「另開分頁」 開啟外部機器人模組的編輯頁面

<div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fsnt53AqV9B7U4WEBl1JQ%2Fimage2.png?alt=media&#x26;token=586500a3-babf-4df2-8443-9c5cfb8c391f" alt=""><figcaption><p>實線（相同模組）</p></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FEKoowOoVSAaVOmah7AJU%2Fimage3.png?alt=media&#x26;token=0e2d2be9-d303-4087-95db-c69d92b54ba2" alt=""><figcaption><p>虛線（外部模組）</p></figcaption></figure></div>

### 新增模組

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FR8rQDnXGDwtItX5dkvTu%2Fimage.png?alt=media&#x26;token=80c8fcae-04d0-465a-bca8-e7b741d01a1f" alt="" width="375"><figcaption><p>新增卡片</p></figcaption></figure>

1. 新增一般卡片：會顯示此平台支援的卡片清單
2. 新增真人客服卡片：點擊後對話會直接到 「待處理真人客服」。

{% hint style="info" %}
真人客服模組名稱，不支援更改名稱。

真人客服模組僅有真人客服卡片，不支援新增其他卡片。
{% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FIQgBLGWuDEAAk1DcJUu0%2Fimage.png?alt=media&#x26;token=24cb712a-a057-455b-a19e-775168cb7be2" alt="" width="375"><figcaption><p>真人客服模組/卡片</p></figcaption></figure>

### 編輯模組

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FQoxBEO7h1gW8aZMFB0GL%2Fimage.png?alt=media&#x26;token=9a2b68d1-5b70-4344-8343-90d1ecb1e55e" alt=""><figcaption><p>編輯模組</p></figcaption></figure>

編輯區塊內容

* 模組名稱：游標移上去會指引可更改模組名稱
* 展開 「更多」：展開/收合所有卡片、複製、刪除、複製模組編號

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FOGetpNUsqJI2Z7VM7Bgk%2F%E6%88%AA%E5%9C%96%202025-03-13%20%E4%B8%8B%E5%8D%886.23.23.png?alt=media&#x26;token=fe7abaa6-8360-4783-b054-f42f0f8f1a91" alt=""><figcaption><p>展開 「更多」</p></figcaption></figure>

卡片設定區塊

* 游標移動到卡片上方，會有小手顯示可拖曳順序
* 右側卡片設定內容：
  * 若游標移到兩個哪片中間，會顯示可新增卡片的圖示，在中間插入新卡片
  * 新卡片設定詳情請見以下各章節詳細說明

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FSYAVAMjkwEAUJAtQy3Ey%2F%E6%88%AA%E5%9C%96%202025-03-14%20%E4%B8%8A%E5%8D%8810.19.09.png?alt=media&#x26;token=9be26538-e476-446c-8b48-70bd98da129d" alt="" width="375"><figcaption><p>兩張卡片中間可插入新卡片</p></figcaption></figure>

### 提示訊息

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FO6POXdSPUE4vxj9pOZSv%2Fimage%E6%8B%B7%E8%B2%9D.png?alt=media&#x26;token=be8d0238-aa51-4396-b00f-5f069f1afdc7" alt=""><figcaption><p>提示訊息</p></figcaption></figure>

* 當超過 100 個模組未儲存我們會提示通知。
* 若客戶從舊版轉到新版，第一次開啟每個模組都會有新資訊需要去儲存，這時超過 100 個模組，也會提示此訊息。
