如何使用外掛WPForms為WordPress設定聯絡表單?

如何使用外掛WPForms為WordPress設定聯絡表單?

大多數企業主每天都要處理數不清的任務。電子郵件、電話、社交媒體資訊等等。很容易記不清誰問了什麼。

WordPress 聯絡表單可以將詢問集中到一個地方。訪客只需填寫一個簡短的表單,您就可以在儀表板中獲得所需的詳細資訊,而不是顯示來自未知電子郵件地址的零散資訊。

在本分步指南中,我們將介紹如何在 WordPress 網站上新增無程式碼聯絡表單(使用 WPForms外掛),以及如何優化表單以獲得最佳效果。

為什麼使用WordPress聯絡表單?

網站代表著您的品牌。

當人們想要聯絡您時,表單會傳遞出您重視溝通的資訊。開啟電子郵件連結會給聯絡您的團隊增加不必要的障礙,甚至導致垃圾郵件。

表單是一個單一的渠道,它能將請求組織起來,並通過驗證碼或 Askimet 等反垃圾郵件外掛過濾掉垃圾郵件。

此外,聯絡表單還能預先獲取所需的詳細資訊。例如,房地產中介可能希望潛在客戶分享他們的預算範圍、房屋要求或首選區域。或者,一家網店可能需要一個訂單號,以便快速檢視發貨狀態。

聯絡表單可以快速捕捉這些細節,節省時間,減少臆測,使您的業務看起來更加完美。

建立聯絡表單的最佳工具(無程式碼外掛)

大多數 WordPress 使用者都依賴外掛來避免編寫程式碼。你會發現有許多表單建立工具,每種方法都略有不同。

WPForms、Contact Form 7 和 Ninja Forms 就是幾個流行的例子。它們以使用者友好的選項和在任何頁面或文章中新增表單的能力而聞名。

  • WPForms 因其視覺化拖放生成器和快速設定而脫穎而出。它包括標準聯絡表單、反饋表單或時事通訊註冊等內建模板。這通常是 WordPress 新使用者的首選。
  • Contact Form 7 是免費的,而且深受使用者喜愛,不過預設情況下看起來比較過時,需要花些功夫才能使其看起來不錯。
  • Ninja Forms 是另一種拖放式選擇,有多種附加元件。

選擇外掛通常取決於你的經驗和需求。

如果你只想要一個簡單的聯絡表單,那麼這些外掛都是不錯的選擇。

如果您打算新增支付閘道器、登錄檔單或高階功能,請在決定前檢視每個外掛的附加元件庫。

設定WordPress聯絡表單

很多 WordPress 新使用者擔心他們需要編碼技能。但如果有一個完善的表單外掛,就不會出現這種情況。

下面以 WPForms 為例,詳細介紹每個階段。

Step 1:安裝並啟用外掛

進入你的 WordPress 控制面板,應該是 <yourdomain.com>/wp-admin – 除非你為了加強安全性而更改了它。

點選左側的外掛>新增新外掛

安裝並啟用外掛

在搜尋欄中輸入“WPForms”,然後點選“立即安裝”。

搜尋安裝WPForms

WordPress 安裝完成後,點選啟用。現在,WPForms 將出現在您的儀表板選單中!

Step 2:建立第一個表單

點選 WPForms 選單連結,然後選擇 Add New 表單。

建立第一個表單

該外掛會向您展示一些模板,如簡單的聯絡表單或時事通訊登錄檔單。

表單模板

選擇基本的聯絡表單開始。你會看到“Name”、“Email”等欄位和一個大的資訊文字框。

表單欄位

如果需要額外的欄位(也許是讓使用者選擇主題的下拉選單),可以從左側面板拖放。

Step 3:配置表單設定

在表單生成器中選擇 “Setting”。你會看到“Notifications”和“Confirmations”選項。

單擊“Notifications”,設定訊息傳送的電子郵件地址。

配置表單設定

如果您需要特定的主題行,也可以新增。您可以使用“New Inquiry from WordPress Form”這樣的標題,這樣您就能知道什麼時候您的收件箱中收到了來自該聯絡表單的新諮詢。

然後勾選“Confirmations”。

設定表單確認資訊

這就是訪客提交後看到的資訊。您可以說:“Thank you for contacting us. We’ll reply soon!“或根據品牌聲音定製資訊。

