如何使用日期選擇器創建WordPress表單


當人們在您的網站上填寫表格時,您是否需要挑選日期?

也許您想知道打電話給他們的好時機,或者您想收集諸如出生日期等信息。這就是日期選擇器字段可以提供幫助的地方。

在本文中,我們將向您展示如何使用日期選擇器創建WordPress表單。

將日期選擇器添加到WordPress表單

使用日期選擇器創建WordPress表單

在本教程中,我們將使用WPForms。 它是目前最好的聯繫表單插件之一,您可以將其用於各種不同的表單。

您需要在站點上安裝並激活WPForms插件。 如果您不確定如何執行此操作,請查看有關如何安裝WordPress插件的分步指南。

激活插件後,轉到 WPForms»添加新 在您的WordPress儀表板中。

使用WPForms創建一個新表單

WPForms構建器將出現。 首先,為您的表單輸入名稱。 然後,將鼠標光標懸停在模板上,然後單擊按鈕將其選中。 我們將使用簡單聯繫表單模板。

選擇“簡單聯繫表單”模板以開始構建表單

WPForms將使用該模板自動為您創建一個表單。 這是默認的簡單聯繫表格。

WPForms創建的默認聯繫表

現在,您可以按自己喜歡的任何方式編輯表單。

讓我們添加日期選擇器字段。

在表單構建器中,您將在右欄中看到可以添加到表單中的所有字段。 向下滾動到“花式字段”部分,您將看到“日期/時間”字段。

花式字段部分下的日期/時間字段

將字段拖放到表單上所需的位置。 我們將其放置在表單上“電子郵件”字段的正下方。

日期/時間字段添加到窗體

接下來,單擊該字段以對其進行編輯。 這將在屏幕左側彈出“字段選項”標籤。

您可以更改字段的標籤,默認為“日期/時間”。 我們將在字段中使用“首選通話時間”。

您還可以使用格式下拉菜單更改字段的格式。 例如,您可能只想使用日期而不使用時間,例如用於出生日期字段。

如果要將此項設置為必填字段,也可以選中“必需”框。 這意味著用戶必須先選擇日期和時間,然後才能提交表單。

編輯日期/時間字段以更改選項

您也可以添加要使用的任何其他新字段。 只需點擊“添加字段”標籤,然後將該字段拖放到您的字段上即可。 要編輯一個字段,只需單擊它。

為日期選擇器設置高級選項

默認情況下,表單上的日期選擇器將是日曆,旁邊是時間下拉菜單。 用戶只需單擊一天即可選擇該日期。

默認日期選擇器(日曆樣式)

時間下拉菜單默認為12小時制,間隔30分鐘,如下所示:

默認時間選擇器(間隔30分鐘的下拉列表)

您可能想要更改日期選擇器的工作方式。 在WPForms中很容易做到。 在“字段選項”選項卡中,向下滾動到“高級選項”。

接下來,單擊箭頭以打開該部分。

查看和更改日期/時間字段的高級選項

在這裡,您可以進行很多更改。 例如,您可能要更改日期格式。 默認值為mm / dd / yyyy。

從日期選項下拉菜單中選擇日期格式

如果願意,還可以從日期選擇器切換到日期下拉列表。 在這種情況下,用戶從下拉框中選擇月,日和年,如下所示:

表單中正在使用的“日期下拉”字段

您還可以更改時間選擇器。 默認為12小時制,但您可以根據需要將其切換為24小時制。 您也可以將間隔更改為15分鐘或1小時,而不是30分鐘。

更改日期選擇器的時間間隔

對錶單滿意後,可以單擊右上角的“保存”按鈕將其保存。

您可能還需要設置表格,以便填寫表格的人獲得他們提交的詳細信息的副本。

例如,如果他們正在與您安排通話,這可能會有所幫助。 他們將收到他們預訂的通話時間的電子郵件記錄。

您可以按照我們的教程中有關創建具有多個收件人的聯繫表單的說明進行操作。

將您的表格添加到您的網站

您可以將表單添加到站點上的現有頁面(或發布),也可以創建一個新頁面。 要創建新頁面,請轉到 頁»添加新 在您的WordPress儀表板中。

然後,您需要在頁面上添加一個新塊。 單擊(+)添加塊,然後選擇WPForms塊。 您可以在“小部件”部分找到它,也可以使用搜索欄搜索它。

將WPForms塊添加到您的頁面或帖子中

接下來,您需要從WPForms下拉列表中選擇表單,如下所示:

從WPForms下拉列表中選擇正確的表單

這就是您需要做的。 現在,您可以發布頁面,並且表單將在您的網站上顯示。 它看起來應該像這樣:

完成的日期選擇器表單可在網站上實時顯示

注意: 表單的樣式將取決於您使用的WordPress主題。

使用WPForms創建的所有表單都是易於移動的,並且可以在任何移動設備上使用。 WPForms日期選擇器工具還適合移動設備使用,並且適用於所有屏幕尺寸。

WordPress表單中日期選擇器的移動預覽

測試您的表單以確保其按預期工作總是一個好主意。 如果您沒有收到電子郵件,但是您確定通知設置正確,那麼有關如何修復WordPress不發送電子郵件問題的文章應該會有所幫助。

您可以通過以下方式更改表單 WPForms»所有表格。 然後,只需單擊表單標題或標題下方的“編輯”鏈接即可對其進行編輯。

編輯您已經在WPForms中創建的表單

保存表單後,它將自動在您的網站上更新。

我們希望本文能幫助您學習如何使用日期選擇器創建WordPress表單。 您可能還想看看我們有關如何在WordPress中阻止聯繫表單垃圾郵件以及如何在WordPress中跟踪和減少表單廢棄的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。