【CF7教學】如何將訊息寄送給不同收件人,適用餐廳分店/不同部門業務

by

【CF7教學】如何將訊息寄送給不同收件人,適用餐廳分店/不同部門業務

by

如果你的公司業務量逐漸增加,也許是有多個分店,或者是有多個業務/部門在處理客戶需求,當客戶在填寫聯絡表單時,如果可以讓客戶直接選擇他想向哪一名業務,或者哪一個分店聯絡的話,將可以協助客戶更快地聯絡上能夠替他解決問題的對象。

這篇文章要教你如何使用Contact Form 7,透過製作一個下拉式選單,將你想列出的收件者列出,並讓客戶直接選擇要將此封訊息寄送給誰,方法非常簡單哦!

1. 效果預覽

下圖所展示的就是聯絡表單的完成品,透過選擇不同的分店,聯絡表單就會將這封訊息寄送給到分店的聯絡信箱

Finished contact form

2. 步驟教學

Step 1. 安裝外掛Contact Form 7

本教學是以Contact Form 7外掛作為基礎來製作表單的喔,若你的網站還沒有的話,請到「控制台>外掛>安裝外掛」搜尋Contact Form 7後,點選「立即安裝」並「啟用」即可。

安裝Contact Form 7

Step 2. 新增聯絡表單

安裝完畢後,控制台左邊會出現一個「聯絡表單/Contact Form 7」的選項,點開後,你可以選擇「新增聯絡表單」,或者是直接使用你現有的表單。

新增聯絡表單

Step 3. 增加下拉式選單

進入表單後,一開始你會看到有幾個預設好,要讓客戶填寫的欄位,每一個[]符號都等於一個欄位。

以第一個「名字」的欄位作說明,[text* your-name]最開始的text是欄位的類型,*符號代表這屬於必填的欄位,your-name則是這個欄位的標籤代碼,用來顯示在電子郵件中。

<label>跟<label/>是方便工程師調整表單樣式用的,這部分我們先忽略,不必調整。

你可以依照自己的需求點選上面藍色的按鈕加入不同的欄位,而我要先加入可以選擇收件人的「下拉式選單」,首先,點選「表單」的上方選項「下拉式選單」。

增加下拉式選單

Step 4. 輸入選項

勾選「必填欄位」,在「欄位名稱」中輸入代表該欄位的標籤代碼。

接著在「選項」中,加入「名稱|電子信箱」,在|符號前面的名稱會顯示在聯絡表單中,而|符號後面的電子信箱,則會對應地成為收件者。

每一行會是一個選項,按照下圖範例所示,聯絡表單到時候會有五個選項,完成後點擊「插入標籤」即可。

輸入選項

Step 5. 填入收件者

接著到「電子郵件」欄位中,將收件者填入剛剛的「欄位名稱」,記得前後要加上[]符號哦,像我是將標籤代碼輸入branch,就填上[branch]即可,這樣之後客戶選好分店後,系統便會幫你把這封訊息寄給該分店。

寄件者可以填寫你的主要電子信箱,這樣分店收到訊息時,訊息比較不會被自動分去垃圾郵件區。

主旨會是訊息的標題,我自己習慣將客戶的姓名資訊放在標題後方,未來要找信件時比較方便。

電子郵件的內文就可以將所有的標籤代碼都放進去,訊息內容才不會漏掉,都完成後,點選右手邊的儲存即可。

填入收件者

Step 6. 使用短代碼

最後,上方會有一段「短代碼」,將短代碼整串複製起來,並貼到你想要他顯示的位置,就大功告成囉。記得要自己測試一下傳送訊息,確認是否都有順利運作喔。

使用短代碼

如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)

本文作者 – LiLing

90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。

相關文章

👋

Hi, I’m LiLing

在紐西蘭任職多媒體設計師,擅於利用Wordpress建立網站,搭配Divi主題,分享各種不必使用程式語法,也可以設計網站的101種方法。

🙌

社團交流

歡迎你加入Divi使用者討論平台,有任何問題都歡迎在上面向我提問:)

👩🏻‍💻

免費領取Divi入門手冊

領取Divi新手設計入門手冊

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *