如何建立您自己的自訂表單模板

已發表: 2024-03-14

WPForms 提供超過 1,700 個預製表單範本供您使用。 但很多時候,您仍然需要自訂模板以使其可用於您的網站。

如果您發現自己必須一遍又一遍地進行相同的自訂,那麼建立自己的自訂表單範本可能是個好主意。 您的所有個人化詳細資訊都已包含在內,從而節省您建立新表單的時間。

幸運的是,WPForms 允許您將任何表單轉換為可以根據需要經常重複使用的範本。 在本教程中,我將向您展示它是如何工作的!

立即建立您的自訂表單模板

在本文中

  • 第 1 步:從現有表單建立新模板
  • 步驟 2:自訂您的新表單模板
  • 步驟 3: 使用您的自訂表單模板
  • 自訂表單範本常見問題解答

如何建立您自己的自訂表單範本(3 個步驟)

WPForms 可以非常輕鬆地個人化表單範本並將其保存在表單產生器中以供將來使用。 以下是如何開始。

第 1 步:從現有表單建立新模板

首先,您需要一個表單作為範本的基礎。 這可以是 WPForms 的許多現有表單範本之一,也可以是您已經建立並儲存的表單。

您可能需要為多種不同類型的表單建立自訂模板,例如:

  • 同意書和棄權書:將您公司的條款和條件添加到您的範本中。
  • 聯絡表單:使用個人化範本快速建立多個聯絡表單,用於不同目的,以便在您的網站上使用。
  • 訂單表格:將您的產品新增至訂單表格範本中,然後使用它建立多個訂單表格。 例如,您可以使用相同的產品製作標準定價訂單和批發定價訂單。
  • 捐款表格:使用您組織的品牌和捐款選項建立模板,然後使用它為不同的募款活動建立線上表格。
  • 申請表:建立標準申請表模板,然後讓來自不同俱樂部或您贊助的其他組織的領導者為其特定群體建立自訂表格。

如果您想將表單翻譯成另一種語言,然後儲存並在您的網站上重複使用,自訂範本也很棒。

對於我的範例,我將使用帳單/訂單表單範本。

Selecting the Billing/Order Form template

在拖放表單產生器中開啟您想要作為範本基礎的表單。 然後點擊螢幕頂部的選單圖示以查看其他選項。 選擇另存為模板

Saving a form as a template in WPForms

然後,表單產生器將刷新,您將看到一個橙色模板徽章,表明您現在正在編輯模板。

Editing a custom template in WPForms

接下來,您將能夠對表單進行更改,以便在您的網站上重複使用它。

步驟 2:自訂您的新表單模板

您可以像使用 WPForms 編輯任何表單一樣配置新範本。 我將介紹一些您可能想要進行的更改範例,以建立適合您的功能範本。

首先,我想更改模板的名稱,因此我將單擊“設定”選項卡,然後在構建器頂部的欄位中輸入新名稱。

Changing the name of a custom form template in WPForms

返回“字段”選項卡,我將編輯表單字段。 由於我的範例是訂單表單,因此我將首先添加我自己的產品和價格來代替帳單/訂單表單範本中的產品和價格。

Editing the options in a Multiple Items field

我還將啟用圖像選擇,以便我的訂單包含產品圖像。

Adding image choices to a Multiple Items field

最後,我將在表單頂部添加一個內容字段,以便我可以添加徽標。 如果您想將品牌新增至可重複使用的表單中,自訂範本尤其方便。

Adding a header logo to a form using a Content field

現在我已完成表單編輯,我將點擊「設定」標籤。 在「常規」下,我將新增一個範本描述,儲存此範本後,該描述將在我網站的範本庫中可見。

Editing the template description for a custom template

我還將編輯電子郵件通知和確認訊息以包含品牌名稱。

Editing a custom template email notification

我正在創建的模板不包含任何行銷或付款集成,因此我將跳過這些並單擊“保存”以更新我的模板。

Saving a custom form template

第 3 步:使用您的自訂表單模板

儲存自訂 WPForms 範本後,您可以在庫中找到它和所有其他範本。 導航至WPForms » 表單模板,然後點擊我的模板以查看您的自訂模板。

Viewing custom form templates in WPForms

您可以在上面看到我的新訂單範本。 要使用它,我所需要做的就是點擊“建立表單”

Creating a form from a custom template

如果我決定要對其進行更多更改,您可以看到這裡還有一個用於編輯模板的按鈕。

一旦我的範本載入到表單產生器中,我就可以自訂和嵌入我的訂單表單,就像我使用 WPForms 範本庫中的任何範本一樣。

Editing a form made from a custom template

刪除自訂表單模板

如果您決定不再需要您建立的自訂模板,您可以透過前往WPForms » 表單模板 » 我的模板,然後點擊要刪除的模板的垃圾桶圖標,將其從您的網站中刪除。

Deleting a custom template in WPForms

這只會刪除模板本身,而不會刪除您發布的使用此模板的任何表單。

自訂表單範本常見問題解答

對 WPForms 中的自訂表單範本有疑問嗎? 以下是一些熱門答案。

我可以在其他網站上使用我的自訂表單範本嗎?

您的自訂表單範本僅在您建立它的網站上可用。 每個網站的「我的模板」部分都是獨一無二的。

但是,您可以匯出表單模板,然後將其上傳到另一個網站並將其另存為模板。

Exporting a form template

請查看我們有關此流程的文檔,以了解詳細的逐步說明。

接下來,自訂您的電子郵件通知

如您所看到的,在 WPForms 中製作自訂表單範本非常簡單! 只需點擊幾下即可開始。

立即建立您的自訂表單模板

自訂表單的另一種方法是使用電子郵件範本來設定通知的樣式。 查看如何在 WPForms 中設定電子郵件通知的樣式,以了解如何新增標題圖像、變更配色方案等。

準備好從上到下自訂您的 Web 表單了嗎? 立即開始使用最簡單的 WordPress 表單產生器外掛。 WPForms Pro 包含大量免費模板,並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們,以獲取更多免費的 WordPress 教學和指南。