態
鑰匙要點
可以使用基本的PHP和HTML形式知識從頭開始創建WordPress中的自定義多頁面。這些表格使用郵政方法將信息從表單中傳遞給自身,以及if php中的語句以顯示表單的下一部分。
- >多頁表格對於分階段收集信息很有用,可以根據用戶響應進行條件或動態生成。這可以有助於減少遺棄形式並收集有關用戶行為的關鍵數據。
- 創建多頁面表單的過程涉及設置快捷代碼,為表單創建新帖子或頁面以及創建表單元素。表單數據可以存儲在數據庫表中,並顯示在表單的下一頁。
您是否曾經發現自己需要在WordPress中創建自定義,多頁的表單?我一直在……一直!雖然您可以使用各種插件來完成工作,但它們很少適合您的目的。我發現,對我來說,最簡單的方法是使一切正確(從表格到數據再到報告)就是簡單地從頭開始創建這些內容。
在這一系列文章中,我將引導您完成從頭開始創建多個頁面表單的過程。信不信由你,如果您了解一些基本的PHP並了解您的HTML表格基礎知識,那就相當簡單了。 (如果您是PHP退伍軍人或有興趣成為一名的人,則應前往我們的PHP合作夥伴網站PHPMaster.com)
我們將使用POST方法將信息從表單中傳遞給自身,以及如果PHP中的語句以顯示表單的下一部分。當用戶提交表單數據時,該頁面將使用表格的下一頁進行更新,並在其上存儲提交的信息。
結果是用戶留在同一頁面上,您可以根據其答案有條件地(甚至動態地)生成表格的下一頁。或者,為簡單起見,您可以將表單字段保持靜態。
為什麼要多頁面?
>
您可能需要多頁表格有很多原因。在某些情況下,您可能不希望每頁超過3-5個問題。在其他情況下,您可能只想根據其初始響應收集其他信息。例如,如果用戶表示他們的18歲以下,則您可能不想提出某些問題,或者您可能想根據男性或女性受訪者顯示不同的表格。
此外,多頁表格使您可以分階段收集信息。如果用戶出於任何原因放棄問卷,您至少收集了一些可能有用的信息。形式放棄很常見,多頁表單收集為您提供關鍵的數據,例如最經常放棄表單的基本聯繫信息以進行後續信息,等等。
案例研究
出於計劃目的,我將收集有關用戶及其購物偏好的基本信息。因此,這就是我們的形式的進展方式:
- 第1頁 - 基本聯繫信息
- >名稱(第一個和最後),
>
- >電子郵件,
- >電話,
- >郵政編碼
- 第2頁 - 社會經濟數據
第3頁 - 購物偏好
-
第4頁 - “謝謝!”著陸頁-
我將在我們的functions.php文件中進行設置,這是可以進行測試的,但是當您準備在網站上進行實時時,應該考慮將其製作為插件
或在Minumum上,將此代碼與您的functions.php文件分開,並使用include_once語句鏈接functions.php doc中的文件。
我對此方法的理由的一部分是避免必須深入FTP和其他不太相關的方法在WordPress中創建自定義功能。因此,對於您的退伍軍人來說,只需忍受我的理想方法。
>步驟1:設置一個快捷代碼
這是可選的,但肯定會讓我更容易使用短代碼顯示這些多頁面的表單。因此,這就是我要教的方法,如果您願意,您可以實施自己的方法。
在您的functions.php文件中,添加以下內容:
[sourcecode語言=“ php”]
add_shortCode('puperage_form_sc’,'puperage_form');
功能pupere page_form(){
迴聲'
新表格
’;
};
[/原始碼]
這使WordPress知道您可以將快捷代碼
pupere_form_sc 放入帖子或頁面中,並且在找到快捷代碼時,WordPress應執行函數Prueptage_form。因為我經常有幾個多頁表格,我將用於給定的站點,所以我給出這些唯一名稱,例如pultipage_form_userinfo_sc及其相應的函數publipage_form_userinfo。
>步驟2:設置帖子或頁面
>
創建想要在其多頁上存在的新帖子或頁面。將快捷代碼插入表單,發布並查看頁面。您應該看到我們在pultipage_form()函數中創建的“新表單”消息。
這是您的帖子/頁面編輯器中您的短碼應該是什麼樣子:
>步驟3:第一個形式元素
讓我們跳入創建第一個形式元素。為了專注於多頁形式的概念,我將保持這種簡單的簡單,而不是CSS或其他可以深入研究的眼神。
因此,這是我們的基本信息,您可以粘貼到您的pultepage_form()函數:
[sourcecode語言=“ php”]
add_shortCode('puperage_form_sc’,'puperage_form');
功能pupere page_form(){
全球$ WPDB;
$ the_page = $ _server ['request_uri’];
$ page = $ _post ['page'];
如果($ page == null){
迴聲'
’;
} //表格的結束第1頁
elseif($ page == 1){
$ first_name = $ _post ['first_name’];
$ last_name = $ _post ['last_name’];
$ email = $ _post [’電子郵件’];
$ phone = $ _ post ['phone'];
$ zip_code = $ _post ['zip_code’];
迴聲'
您到達第二頁!
這是您的表格輸入:
名字:‘。 $ first_name。 ‘
姓氏:‘。 $ last_name。 ‘
電子郵件:‘。 $電子郵件。 ‘
電話:‘。 $電話。 ‘
郵政編碼:’。 $ zip_code。 ‘
’;
} //表格第2頁
};
[/原始碼]
那是一個
lot
代碼,讓我們點亮亮點。
首先,我們有我們要尋找的初始帖子語句 - $ this_page是我們目前正在使用的表單處理的頁面,而$頁面是頁碼。我正在為第一頁使用“ 1”,第二頁的“ 2”等。一旦我們存儲了此信息,我們將完成頁碼的記錄。我們還將使用頁碼來測試我們所使用的表單的哪個頁面並相應地顯示信息。
接下來,我們將有第一個IF語句測試我們所使用的頁碼。如果是空白(null),我們將顯示表格的第一頁。這就是我們擁有基本形式元素的地方 - 標籤和輸入。我包括了頁碼的隱藏表單值,但是您還可以添加各種額外的隱藏表單字段來收集用戶名(如果登錄)以及您可能想要的其他信息。
之後,我們提供了以ERSEIF語句開頭的兩個信息。我們將繼續沿著Elseif語句的這一路徑進行表單處理和顯示。如果您有很多頁面,則可以使用Switch語句,但是在這種情況下,IF格式對我們來說很好。
在第二頁上,我們獲取表單輸入並顯示它們以進行測試。在下一篇文章中,我們實際上將將此信息存儲在數據庫表中,並顯示表單的下一頁。
嘗試一下
在上面的代碼中保存您的function.php文件(不要錯過任何東西;單個放錯位置的半顏色或支架會崩潰您的網站!)轉到您在步驟2中創建的帖子或頁面,填寫頁面之一。 ,然後單擊“提交”按鈕。瞧!
接下來!
在本系列的下一部分中,我們將跳入PhpMyAdmin並在數據庫中創建一個表,以開始存儲我們收集的所有精彩信息。不用擔心,如果您是那個方面的新手,我會保持基礎,甚至會為您編寫MySQL腳本。
您是否知道我們有一個專門用於PHP精通的網站?在phpmaster.com上查看我們的合作夥伴網站。
>在WordPress中設計多頁形式的經常詢問的問題
>在WordPress中使用多頁面的形式?它們通過將長形式分解為可管理的部分,減少恐嚇因素並使用戶更容易完成,從而有助於改善用戶體驗。隨著用戶更有可能填寫較短的形式,它們還有助於提高轉化率。此外,多頁表格允許更好地數據管理和分析,因為您可以根據形式的不同部分進行細分和分析數據。
。
>我可以在不編碼知識的情況下創建一個多頁面的形式嗎?有幾個可用的插件,例如WPForms和Multi-Step Form,它們提供了一個用於創建多頁面表單的用戶友好界面。這些插件提供拖放式形式的構建器,使任何人都可以輕鬆創建複雜的表單。
如何自定義我的多頁面的設計?提供自定義選項,使您可以更改表格的設計。您可以自定義配色方案,字體樣式,按鈕設計等。一些插件還通過CSS為經驗豐富的用戶提供高級自定義選項。
我可以將條件邏輯添加到我的多頁面form嗎?
是的,是的,許多WordPress表單插件支持條件邏輯。這使您可以創建基於用戶輸入更改的動態表單。例如,您可以根據用戶提供的答案顯示或隱藏某些字段或頁面。
>
>如何跟踪我的多頁面表單的性能?使用各種分析工具的多頁表格的性能。大多數表單插件都與Google Analytics(分析)集成在一起,使您可以跟踪表單視圖,提交率和轉換率。一些插件還提供內置的分析功能。
>我可以在我的多頁面上保存用戶進度嗎?
是的,有些WordPress表單插件提供了節省用戶進度的能力。這使用戶可以節省其進度並在以後繼續填寫表格。此功能對於長形式可能特別有用。
>如何防止在我的多頁面上提交垃圾郵件?
>有幾種方法可以防止在您的多頁面上提交垃圾郵件。大多數表單插件都提供內置的垃圾郵件保護功能,例如驗證碼和蜜罐字段。您還可以使用第三方反垃圾郵件插件來進行附加保護。
>我可以將我的多頁面與其他工具和服務集成嗎?各種工具和服務。您可以將表格與電子郵件營銷服務,CRM軟件,付款網關等集成在一起。這使您可以自動化各種任務並簡化您的工作流程。
>
>在發布之前,我該如何測試我的多頁面?
大多數表單插件都提供預覽功能,使您可以測試您的測試出版之前的形式。您可以像用戶一樣填寫表格,以確保一切正常。最好在不同的設備和瀏覽器上測試您的表單以確保兼容性。 >>我可以在WordPress中導出或導入形式數據嗎?您可以將表單提交出口到CSV文件中,以進行進一步的分析或從其他表格或來源導入數據。這對於遷移數據或創建表單數據的備份副本可能特別有用。
>
以上是設計WordPress中的多頁形式:簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章!