什麼是聯繫頁面：7 個最佳實踐
已發表: 2021-08-06聯繫頁面可以成就或破壞任何業務，尤其是依賴數字潛在客戶作為其主要收入來源的企業。 不幸的是，當您研究關於您網站的聯繫頁面時應該包括哪些內容（也許還有您應該省略的內容）時，網絡上的文檔非常稀少。
雖然我們將在整篇文章中進行更深入的探討並查看一些出色的示例和靈感，但首先我們將介紹每個聯繫頁面應包含的基礎知識。 理想情況下，您應該在開始之前設置一個測試 WordPress 站點，因為我們將在本文中進行一些修改！ 但是，如果您感到幸運，您可能希望直接在您的 WordPress 網站上進行編輯。
如果是這種情況，您至少需要在繼續之前設置一個 WordPress 備份插件。 這可確保您能夠在發生任何情況時恢復站點的功能。
聯繫頁面應該包括什麼？
在設計您的 WordPress 網站的“聯繫我們”頁面時，沒有特別的順序，這裡有五個必備條件：
- 沒有煩人的側邊欄！ – 抱歉，結果有點太強了……不幸的是，一系列用戶體驗 (UX) 研究支持了許多網絡用戶一直以來的想法：側邊欄真的、真的很煩人。 這些是那些通常包含無恥插件和社交媒體共享站點圖標的固定元素。 不要誤會我們的意思； 共享圖標完全沒問題，只要它們在您的 WordPress 網站中精心放置即可！
- 謹慎選擇表單域——如果您只是使用“默認模板”來製作表單，您的客戶很可能不會擁有它。 這是因為，老實說，每個聯繫頁面的大約一半都充滿了無用的字段。 例如，假設您只是一家數字電子商務公司，並且有人詢問產品。 如果您使用的表單要求提供家庭住址，那麼您的網站對於普通用戶來說會顯得非常可疑。
- 將美學放在首位– 是的，您網站的每個頁面的美學都應該仔細檢查。 然而，多項 UX 研究表明，“聯繫我們”頁面可能是最重要的一個額外噴槍的頁面。 由於 SEO 排名的工作方式，許多尋找產品的訪問者將直接登陸您的頁面，允許用戶聯繫。 眾所周知，第一印象意味著一切，因此請確保您擁有積極的印象。
- 要（非常）冗長——現在不是吝嗇文字的時候！ 請記住，訪問者並不熟悉您可能命名奇怪的字段的實際含義。 即使像“名稱”這樣簡單而沒有進一步解釋的東西也可能令人困惑。 您只要求名字還是全名？ 如果它是一個全名，那麼首先是否真的有任何理由要求它？ 使措辭恰到好處是至關重要的。 在這個領域，付費新用戶來測試它並給出誠實的意見可以真正獲得回報。
- 使用專業插件– 創建專業、簡潔和漂亮的“聯繫我們”頁面並非易事。 如果您想保持 WordPress 技術的現代端，您可能需要考慮一個高效且可自定義的主題。 此外，像 Kadence Blocks 這樣的擴展包允許您在古騰堡編輯器的最新版本中本地編輯 WordPress 內容，包括聯繫頁面！
一些簡短的警告
在我們繼續之前，有一些我們認為特別重要的免責聲明！
- 主要的網絡安全威脅之一是“未經消毒”的形式。 這些表單包含在刪除用戶輸入的潛在惡意代碼之前由您的服務器讀取的字段。 雖然沒有安全產品可以阻止所有威脅，但謹慎選擇優質的 WordPress 安全插件可以幫助減輕潛在威脅。
- 要考慮的一種權衡是您希望表單上的驗證碼安全級別。 如果您選擇最“激進”的驗證碼，預計訪問者會對您的頁面感到沮喪並離開。 另一方面，將您的頁面排除在最低限度或沒有驗證碼安全性是對垃圾郵件發送者的邀請，因此請明智地選擇。 在這個領域，您網站的目標人群是一個非常重要的考慮因素。
- 請記住，創建這種類型的頁面既是一門科學，也是一門藝術。 當然，有一些奇特的研究告訴我們人們通常會尋找哪些元素。 正如任何經驗豐富的網站管理員都知道的那樣，沒有真空中的網站。 只有最熟悉 WordPress 網站的人才能知道如何最好地構建頁面。
“聯繫我們”頁面應該如何顯示？
雖然在聯繫表單設計方面確實沒有很多“硬性規定”，但對於這些頁面的一般外觀，有一些經過驗證的真實建議。
首先，確保以友好的方式顯示您自己的所有聯繫信息。 請記住，不同的人口統計數據比其他人更重視不同的聯繫方式。 例如，我們在研究中看到老一輩人重視通過電話提供的直接客戶服務。 另一方面，年輕一代通常認為在線聊天是最簡單的方法。
其次，您應該始終讓用戶選擇查詢類別。 切勿僅使用一個通用郵箱來接收此內容，即使這樣做很誘人。
第三，頁面的整體外觀必須與網站的其餘部分“點擊”。 一些較新的網站管理員犯了一個錯誤，即創建的頁面與其他 WordPress 網站的菜單不同。 這通常是使用模板而不小心的結果。 儘管此頁面通常是最後創建和最後修改的頁面之一，但它通常最終成為 WordPress 網站最重要的部分之一。
如何製作“聯繫我們”頁面？
請記住，使用與 Kadence Blocks 等新 Gutenberg 編輯器掛鉤的擴展包是一種很好的方法。 儘管您仍然需要使用 WordPress 表單插件來管理表單中的實際內容。 但是，使用圖形編輯器可以提供寶貴的、節省時間的見解。
我們將討論如何為通用 WordPress 網站製作一個非常基本的“聯繫我們”頁面。 這不是一個優秀而精緻的藝術作品的例子！ 這只是為了讓您朝著正確的方向開始。
1. 選擇你的插件！
是的，您可以使用沒有擴展名的原生古騰堡元素製作自己的表單。 在你考慮這個想法之前，請考慮這種形式背後的複雜性。 美學非常簡單。 但是，除此之外，您還必須確保以安全的方式提交表單。 然後，您必須對放入其中的內容進行路由和排序。 大多數聯繫表格都需要某種類型的驗證碼。 名單還在繼續，但你明白了：沒有必要重新發明輪子。
2. 安裝你的插件
一旦您研究了插件並找到了適合您預算的插件，就可以安裝它了。 前往插件 -> 在您的 WordPress 儀表板上添加新內容。 通過搜索選項找到您想要的插件並將其安裝在您的 WordPress 服務器上，使其可在您的網站上使用。
作為此步驟的一部分，還要確保您在安裝後已在 WordPress 站點上激活插件。
3. 選擇模板
幾乎每個 WordPress 的主流表單插件都有一組預定義的模板。 這幾乎是聞所未聞的，它們沒有專門作為“聯繫我們”表格。 請記住，這些絕不是“選擇並忘記”的選擇。 相反，您應該選擇一個最類似於您想要的模板並對其進行自定義，直到它盡可能接近完美。
4. 設置電子郵件轉發
實際執行此步驟的方式將因您選擇的插件而異。 但是，無論如何，您都需要創建要保存表單信息的郵箱。 我們建議至少為每個主要的表單類別設置一個單獨的郵箱。
請記住，您始終可以選擇第三方郵件查看器一次查看所有收件箱。 這種組織方法使您的站點具有可擴展性。 換句話說，這有助於確保您的網站可以隨著用戶群的增長而面向未來。
5. 放入小部件
我們的第五步也是最後一步是簡單地將小部件放入您想要使用它的頁面中。 請記住，如果您使用的是本機 Gutenberg 編輯插件，您將創建一個本機項目，您基本上可以將其拖放到任何您想要的位置。
雖然您可能只需要在一個地方擁有它，但這有助於使您的 WordPress 網站更加模塊化。
如何優化“聯繫我們”頁面？
這是它開始變得有點冒險的區域。 部分原因是“優化”可能意味著十億種不同的東西。 在解決這個問題時，我們將重點關注這個詞的技術定義。
首先，請記住，特別是對於第一次嘗試使用您的 WordPress 博客的訪問者，速度是遊戲的名稱。 一旦加載時間超過一秒，訪客流失率就會開始飆升。 縮小 JavaScript 文件，確保您的站點標題得到優化，使用盡可能少的帶寬渲染圖像，並利用異步加載將頁面中最重要的部分首先放在那里以降低連接速度。 使用內容分發網絡 (CDN) 也是確保訪問者永遠不會離提供站點的服務器太遠的好方法。
其次，始終在您的聯繫表格上獲得外部輸入。 雖然我們確信您可以製作一個殺手級頁面，但在創建“聯繫我們”頁面時，每個人通常至少會有輕微的疏忽。 從各種各樣的人那裡獲取想法通常是從不太理想的頁面搶先保存您的 WordPress 網站的最佳方式！
第三，使該頁面不那麼混亂！ 如此多的聯繫頁面要么包含相互衝突的信息，要么包含過多的聯繫信息。 例如，如果您是一家網絡託管公司，那麼訪問者可能不會看到 Google 地圖小部件佔用了他們一半的帶寬來準確顯示您的實體業務所在的位置。
7 個聯繫頁面最佳實踐
在創建新的“聯繫我們”表單時，我們強調了七個最重要的“最佳實踐”。 雖然這些在有序列表中，但順序並不表示重要性或優先級； 它是隨機的。
1. 保持簡單
擺脫任何不提供直接價值或不重要的字段。 至少，確保這些字段是可選的，尤其是當它們與大多數人不想與世界共享的信息（例如手機號碼）有關時。
2. 給出理由
為用戶需要與您聯繫的原因提供一個很好的理由。 請記住，使用 WordPress 的“聯繫我們”表單對大多數人來說並不是一種愛好。 給他們一個很好的理由，比如折扣或其他承諾，表明你重視訪問者在你的博客上的時間和參與度。
3.有不止一種方式
“只有一個”應該只是漢蘭達的吶喊。 您希望有其他聯繫機制可用，以防您的表單不可用或不起作用，或者訪問者只是更喜歡使用另一種流行的聯繫方式。
4. 讓它變得容易
當用戶輸入和提交信息時，提供反饋讓用戶知道事情正在按預期進行。 例如，應驗證所有字段； 如果您要求提供電子郵件地址，請立即告訴用戶他們在您的“電子郵件”字段中輸入的內容是否足夠。 提交表單後，立即告訴用戶它是否成功，如果成功，他們應該等待個人回復多長時間。
5. 盡可能自動化
對您的業務和業務模型有意義的解釋。 對於更多精通技術的企業，這可以採用針對用戶通過表單發送的查詢類型量身定制的一些常見問題解答的形式。 對於其他企業，也許它可能只是指向您的信息和幫助庫的鏈接； 這減少了不必要的接觸。 （您會注意到一些公司如何將常見問題頁面與聯繫頁面相結合的示例）。
6. 充分利用領先優勢
通過在訪問者提交表單後向訪問者展示您的一些熱門內容來最大限度地提高轉化潛力。 同樣，像您商店的優惠券之類的東西也是一個好主意。 任何能增加體驗價值的東西，而不僅僅是一句空洞的“感謝聯繫我們！” 很可能會讓新訪問者回到您的 WordPress 網站。
7. 人性化
一切都是為了建立將成長為關係的聯繫——因為一切都與關係有關。 有辦法為您網站上的用戶名和名稱添加面孔。 當人們準確地看到他們正在與誰交談時，他們更有可能表現出恭敬的態度，並將此人視為人類，而不僅僅是機器人。
當然，這只是“聯繫我們”頁面最佳實踐的冰山一角。 不幸的是，這些頁面在 UX 評估圈中臭名昭著，因為有多少專家在如何運行這些頁面上存在分歧。 在向公眾發布之前，您絕對需要試駕一個聯繫頁面！
當您與訪問者建立聯繫時，您就為業務成功奠定了基礎。
3 個成功的聯繫頁面示例
讓我們來看看三個特別強大的聯繫表格，以及它們為什麼很棒！
1. 莫羅尼
Morroni 提供了“聯繫我們”頁面的瑰寶。 正如你所看到的，他們很好地堅持自己的品牌。 該頁面以一個相當大的聲明開頭，說訪問者可以根據自己的意願自由地給他們打電話，為他們提供其他聯繫方式。 哪些字段是必填字段，哪些是首選字段，這一點很清楚； 在提交表單之前還有即時驗證。 每個領域的定義都非常明確，但為更多藝術用戶留下了創造性的解釋空間。
2. 人員指標
PeopleMetrics 是一個功能更齊全的頁面，旨在成為實體企業的一個很好的例子。 首先，它使用輕量級的Google Maps 小部件來顯示企業的位置，而不會佔用客戶端的帶寬和計算資源。 其次，它包括企業的所有官方聯繫信息，以建立信任。 為了進一步建立信任，您可以在輸入電子郵件時單擊查看他們的隱私政策。 該表單的字段非常少，儘管它們的分類不如我們希望的那樣。 總體而言，這是一個簡單的頁面，幾乎沒有留下錯誤的空間，並最大限度地建立信任和聯繫選項。
3. 威菲爾德集團
這是我們列表中最成熟的表格。 為了消除不必要的聯繫表格提交，它首先包含了輔助聯繫方式的所有相關信息。 這對於多站點業務尤其重要。 它甚至有一個免責聲明，你向下滾動之後，表明那些尋找就業不應該填寫表格; 像這樣的非正式過濾器將減少不必要的提交。 該站點利用異步加載，因此瀏覽器看不到的元素甚至不會被呈現，從而最大程度地節省帶寬和空間。 最後，通過向客戶準確展示業務所在，相互建立信任。
聯繫頁面設計的靈感和想法
在我們走之前，我們想為您提供七個我們最喜歡的聯繫表格示例。 與我們上面的列表不同，我們不會告訴你為什麼它們很棒； 我們希望在這一點上，這將是不言而喻的！ 同樣，這個列表沒有特定的至高無上的順序。
- 時尚筆記
- BrightLocal
- 紅牛能源
- 墨西哥風味餐廳
- 波迪亞
- 品牌生活
- 關鍵點營銷
包起來
我們希望這是對如何製作最佳“聯繫我們”表格的一次愉快且內容豐富的深入探討。 現在這似乎是一堆信息，不要感到有壓力要記住我們所有的最佳實踐。 像任何藝術一樣，最好的頁面都是在學習了初步技能後通過反複試驗製作的！
讓 Kadence WP 發揮作用
了解 Kadence 主題的可定制性和簡單性。
現在免費下載！
凱瑟琳·朗認為這很簡單，作為屢獲殊榮的作家和天生的希望匠，她分享瞭如何找到原因、追求目標以及過大膽、有目的的生活的技巧——總是帶有一絲扭曲的鼓勵。
