如何在 WordPress 中顯示單行表單?

您想學習在 WordPress 中顯示單行表單的方法嗎?

您來對地方了,學習如何在一行中顯示您的表單。 通常,單行提供了各種選項來呈現您的表單。 瀏覽教程以獲取更多詳細信息。

在本教程中,我們已經提到了在 WordPress 中顯示單行表單的合理原因以及這樣做的步驟。 事不宜遲,讓我們開始吧:

為什麼顯示單行表格?

單行表格使表格放置更容易工作。 這允許您將表單添加到站點的高排名區域。 這僅包含一行,因此我們不必擔心空間。 此外,它們可以進入狹小的空間並輕鬆集成到您現有的內容中

它們主要用於顯示電子郵件信件。 除此之外,它還可以在登錄頁面、聯繫頁面以及其他重要頁面上有效地工作。 例如,在單行中顯示聯繫表單很有意義,也可以節省頁面空間。

在 WordPress 中顯示單行表單

為了這篇文章,我們將使用 工作表 顯示單行表格的插件。 它屬於最簡單的方法之一。 WPForms 是 WordPress 最好的潛在客戶生成插件之一。

該插件有精簡版和高級版,您可以根據需要升級插件。 這裡我們使用的是這個插件的精簡版。 讓我們走向步驟:

首先安裝並激活 WPForms 插件。 激活後,您將在管理儀錶板中找到新菜單 WPForms。 導航到 WPForms >> 添加新的。

redirect-page-1.png

在這裡,您需要選擇表單模板。 選擇「選擇加入表格」模板,然後單擊「使用模板」按鈕。

redirect-page-2-1024x566.png

將出現一個拖放表單構建器,您將在其中看到您的模板已經具有帶有提交按鈕的名稱和電子郵件欄位。

redirect-page-3-1024x508.png

您可以通過在左側列中進行更改來編輯每個欄位。 您也可以調整順序。

ZiJtHt7YvxnHN8Qp7xShsj1hM3wmsp6z7NiFApZdgQ6Bmavd6SCHs3qP-8C_qn9KUPeCsft1eUUFLP7I1sAL3fMP7pOxl6eKGmBFlO16D0nDwWJqVfGzYIV43R4oLIOKc8-Yz20I.png

完成自定義後,您可以顯示您的表單。 為此,請轉到設置>>常規,然後單擊「高級」選項卡。 現在,在「Form CSS Class」框中輸入「inline-fields」。

redirect-page-5-1024x486.png

您可以通過隱藏欄位標籤來縮小表單,只需導航到欄位>>高級並關閉「隱藏標籤」切換。

yvGSCnHk5NUe5pJGziiJSK6-vjF_5yOzmOuqbyqbhlvdI3jT9FY4wshNyZqMCX5Etg3Atput5uagl-YD66_GzRZjn9DMlTmxoBRXM9y4XtYoyeZoSiJAzlRX89iBF9CMmV0t-CaA.png

此外,在同一頁面上,您可以在「佔位符」框中輸入文本,通知用戶有關表單的信息。

您需要對所有表單欄位標籤重複相同的過程。 不要忘記點擊「保存」按鈕。

在 WordPress 網站中添加單行表單

為了向您的 WordPress 網站添加一行。 打開頁面並單擊「+」添加塊圖標。 搜索「WPForms」並將其添加到您的網站。

redirect-page-7.png

您之前創建的下拉框將出現在您必須選擇表單的位置。

redirect-page-8.png

單擊「發布」或「更新」按鈕。 訪問您的網站以檢查插件的工作情況。

包起來

我們希望本教程對您有所幫助。 最後,如果您喜歡閱讀本文,請訪問我們的另一篇文章「如何在 WordPress 中添加輪換推薦?」 有關 WordPress 中的推薦的詳細信息。

如何在 WordPress 中顯示單行表單? 首次出現在 WP HowToPress – 您的 WordPress 指南。

Total
0
Shares
相關文章