> ## 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).

# Contact Form Plus +

關於 Contact Form Plus+ ，是一項由 EasyStore 所開發的擴充功能，透過安裝這項功能，商家可以定制表格，讓客戶可以在表格上給予意見和反饋，然後再進行對於品牌或服務的改善，提供更好的產品或服務給客戶。


設定步驟與流程：
 

步驟 1 ：後台 > 安裝擴充 > 更多 > 搜尋擴充功能 > Contact Form Plus+。

 

步驟 2：點擊 "立刻安裝擴充"。

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


步驟 3 ：完成以下的基本設定。填寫收件電郵，設定表格大小，背景顏色，字體驗證，以及感謝語。

** 所有填寫的表單都會發到以下設定的郵件地址。

 

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


步驟 4 ：完成以下按鈕設定。此按鈕將顯示於表單底部，讓顧客可點擊並送出已填寫完成的表單。你可設定按鈕文字、字體顏色與背景顏色。

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


按鈕例子：


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

步驟 5 ：您可根據自己的需求，自行設定並置入多種客人可以輸入的方式選項。

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


只需選擇好想要的 Input Field 輸入方式，接著點擊 Add selected input 就會進行置入，所置入的 Input Field 將體現在下面 Output 的部分。

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

步驟 6 ：可輸入您所想要的問題以及答案選項。

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


步驟 7 ：點擊保存設定。


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1cjmfbx.png)
步驟 8 : 完成所有設定後，在主頁的導行列里將自動添加 Contact Us 導航。

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


您可以到：後台 > 銷售管道 > 品牌官網 > 導航列 > 點擊 “Contact Us” > 更改導航列項目名稱。以下是一個例子，將導航列名稱從 “Contact Us” 更改為 “問卷調查”。

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

在前台導航列就會顯示 “問卷調查” 導航，點擊進入將會來到所設定好的表單，讓客戶輸入答案。

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

你也可以新增導行列的方式新增 contact us form + 的導行列：新增導行列》主目錄或頁尾》選擇‘連結’為種類》輸入 apps/contact-form-plus 為連結即可

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

