> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【擴充功能】如何在結帳頁面啟用 Message Box


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/6ygp55so5ywo6yoo5pa55qgi_47zd8a.png)

Message Box 適用於收集顧客為的特別訊息。啟用這個擴充功能後結帳頁面會出現一個額外的消息框，可以讓顧客留言。例如：客制化產品、產品細節、Line ID 等等。
此外，此擴充功能也可以作為置入提醒訊息用途。

---
# 目錄：

[如何安裝與設定](#3-message-box)

[備註](#1-5ykz6ki777ya)

[如何置入提醒訊息](#1-5aac5l2v572u5ywl5oq6yas6kik5ogv)
---

### 步驟一：安裝 Message Box

1. 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Message Box → 安裝 Message Box

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1velx7x.png)

### 步驟二：設定 Message Box

1. 選擇 Sentence 或 Paragraph

Sentence ：句子，只可以輸入一句文字（不會顯示滾輪，可是文案太長會被阻擋）

Paragraph : 段落，可以輸入長篇文字和段落（會顯示滾輪，長文案不會被阻擋）

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_hgma22.png)

2. 點擊 「Add Message Box」

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1x835ww.png)

3. 你可放入欄位標題，如果是必填欄位就點選  「Required」

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1eaardd.png)

4. 可設定多個信息欄位，後續可按照相同步驟設定其他信息欄

5. 點擊儲存，完成！

6. 設定效果


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_rsjq2.png)
---

# 備註：

1. 可設定多個信息欄 / Message Box

2. 信息欄 / Message Box 只會出現在結帳頁面

3. 顧客留下的資料將會在訂單管理的額外備註裡顯示

![](https://storage.crisp.chat/users/helpdesk/website/7220161d9e248c00/1af82c44-c3b2-433f-b405-2189a5_11q71sp.png)


---
# 如何置入提醒訊息


1. 由於目前官網結帳頁面尚未能夠放入提醒資訊，若你有想要顧客在結帳時看到，你也可使用這個擴充。以下提供幾種設定方式供參考：


* 輸入標題後，將資訊放進標題下的欄位，

注意：選擇 【Sentence】不會顯示滾輪；選擇【Paragraph】會顯示滾輪

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_m5kg04.png)

**設定效果：**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1bro4vu.png)

* 將您要提醒的事項打在標題， 你可以在你想要分行的文字，加入代碼 <br> 就能分行到下一行

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_4ofglc.png)

**舉例：**

🔹請再次確認您的收件資訊是否正確。<br> 🔹結帳前請確認購物車內容與數量。<br> 🔹優惠券與點數可於此頁使用。

**設定效果：**


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1k29wx7.png)

2. 這樣就可以在結帳頁面顯示提醒資訊啦