[ad_1]
無論您是希望訪問者進行購買，註冊演示還是在網站上下載白皮書，您都需要為該過程創建一個網站表單。
Web表單的設計，消息傳遞和功能在訪問者是否完成表單和轉換方面起著重要作用。 對WordPress表單進行這些小的調整可以幫助您減少訪問者的認知負擔，並促進表單轉換。
在本指南中，我們將分享有關 重力形式 和免費的 聯絡表格7 插入。 這些都可以通過Gravity Forms的核心功能和設置來完成，或者如果您使用的是帶有一些免費和高級插件的Contact Form 7。 但是實際上任何技巧都可以應用於大多數頂級 WordPress聯繫人表單插件。 因此，讓我們開始吧！
1.在表單設計中利用強烈的色彩對比
當網路訪問者登陸您的網站時，他們通常會尋找最快，最簡單的方法來實現目標，無論是獲取更多信息還是進行購買。 增加表單轉換的一種方法是使所有訪客都易於查看錶單設計和布局。
WordPress網站上的一個常見錯誤是使用白色表單背景和薄灰色框作為表單欄位設置默認的網站表單設計。
可以考慮創建一個表單設計，該表單設計在表單背景，表單標籤和白色表單域之間具有強烈的顏色對比。 為表單選擇顏色時，請遵循 WCAG色彩對比指南 對比度至少為4：5：1。 這可以幫助任何有殘障或視覺障礙的訪問者清楚地將表單欄位與網頁的背景色區分開。
您可以參考重力形式 開發人員可訪問性指南 作為一種資源。 本指南確實包含您需要了解的有關輔助功能和重力形式的所有信息，包括有關顏色對比度和顏色使用的整個部分。
如果您使用免費的Contact Form 7插件，則「可訪問默認值」擴展可以幫助您在所有表單上實施可訪問性最佳做法。
2.減少可選欄位的數量
較長的網站表單會阻止轉換，因為它們通常需要較長的時間來填寫。 當訪客遇到表格時，他們正在下意識地計算填寫表格所付出的努力是否值得他們獲得的好處。
通常，請儘可能減少欄位數。 如果您需要包括一些可選的表單欄位，請明確標記必填欄位和可選欄位，以減少提交表單時的用戶錯誤。
在付費Gravity Form插件中，默認情況下表單欄位是可選的，並且您可以在WordPress儀錶板中編輯表單時取消選中「 Required」選項。
對於免費的Contact Form 7插件，在表單欄位HTML中添加星號是根據需要標識文本欄位的最佳方法。
對於長的Web表單，Web訪問者還必須考慮是否要共享所有這些個人信息。 考慮在網路表單上添加指向您的隱私權政策的鏈接，然後按照 GDPR最佳做法 保護數據，以建立與潛在客戶的信任。
3.考慮多步/多頁表單
如果您需要在網站上使用長表格來進行深入的註冊過程或申請，請考慮將其轉換為多步驟或多頁面的表格。
通過將一個漫長的過程分成幾個小步驟，可以減少工作量，並鼓勵更多的Web訪問者開始該過程。 對於多頁表單，在每個頁面上的表單下方設置一個進度條會很有幫助，這會在填寫表單時指示訪問者在流程中的位置。
如果您使用付費的Gravity Forms插件，則可以利用內置的插件選項來創建多頁表單，並按頁面對錶單欄位進行分組。 在為「開始分頁」，「分頁符」和「結束分頁」添加欄位時使用核心選項來創建自己的多步表單。
Contact Form 7還提供付費插件擴展，使您可以在網站上添加多步驟表單過程。 Multi-Step pro使您可以將長表格分解為逐步的過程。
設置表單的不同頁面時，請考慮 用戶體驗 當有人通過表格。 首先要求提供基本信息，然後嘗試將相似的數據分組在一起。 這樣可以減少工作量並創建到表單的順暢流程。
與往常一樣，請非常小心地通過簡單的網站表單請求任何機密信息，例如健康信息或財務數據。
4.自動格式化表單條目中的數據
某些表單欄位可能需要特定的格式，例如電話號碼，日期和信用卡號。 通過自動設置表單欄位條目的格式，可以加快Web訪問者的流程，使他們更快地轉換。
在重力形式中，設置電話欄位時，可以選擇美國或國際電話號碼格式樣式。
如果您不想將訪問者限制為特定的電話格式，則也可以考慮提供數據輸入示例作為表單欄位的佔位符文本。 這可以幫助訪問者快速確定日期或地址的正確格式。 在聯繫表7中，您可以在佔位符中添加一個佔位符水印。 數字欄位的HTML代碼 去做這個。
但是，請避免使用佔位符文本代替表單欄位標籤。 這很重要 網路可訪問性實踐 因為當您單擊該欄位時，佔位符文本會消失，並且某些訪問者可能需要標籤作為參考。 人們在網路上瀏覽時也會執行多項任務，因此鑒於他們的注意力可能分散，因此您需要使步驟儘可能清晰。
所有這些步驟將幫助網路訪問者在首次提交時正確填寫表單。 如果大多數人不斷遇到提交錯誤，他們將不會嘗試多次提交表單。
5.避免誤導號召性用語
誤導性號召性用語可能會損害轉化。 請記住，網路訪問者正在下意識地評估他們從通過網站表單提供信息中將獲得什麼好處。
一個 呼籲採取行動 或CTA是您網站上的消息，提示某人立即採取行動。 一些常見的CTA示例是「請求演示」，「獲得免費諮詢」或「添加到購物車」。
在減少表單上的欄位與請求足夠的信息以滿足客戶的要求之間有一個平衡。 如果您承諾提供計算或估計，客戶將期望您以表格的形式請求足夠的信息，以便立即提供該請求。 如果所有這些欄位均缺失，則Web訪問者可能會認為該表格具有誤導性，他們將收到銷售人員的電話，而不是進行計算。
除了表單消息傳遞外，請查看 謝謝頁面 或訪客在提交表單後看到的確認消息。 消息傳遞應通過確認其表單提交已被處理來提供積極的用戶體驗。
為每種表單設置特定的「謝謝」或「確認」頁面也可以幫助進行分析中的轉化跟蹤。
使用重力表單，您可以在創建表單時在設置>確認下定義「重定向URL」。
對於聯繫表7，免費提供的聯繫表7附加重定向功能添加了一個選項，用於在用戶成功提交聯繫表後重定向用戶。
WordPress表單轉換工具
從顏色對比到欄位輸入格式，您可以增加WordPress網站上的表單轉換次數。 通過利用不同的WordPress工具並遵循UX設計最佳實踐，您可以增加訪問者嘗試在您的網站上提交表單的幾率。