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

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

什麼是 Fluent Forms 表單？

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

為什麼推薦 Fluent Forms？

WordPress 表單外掛很多，為什麼要選擇 Fluent Forms？主要原因有：

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

常見 WordPress 表單外掛比較

Fluent Forms 與 WPForms 都是很熱門的 WordPress 表單外掛，SureForms 則是近期才推出的外掛，三者間的比較如下：

如何使用 Fluent Forms？

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

步驟

安裝 Fluent Forms 外掛

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

步驟

選擇表單類型

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

步驟

新增欄位與調整版面配置

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

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

步驟

啟用安全保護機制

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

Cloudflare Turnstile 介紹，防止垃圾留言的最佳工具！ – 驅動數位行銷

當你經營 WordPress 網站一段時間後，可能會受到垃圾留言的干擾。如果沒有處理，不僅會影響網站效能，也會降低使用者對網站的信任度。因此本篇文章會…

驅動數位行銷

步驟

自訂感謝訊息

你可以前往 [設定&整合]→[確認設定] 自訂感謝訊息，類型包含文字訊息 (不跳頁)、站內及站外。我個人偏好以「不跳頁」的方式來顯示感謝訊息。

步驟

設定 SMTP

FluentSMTP – WP SMTP Plugin with Amazon SES, SendGrid, MailGun, Postmark, Google and Any SMTP Provider

你需要設定 SMTP 以便收到網站訪客的填表通知，詳細的做法可以參考下方文章。

如何在 WordPress 設定 SMTP？(4 個步驟)

步驟

將表單新增至頁面

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

步驟

追蹤表單成效

當表單上線一陣子後，你可以查看有多少人填寫、瀏覽次數及轉換率，進而確認是否還有改善的空間。值得一提的是，這項功能無需付費就能使用，非常佛心。

Fluent Forms 使用案例

除了最常見的聯絡表單外，Fluent Forms 還能製作其它類型的表單。需要注意的是，測驗表單、估價表單、投稿表單需要購買 Fluent Forms Pro 才能實現，單一網站每年的授權費用為 US$79。