技術文件目前產品線:Fluent Forms 表單

Fluent Forms 教學:設定管理員/使用者 Email 通知

更新日期
閱讀時間
約 7 分鐘
來源狀態
generated-draft

本篇說明

本篇說明如何在 Fluent Forms 中,針對表單新增管理員(Admin)與使用者(User)的 Email 通知,包含收件設定、主旨、內文、條件邏輯、附件與進階寄件設定等重點步驟。

適合誰使用

使用 Fluent Forms 外掛管理表單,需要設定表單填寫後自動寄送通知信的 WordPress 網站管理者

開始前準備

  • 需先建立好一個表單,才能進入該表單的 Editor 頁面設定通知

教學內容

進入 Email Notifications 設定頁面

系統預設已建立一則 Admin Notification Email,可直接啟用或編輯

  1. 從上方導覽列點選 Forms,並點擊欲設定通知之表單的 Edit 按鈕,進入該表單的 Editor 頁面

    Editor Fluent Forms
    官方文件介面截圖:Editor Fluent Forms

  2. 從上方導覽列點選 Settings & Integrations,再開啟 Email Notifications 分頁
  3. 啟用預設通知的 toggle 開關並點擊 Settings Icon 進行編輯,或點擊 + Add Notification 按鈕新增一則通知

    Settings Integration Email Notification Add Notification Setup Admin/User Email Notifications
    官方文件介面截圖:Settings Integration Email Notification Add Notification Setup Admin/User Email Notifications

  4. Email Notifications 頁面完成所有設定後,點擊 Save Notification 按鈕儲存

    Email Notfications Page
    官方文件介面截圖:Email Notfications Page

Name 與 Send To 設定

管理員與使用者的 Email 設定方式相同,差別只在 Send To 欄位(僅管理員適用)

Send To 欄位提供 Enter Email、Select a Field、Configure Routing 三種設定方式

  1. Name 欄位輸入該通知的名稱,方便日後辨識

設定管理員通知(Enter Email)

預設會使用 {wp.admin_email} shortcode,自動採用 WordPress 設定中的管理員信箱

可用逗號分隔多組信箱,將通知同時寄給多位收件人

Email Notifications Admin
官方文件介面截圖:Email Notifications Admin

  1. 若要手動指定其他管理員信箱,於 Send To 欄位選擇 Enter Email,並輸入指定的電子郵件地址

設定使用者通知(Select a Field)

  1. Send To 欄位選擇 Select a Field,並在表單中指定一個 Email 輸入欄位,其填寫值將作為收件地址
  2. 點擊 Send To Field 旁的下拉箭頭,選取要使用的 Email 欄位

    Select Field Option Setup Admin/User Email Notifications
    官方文件介面截圖:Select Field Option Setup Admin/User Email Notifications

Subject 與 Email Body 設定

  1. Subject 欄位設定該通知的信件主旨

    Subject Option Fluent Forms
    官方文件介面截圖:Subject Option Fluent Forms

  2. 可透過 Subject 右上角的 Three-dot-icon 下拉選單,將表單送出資料加入 Email 主旨
  3. Email Body 欄位設定信件內文內容,並可用 Add Shortcodes 下拉箭頭加入動態資料

    Email Body Option
    官方文件介面截圖:Email Body Option

  4. 如需進階客製化,可切換至 Text 分頁,以 HTML 程式碼編輯 Email Body
  5. 勾選 Send Email as Raw HTML Format 可直接以 HTML 格式寄送內文,並可點選右上角的 Note Icon 加入所需 ShortCode

    Send Email As Raw HTML Format
    官方文件介面截圖:Send Email As Raw HTML Format

Conditional Logics 與附件設定

啟用 Conditional Logics 後,僅在符合設定條件時才會寄送通知信

Conditional Logics Fluent Forms
官方文件介面截圖:Conditional Logics Fluent Forms

可透過 Media File Attachments 選項將 PDF 或圖片附件加入通知信,並可用垃圾桶圖示刪除檔案

Media File Attachments Option
官方文件介面截圖:Media File Attachments Option

寄送附件建議搭配 SMTP,否則郵件可能被歸類為垃圾信

Advanced 進階設定

From Name 與 From Email 欄位可分別設定寄件人名稱與信箱,並可透過 Shortcode Icon 加入動態資料

Reply To 欄位若留空,使用者回覆將寄至網站設定的 Default Email

CC 與 BCC 欄位可加入其他收件人信箱,多筆地址以逗號分隔

  1. 完成 Advanced 所有設定後,點擊 Save Notification 按鈕儲存

    Advanced Option Fluent Forms
    官方文件介面截圖:Advanced Option Fluent Forms

介面名稱對照

  • Send To:設定通知信收件對象的欄位,可選擇手動輸入信箱、選取表單欄位或設定條件路由
  • Conditional Logics:設定特定條件,只有符合條件時才寄送該通知信
  • Media File Attachments:可將 PDF 或圖片檔案作為附件加入通知信中

注意事項

注意

寄送附件時務必搭配 SMTP 設定,否則信件容易被歸類為垃圾郵件

注意

Reply To 若不填寫,使用者的回覆將導向網站預設信箱,而非個別通知信箱

常見問題

管理員通知與使用者通知的設定方式有何不同?

兩者設定方式相同,唯一差異在於 Send To 欄位:管理員通知才會用到此欄位的完整設定選項。

如何讓通知信同時寄給多個管理員信箱?

在 Send To 欄位選擇 Enter Email 後,於信箱欄位中用逗號分隔多組電子郵件地址即可。

官方來源

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「Fluent Forms 教學:設定管理員/使用者 Email 通知」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。