態(tài)

鑰匙要點(diǎn)

可以使用基本的PHP和HTML形式知識(shí)從頭開(kāi)始創(chuàng)建WordPress中的自定義多頁(yè)面。這些表格使用郵政方法將信息從表單中傳遞給自身，以及if php中的語(yǔ)句以顯示表單的下一部分。
• >多頁(yè)表格對(duì)於分階段收集信息很有用，可以根據(jù)用戶(hù)響應(yīng)進(jìn)行條件或動(dòng)態(tài)生成。這可以有助於減少遺棄形式並收集有關(guān)用戶(hù)行為的關(guān)鍵數(shù)據(jù)。
• 創(chuàng)建多頁(yè)面表單的過(guò)程涉及設(shè)置快捷代碼，為表單創(chuàng)建新帖子或頁(yè)面以及創(chuàng)建表單元素。表單數(shù)據(jù)可以存儲(chǔ)在數(shù)據(jù)庫(kù)表中，並顯示在表單的下一頁(yè)。

您是否曾經(jīng)發(fā)現(xiàn)自己需要在WordPress中創(chuàng)建自定義，多頁(yè)的表單？我一直在……一直！雖然您可以使用各種插件來(lái)完成工作，但它們很少適合您的目的。我發(fā)現(xiàn)，對(duì)我來(lái)說(shuō)，最簡(jiǎn)單的方法是使一切正確（從表格到數(shù)據(jù)再到報(bào)告）就是簡(jiǎn)單地從頭開(kāi)始創(chuàng)建這些內(nèi)容。 在這一系列文章中，我將引導(dǎo)您完成從頭開(kāi)始創(chuàng)建多個(gè)頁(yè)面表單的過(guò)程。信不信由你，如果您了解一些基本的PHP並了解您的HTML表格基礎(chǔ)知識(shí)，那就相當(dāng)簡(jiǎn)單了。 （如果您是PHP退伍軍人或有興趣成為一名的人，則應(yīng)前往我們的PHP合作夥伴網(wǎng)站PHPMaster.com） 我們將使用POST方法將信息從表單中傳遞給自身，以及如果PHP中的語(yǔ)句以顯示表單的下一部分。當(dāng)用戶(hù)提交表單數(shù)據(jù)時(shí)，該頁(yè)面將使用表格的下一頁(yè)進(jìn)行更新，並在其上存儲(chǔ)提交的信息。 結(jié)果是用戶(hù)留在同一頁(yè)面上，您可以根據(jù)其答案有條件地（甚至動(dòng)態(tài)地）生成表格的下一頁(yè)?；蛘?，為簡(jiǎn)單起見(jiàn)，您可以將表單字段保持靜態(tài)。

為什麼要多頁(yè)面？

> 您可能需要多頁(yè)表格有很多原因。在某些情況下，您可能不希望每頁(yè)超過(guò)3-5個(gè)問(wèn)題。在其他情況下，您可能只想根據(jù)其初始響應(yīng)收集其他信息。例如，如果用戶(hù)表示他們的18歲以下，則您可能不想提出某些問(wèn)題，或者您可能想根據(jù)男性或女性受訪者顯示不同的表格。 此外，多頁(yè)表格使您可以分階段收集信息。如果用戶(hù)出於任何原因放棄問(wèn)卷，您至少收集了一些可能有用的信息。形式放棄很常見(jiàn)，多頁(yè)表單收集為您提供關(guān)鍵的數(shù)據(jù)，例如最經(jīng)常放棄表單的基本聯(lián)繫信息以進(jìn)行後續(xù)信息，等等。

案例研究

出於計(jì)劃目的，我將收集有關(guān)用戶(hù)及其購(gòu)物偏好的基本信息。因此，這就是我們的形式的進(jìn)展方式：

• 第1頁(yè) - 基本聯(lián)繫信息
  • >名稱(chēng)（第一個(gè)和最後），
  >
  • >電子郵件，
  • >電話，
  • >郵政編碼
• 第2頁(yè) - 社會(huì)經(jīng)濟(jì)數(shù)據(jù)
  性別
  年齡
  教育
  收入
第3頁(yè) - 購(gòu)物偏好
• 位置（在線，商店）
  >最喜歡的類(lèi)別
第4頁(yè) - “謝謝！”著陸頁(yè)

我將在我們的functions.php文件中進(jìn)行設(shè)置，這是可以進(jìn)行測(cè)試的，但是當(dāng)您準(zhǔn)備在網(wǎng)站上進(jìn)行實(shí)時(shí)時(shí)，應(yīng)該考慮將其製作為插件 或在Minumum上，將此代碼與您的functions.php文件分開(kāi)，並使用include_once語(yǔ)句鏈接functions.php doc中的文件。 我對(duì)此方法的理由的一部分是避免必須深入FTP和其他不太相關(guān)的方法在WordPress中創(chuàng)建自定義功能。因此，對(duì)於您的退伍軍人來(lái)說(shuō)，只需忍受我的理想方法。

>步驟1：設(shè)置一個(gè)快捷代碼

