驅動數位行銷

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。


PRO 達人網
Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

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

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

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

表單是 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?

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

步驟
安裝 Fluent Forms 外掛

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

步驟
選擇表單類型

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

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

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

Fluent Forms 欄位

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

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

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

步驟
自訂感謝訊息

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

步驟
設定 SMTP

你需要設定 SMTP 以便收到網站訪客的填表通知,詳細的做法可以參考如何在 WordPress 設定 SMTP?解決網站無法發信的問題這篇文章。

步驟
將表單新增至頁面

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

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

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

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

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