Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 資安通報
  7. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何在 WordPress 建立聯絡表單?(8 個步驟)

表單是 WordPress 網站常見的元素,最常見的用途是讓客人與你取得聯繫以便進一步洽談。那麼要如何在 WordPress 網站新增表單?有推薦的表單外掛嗎?本篇文章將為你揭曉這些問題的答案。

什麼是 Fluent Forms 表單?

Fluent Forms 是一款 WordPress 表單編輯器外掛,你可以透過拖曳的方式快速完成表單雛形,無需撰寫任何程式碼,非常直覺與便利。目前已有 400,000+ 使用者選擇 Fluent Forms 並且還在持續增加中,本站目前也是使用這款外掛。

常見連結:官方網站 | 官方文件 | 表單範例 | 技術支援Youtube 頻道 | Facebook 社團

為什麼推薦 Fluent Forms?

WordPress 表單外掛很多,為什麼要選擇 Fluent Forms?主要原因有:

  1. 快速輕量
  2. 簡單易用
  3. 提供許多預先設計好的範本
  4. 美觀直覺的統計報表
  5. 近 30 種欄位免費使用
  6. 整合 45+ 第三方工具
  7. 可輕易打造各種類型的表單 (測驗、估價單、問卷調查等等)
  8. 付費版提供買斷制方案

如何使用 Fluent Forms?

本次教學會示範如何製作諮詢表單,只需 8 個步驟就能完成。

步驟
安裝 Fluent Forms 外掛

前往 [外掛]→[安裝外掛],搜尋 Fluent Forms 後,點選 [立即安裝]。安裝好外掛後,再點選 [啟用]。

步驟
選擇表單類型

Fluent Form 提供空白表單、表單範本及對話式表單 3 種類型讓你選擇。當然,你也可以從外部匯入表單。

步驟
新增欄位與調整版面配置

Fluent Forms 免費版提供姓名、地址、網站網址等近 30 種常見的欄位讓你新增,初期來說還算夠用。如果不敷使用,可以購買 Fluent Forms Pro 解鎖。

Fluent Forms 欄位

在某些情境,你可能會想要製作更為複雜的版面配置,透過欄位容器可以實現,預設提供 6 種類型讓你挑選。

Fluent Forms 容器欄位
步驟
啟用安全保護機制

為了不讓表單受到機器人干擾,你可以前往 [全域設定]→[安全性],然後在 Cloudflare 取得網站金鑰及密鑰後,將其輸入至對應的欄位。最後,將 Turnstile 欄位拖曳到送出按紐前便大功告成。

步驟
自訂感謝訊息

你可以前往 [設定&整合]→[確認設定] 自訂感謝訊息,類型包含文字訊息 (不跳頁)、站內及站外。

步驟
設定 SMTP
步驟
將表單新增至頁面

最後,你可以透過短代碼 (適用於各種編輯器)、區塊或 Elementor 元素將 Fluent Forms 表單新增至網站中的任一頁面。

步驟
追蹤表單成效
追蹤 WordPress 表單成效

Fluent Forms 提供數據分析功能,可以查看表單有多少人完成填寫、瀏覽次數及轉換率,進而確認是否還有改善的空間。值得一提的是,這項功能無需付費就能使用,非常佛心。

以上就是透過 Fluent Forms 製作諮詢表單的完整流程,如果在操作方面遇到問題,歡迎加入 Facebook 社團交流討論。

加入 Facebook 社團
全方位學 WordPress – 從架站到整合行銷 2.0

在進階課程中還有更多關於 Fluent Forms 的操作技巧,包含投稿文章、測驗及估價表單的製作等等,如有興趣歡迎報名學習。

瀏覽次數: 394
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
喜歡請分享!
開啟目錄