這是可選的，但肯定會(huì)讓我更容易使用短代碼顯示這些多頁(yè)面的表單。因此，這就是我要教的方法，如果您願(yuàn)意，您可以實(shí)施自己的方法。 在您的functions.php文件中，添加以下內(nèi)容： [sourcecode語(yǔ)言=“ php”] add_shortCode（'puperage_form_sc’，'puperage_form'）; 功能pupere page_form（）{ 迴聲'

新表格

’; }; [/原始碼] 這使WordPress知道您可以將快捷代碼pupere_form_sc 放入帖子或頁(yè)面中，並且在找到快捷代碼時(shí)，WordPress應(yīng)執(zhí)行函數(shù)Prueptage_form。因?yàn)槲医?jīng)常有幾個(gè)多頁(yè)表格，我將用於給定的站點(diǎn)，所以我給出這些唯一名稱(chēng)，例如pultipage_form_userinfo_sc及其相應(yīng)的函數(shù)publipage_form_userinfo。

>步驟2：設(shè)置帖子或頁(yè)面

> 創(chuàng)建想要在其多頁(yè)上存在的新帖子或頁(yè)面。將快捷代碼插入表單，發(fā)布並查看頁(yè)面。您應(yīng)該看到我們?cè)趐ultipage_form（）函數(shù)中創(chuàng)建的“新表單”消息。 這是您的帖子/頁(yè)面編輯器中您的短碼應(yīng)該是什麼樣子：

[multipage_form_sc]

>步驟3：第一個(gè)形式元素

讓我們跳入創(chuàng)建第一個(gè)形式元素。為了專(zhuān)注於多頁(yè)形式的概念，我將保持這種簡(jiǎn)單的簡(jiǎn)單，而不是CSS或其他可以深入研究的眼神。 因此，這是我們的基本信息，您可以粘貼到您的pultepage_form（）函數(shù)： [sourcecode語(yǔ)言=“ php”] add_shortCode（'puperage_form_sc’，'puperage_form'）; 功能pupere page_form（）{ 全球$ WPDB; $ the_page = $ _server ['request_uri’]; $ page = $ _post ['page']; 如果（$ page == null）{ 迴聲'

名字： 姓氏： 電子郵件： 電話： 郵政編碼：

’; } //表格的結(jié)束第1頁(yè) elseif（$ page == 1）{ $ first_name = $ _post ['first_name’]; $ last_name = $ _post ['last_name’]; $ email = $ _post [’電子郵件’]; $ phone = $ _ post ['phone']; $ zip_code = $ _post ['zip_code’]; 迴聲'

您到達(dá)第二頁(yè)！

這是您的表格輸入：

名字：‘。 $ first_name。 ‘

姓氏：‘。 $ last_name。 ‘

電子郵件：‘。 $電子郵件。 ‘

電話：‘。 $電話。 ‘

郵政編碼：’。 $ zip_code。 ‘

’; } //表格第2頁(yè) }; [/原始碼] 那是一個(gè)lot 代碼，讓我們點(diǎn)亮亮點(diǎn)。 首先，我們有我們要尋找的初始帖子語(yǔ)句 - $ this_page是我們目前正在使用的表單處理的頁(yè)面，而$頁(yè)面是頁(yè)碼。我正在為第一頁(yè)使用“ 1”，第二頁(yè)的“ 2”等。一旦我們存儲(chǔ)了此信息，我們將完成頁(yè)碼的記錄。我們還將使用頁(yè)碼來(lái)測(cè)試我們所使用的表單的哪個(gè)頁(yè)面並相應(yīng)地顯示信息。 接下來(lái)，我們將有第一個(gè)IF語(yǔ)句測(cè)試我們所使用的頁(yè)碼。如果是空白（null），我們將顯示表格的第一頁(yè)。這就是我們擁有基本形式元素的地方 - 標(biāo)籤和輸入。我包括了頁(yè)碼的隱藏表單值，但是您還可以添加各種額外的隱藏表單字段來(lái)收集用戶(hù)名（如果登錄）以及您可能想要的其他信息。 之後，我們提供了以ERSEIF語(yǔ)句開(kāi)頭的兩個(gè)信息。我們將繼續(xù)沿著Elseif語(yǔ)句的這一路徑進(jìn)行表單處理和顯示。如果您有很多頁(yè)面，則可以使用Switch語(yǔ)句，但是在這種情況下，IF格式對(duì)我們來(lái)說(shuō)很好。 在第二頁(yè)上，我們獲取表單輸入並顯示它們以進(jìn)行測(cè)試。在下一篇文章中，我們實(shí)際上將將此信息存儲(chǔ)在數(shù)據(jù)庫(kù)表中，並顯示表單的下一頁(yè)。

嘗試一下

在上面的代碼中保存您的function.php文件（不要錯(cuò)過(guò)任何東西；單個(gè)放錯(cuò)位置的半顏色或支架會(huì)崩潰您的網(wǎng)站?。┺D(zhuǎn)到您在步驟2中創(chuàng)建的帖子或頁(yè)面，填寫(xiě)頁(yè)面之一。 ，然後單擊“提交”按鈕。瞧！