Step 4:在頁面或文章中嵌入表單

進入 WordPress 編輯器,檢視任何頁面或文章。

在頁面或文章中嵌入表單

如果你使用的是區塊編輯器,你會看到一個 WPForms 區塊。插入它,然後從列表中選擇表單。

還有一種方法:從 WPForms 中複製簡碼並貼上到編輯器中。

WPForms表單簡碼

看起來就像 [wpforms id=”1234″] 。儲存或釋出更改。

瞧,你的表單已經上線了!

Step 5:測試表單

快速測試可避免日後的麻煩。開啟實時頁面,在表單中填寫測試姓名、電子郵件和簡簡訊息。點選 Submit

頁面應顯示您設定的確認資訊。然後檢視電子郵件,看看通知是否到達。

如果沒有看到,請檢視垃圾郵件資料夾,或確認外掛設定中的電子郵件地址是否正確。

有時主機提供商或電子郵件客戶端會過濾掉自動傳送的郵件。如果出現這種情況,可以新增 WP Mail SMTP 這樣的外掛來提高電子郵件的送達率

有效的聯絡我們模板

完美的“聯絡我們”頁面會讓訪客感覺你平易近人。它不需要太花哨。

下面是 Swab the World 的 “聯絡我們 ”頁面。看看它是如何提醒訪客分享便箋的,他們會讀完它嗎?

Swab the World 的 “聯絡我們 ”頁面

這就是你所需要的一切。一兩句話就能讓讀者知道有人會讀他們的資訊。

以下是一些你可以採用的想法:

  • 友好:“我們是來提供幫助的。請將您的問題傳送給我們,我們會盡快回復您”。
  • 商務式: “對我們的服務有疑問?請填寫下表,我們會及時回覆。
  • 溫馨而個性化:“如果您有任何需要,請給我們留言。我們喜歡聽到您的聲音,並將竭盡全力為您提供幫助”。

如果你有專門的支援團隊,你甚至可以提及他們通常的回覆時間,以設定期望值。

優化聯絡表單的專業技巧

新增表單是第一步。優化表單可以增加有用線索的數量,減少垃圾郵件或混亂。以下是一些值得考慮的建議:

優化聯絡表單的專業技巧

關注移動使用者

現在很多人都用手機瀏覽網頁。表單應該在較小的螢幕上看起來整潔。

WPForms 和其他現代構建工具建立的表單可以自動調整,但你仍然可以在手機或平板電腦上預覽它們。

確保文字足夠大,按鈕易於點選。

使用驗證碼和Akismet過濾垃圾郵件

垃圾郵件令人討厭。驗證碼可以測試訪客是否為真人,而 Akismet 等工具可以掃描郵件中的可疑短語。

如果你發現不需要的提交量激增,就將 兩者結合起來。這種方法能讓你的收件箱遠離垃圾資訊。

只保留需要的內容

過於複雜的表單會嚇跑人們。如果您只需要姓名和電子郵件地址,就只保留這些欄位。如果您必須填寫電話號碼或送貨地址,請新增它們。

請記住,填寫的欄位越多,人們填寫的可能性就越

提供明確的確認

當訪問者點選“提交”時,他們希望看到資訊已通過的跡象。可以是簡單的 “謝謝您與我們聯絡!”。

您還可以在確認頁面上引導他們瞭解常見問題,或連結到您的部落格以進行更多閱讀。

讓這成為一個平穩的過渡,而不是死衚衕。

跟蹤表單提交

表單提交可能是營銷或客戶支援工作流程的關鍵部分。跟蹤它們可以顯示網站的執行情況。Google Analytics 或專門的外掛可以記錄每次提交,為您提供衡量轉換率的方法。

如果您發現每月只有少數人提交表單,您可以測試對錶單欄位、行動號召或頁面設計進行的更改。

小結

每當您讓自己的網站更容易使用時,您就會改善與訪客的聯絡。WordPress 聯絡表單很容易獲得成功,因為它為問題、線索或支援請求建立了清晰的路徑。

您可以安裝一個簡單的外掛,建立適合您業務的欄位,然後釋出到您的網站上,無需編輯程式碼。

但為什麼僅僅停留在新增聯絡表單上呢?有了正確的工具,您的網站就能更上一層樓。

評論留言