接下來(lái)！

在本系列的下一部分中，我們將跳入PhpMyAdmin並在數(shù)據(jù)庫(kù)中創(chuàng)建一個(gè)表，以開(kāi)始存儲(chǔ)我們收集的所有精彩信息。不用擔(dān)心，如果您是那個(gè)方面的新手，我會(huì)保持基礎(chǔ)，甚至?xí)槟帉?xiě)MySQL腳本。 您是否知道我們有一個(gè)專(zhuān)門(mén)用於PHP精通的網(wǎng)站？在phpmaster.com上查看我們的合作夥伴網(wǎng)站。

>在WordPress中設(shè)計(jì)多頁(yè)形式的經(jīng)常詢(xún)問(wèn)的問(wèn)題

>在WordPress中使用多頁(yè)面的形式？它們通過(guò)將長(zhǎng)形式分解為可管理的部分，減少恐嚇因素並使用戶(hù)更容易完成，從而有助於改善用戶(hù)體驗(yàn)。隨著用戶(hù)更有可能填寫(xiě)較短的形式，它們還有助於提高轉(zhuǎn)化率。此外，多頁(yè)表格允許更好地?cái)?shù)據(jù)管理和分析，因?yàn)槟梢愿鶕?jù)形式的不同部分進(jìn)行細(xì)分和分析數(shù)據(jù)。

。

>我可以在不編碼知識(shí)的情況下創(chuàng)建一個(gè)多頁(yè)面的形式嗎？有幾個(gè)可用的插件，例如WPForms和Multi-Step Form，它們提供了一個(gè)用於創(chuàng)建多頁(yè)面表單的用戶(hù)友好界面。這些插件提供拖放式形式的構(gòu)建器，使任何人都可以輕鬆創(chuàng)建複雜的表單。

如何自定義我的多頁(yè)面的設(shè)計(jì)？提供自定義選項(xiàng)，使您可以更改表格的設(shè)計(jì)。您可以自定義配色方案，字體樣式，按鈕設(shè)計(jì)等。一些插件還通過(guò)CSS為經(jīng)驗(yàn)豐富的用戶(hù)提供高級(jí)自定義選項(xiàng)。

我可以將條件邏輯添加到我的多頁(yè)面form嗎？

是的，是的，許多WordPress表單插件支持條件邏輯。這使您可以創(chuàng)建基於用戶(hù)輸入更改的動(dòng)態(tài)表單。例如，您可以根據(jù)用戶(hù)提供的答案顯示或隱藏某些字段或頁(yè)面。

>

>如何跟蹤我的多頁(yè)面表單的性能？使用各種分析工具的多頁(yè)表格的性能。大多數(shù)表單插件都與Google Analytics（分析）集成在一起，使您可以跟蹤表單視圖，提交率和轉(zhuǎn)換率。一些插件還提供內(nèi)置的分析功能。

>我可以在我的多頁(yè)面上保存用戶(hù)進(jìn)度嗎？

是的，有些WordPress表單插件提供了節(jié)省用戶(hù)進(jìn)度的能力。這使用戶(hù)可以節(jié)省其進(jìn)度並在以後繼續(xù)填寫(xiě)表格。此功能對(duì)於長(zhǎng)形式可能特別有用。

>如何防止在我的多頁(yè)面上提交垃圾郵件？

>有幾種方法可以防止在您的多頁(yè)面上提交垃圾郵件。大多數(shù)表單插件都提供內(nèi)置的垃圾郵件保護(hù)功能，例如驗(yàn)證碼和蜜罐字段。您還可以使用第三方反垃圾郵件插件來(lái)進(jìn)行附加保護(hù)。

>我可以將我的多頁(yè)面與其他工具和服務(wù)集成嗎？各種工具和服務(wù)。您可以將表格與電子郵件營(yíng)銷(xiāo)服務(wù)，CRM軟件，付款網(wǎng)關(guān)等集成在一起。這使您可以自動(dòng)化各種任務(wù)並簡(jiǎn)化您的工作流程。

>

>在發(fā)布之前，我該如何測(cè)試我的多頁(yè)面？

大多數(shù)表單插件都提供預(yù)覽功能，使您可以測(cè)試您的測(cè)試出版之前的形式。您可以像用戶(hù)一樣填寫(xiě)表格，以確保一切正常。最好在不同的設(shè)備和瀏覽器上測(cè)試您的表單以確保兼容性。 >

>我可以在WordPress中導(dǎo)出或?qū)胄问綌?shù)據(jù)嗎？您可以將表單提交出口到CSV文件中，以進(jìn)行進(jìn)一步的分析或從其他表格或來(lái)源導(dǎo)入數(shù)據(jù)。這對(duì)於遷移數(shù)據(jù)或創(chuàng)建表單數(shù)據(jù)的備份副本可能特別有用。

>

以上是設(shè)計(jì)WordPress中的多頁(yè)形式：簡(jiǎn)介的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！