使用新的 Forminator 預設和雲端範本立即建立表單

已發表: 2024-06-28

如果您通常花 30 分鐘或更長時間在 WordPress 網站上建立表單,您一定會喜歡 Forminator 令人興奮的新功能…預設和雲端範本! 哦,我們是否還提到您現在也可以輕鬆地將星級評級添加到您的表單中?

使用 Forminator 的預設和雲端範本節省建立表單的時間。

現在,Forminator 讓您只需點擊幾下即可輕鬆建立適合各種目的的專業表單。

只需從範本庫中選擇您想要建立的表單類型,根據您的需求進行自訂,將短程式碼複製並貼上到您想要顯示表單的位置,然後瞧 - 任務就完成了…下一步!

在這個簡短實用的教學中,我們將介紹以下內容:

  • Forminator 的預設與雲端模板
    • 範本庫
    • 如何使用範本建立表單
    • 儲存自己的模板

我們也將探討:

  • Forminator 的其他新功能
    • 評級字段
    • 選擇欄位 – 新的多選樣式

讓我們直接跳進去…

Forminator 的預設與雲端模板

從 Forminator v. 1.32 開始,您可以使用 27 個預先設計的範本輕鬆建立用於不同目的的表單(更多範本即將推出!)

您還可以建立自訂表單模板,將其儲存到雲端,並在您透過 Hub 管理的任何網站上重複使用這些模板。

範本庫

若要存取 Forminator 的模板,請按一下外掛程式選單中的新模板子選單。

Forminator - 範本選單。
Forminator 有新的模板子選單。

這將帶您進入模板部分,您可以在其中預覽所有模板,使用任何選定的模板建立新表單,以及建立、儲存和管理您自己的自訂雲端模板。

Forminator 範本庫
在範本部分瀏覽 Forminator 的所有預設範本。

除了檢視和選擇範本之外,您還可以使用該部分的標籤、搜尋和篩選功能來快速找到表單範本並加快表單建立過程。

模板部分分為兩個主要部分:

  • 預設範本:在這裡,您將找到由 WPMU DEV 的 Forminator 團隊創建的組織良好的預先設計模板集合。 您可以透過點擊任何類別名稱來篩選範本或瀏覽整個範圍。 此外,智慧搜尋欄位可讓您快速找到模板。
  • 雲端範本:在此部分中,您將找到您從連結到您的中心的所有網站的表單中建立的所有自訂範本。 這些範本可用於在同一網站或連接到您的 Hub 的任何其他網站上建立表單。
Forminator 範本部分 - 導航和搜尋功能。
使用標籤、搜尋和過濾功能來選擇範本並加快表單建立速度。

Forminator 免費版和 Forminator Pro 外掛版皆包含以下基本範本:

  • 空白– 使用此範本從頭開始建立表單,無需任何預設欄位。
  • 聯絡表– 使用此範本收集使用者信息,例如姓名、電子郵件、主題和訊息。
  • 報價請求– 客戶可以使用使用此範本建立的表單來要求產品或服務的報價。
  • 電子報註冊– 使用者可以使用使用此範本建立的表單來訂閱電子報。
  • 註冊– 使用此多功能範本建立適合活動、服務或網站的註冊表。
  • 登入– 使用此範本為傳回的使用者建立一個典型的登入表單,其中包含使用者名稱或電子郵件和密碼字段,以及用於帳戶恢復或註冊的連結。
  • 建立貼文– 使用此範本可以輕鬆建立為使用者產生的內容提交量身定制的前端表單,其中包含標題、內容和附件欄位。

除了上面列出的基本模板外, Forminator Pro還包含許多其他有用的預設模板,例如:

  • 活動報名模板
  • 客戶回饋表
  • 預約表格
  • 小型企業訂單
  • 職位申請表
  • 志工報名表
  • 課程報名表
  • 房地產查詢表
  • 病史表
  • 餐廳預訂表
  • 捐款表格
  • 旅行預訂表
  • 退貨授權 (RMA) 表格
  • 客戶投訴表
  • 課程評估表
  • 回覆表格
  • 會議登記表
  • 事件回饋表
  • 家庭服務申請表
  • 健身班報名表

如何使用範本建立表單

如前所述,使用範本透過 Forminator 建立表單非常簡單、輕鬆且快速。

對於此範例,我們建立一個報價請求表單。

前往 Forminator 的範本部分並在預設範本標籤中找到報價請求範本。

Forminator - 範本 - 反白報價請求範本。
讓我們使用 Forminator 的範本建立一個報價請求表。

將滑鼠懸停在模板項目上會顯示預覽模板或使用模板建立表單的選項。

將滑鼠懸停在模板上預覽或建立表單。

如果您選擇預覽模板,全尺寸預覽將加載到您的網頁瀏覽器上,讓您可以準確地看到表單的外觀。

報價請求模板預覽。
以下是我們的報價請求表單的預覽。

點擊“建立表單”按鈕來建立您的表單。

報價請求範本 - 建立表單按鈕反白顯示。
點擊“建立表單”按鈕來建立和編輯表單。

這會將範本載入到 Forminator 的編輯表單畫面。

從這裡,您可以像建立任何其他表單一樣簡單地自訂範本的欄位、外觀、行為等。

此外,如果您安裝了 Forminator Pro,您可以輕鬆地將報價請求表單(以及與此相關的所有其他表單)與 Forminator 的 PDF 外掛程式以及該外掛程式的所有其他外掛程式和服務整合。

Forminator 編輯表單畫面已載入報價請求範本。
編輯您的範本或使用預設範本來建立新表單…簡單!

如果您需要編輯、自訂或發布表單方面的協助,請查看這些精彩的 Forminator 教學課程:

  • 使用 Forminator 建立完美的聯絡表
  • 如何充分利用 Forminator

完成表單編輯後,將其另存為草稿或發布以產生表單的短代碼。

免費電子書
您通往獲利的網路開發業務的分步路線圖。 從吸引更多客戶到瘋狂擴張。

下載此電子書即表示我同意偶爾接收 WPMU DEV 的電子郵件。
我們將您的電子郵件 100% 保密,不會發送垃圾郵件。

免費電子書
順利規劃、建立並啟動您的下一個 WP 網站。 我們的清單使過程變得簡單且可重複。

下載此電子書即表示我同意偶爾接收 WPMU DEV 的電子郵件。
我們將您的電子郵件 100% 保密,不會發送垃圾郵件。

Forminator 表單簡碼。
您的表單現已準備好發布!

建立表單後,它將與您為該網站建立的所有其他表單一起列在您的 Forminator 表單部分。 前往此處編輯表單、查看統計資料和提交內容等。

Forminator 表格儀表板
在 Forminator 的儀表板中管理您的新表單。

注意:您也可以透過點擊 Forminator 的「表單」功能表或外掛程式主儀表板中的「+建立」按鈕來存取範本庫。

Forminator - 建立新表單按鈕
點擊+建立按鈕是開啟 Forminator 範本的另一種快速方法。

這將彈出一個彈出模式,讓您可以輕鬆過濾、搜尋和選擇預設或雲端模板部分中可用的任何模板。

Forminator 的模板
從彈出模式中選擇目前或自訂範本來建立新表單。

有關使用模板的更多信息,請參閱 Forminator 模板文件部分。

儲存自己的模板

Forminator 不僅允許您從預設模板建立表單,還可以建立任何 Forminator 表單並將其儲存為自訂雲端模板,該模板可在您已連接到 Hub 的任何網站上使用。

若要將表單另存為雲端模板,只需點擊「編輯表單」畫面頂部的「儲存到雲端」按鈕即可。

Forminator - 儲存到雲端
點擊按鈕儲存您的模板。

您可以選擇將表單儲存為新範本或覆蓋現有範本。

若要將表單另存為新模板,請選擇「新模板」 ,為表單命名,然後按一下「儲存範本」按鈕。

儲存範本選項
將您的表單儲存為新範本或覆蓋現有範本。

您儲存的所有範本都將在「雲端範本」標籤下的 Forminator範本部分中列出。

Forminator - 模板部分 - 雲端模板
在雲端模板部分查看已儲存的範本。

在所有不同的託管 WordPress 網站中使用自訂範本建立表單是一個簡單的一鍵式選項,它可以作為從一個網站匯出表單並透過匯入/匯出功能將其匯入到另一個網站的替代方法。

雲端模板選項卡 - 自訂模板表單建立。
從跨不同網站儲存的自​​訂範本建立表單比使用匯入/匯出功能更容易。

有關此功能的更多信息,請參閱我們的文檔部分中的將表單另存為雲模板。

Forminator 的其他新功能

預設和雲端表單範本並不是 Forminator 唯一令人興奮的新功能。

讓我們看看從 1.32 版本開始,Forminator 中還有哪些新功能。

評級字段

現在您可以使用 Forminator 的新評級欄位為表單新增評級。

形成者評級字段
來認識 Forminator 的最新明星…評級領域!

這是允許用戶在您的網站上提交有關您的產品、服務、想法等的評論和回饋的好方法。

例如,以下是一個前端表單,您可以使用「建立貼文」範本添加到您的網站,並新增「評級」字段,該字段將允許網站所有者收集用戶生成的提交內容。

建立帶有新增評級欄位的貼文範本。
使用評級欄位收集您網站上的使用者評論。

「評級」欄位還在「設定」標籤下提供了大量自訂選項。

這包括指定評級值(從 0 到 50),以及調整圖示的樣式和大小,包括使用不同的圖示(星星、心形、拇指或微笑)、不同的圖示大小(小、中和大),以及是否在評級旁邊顯示後綴(例如3/5)。

Forminator 的評級欄位提供了許多自訂設定。

有關如何使用評級欄位並配置其設定的更多信息,請參閱評級欄位文件部分。

選擇欄位 – 新的多選樣式

我們也改進了 Forminator 的選擇欄位。

Forminator - 選擇字段
Forminator 的選擇欄位現已改進。

現在它支援現代多選樣式和標籤,使您可以為表單使用者提供更好的體驗。

Forminator 選擇欄位 - 多選樣式。
使用「選擇」欄位的「現代多重選擇」樣式選項改善使用者體驗。

透過現代風格設置,使用者可以輕鬆地將下拉式選單中的選定項目新增至表單中並作為標籤刪除。

選定的項目在表單中顯示為標籤。

有關如何使用多選欄位並配置其設定的更多信息,請參閱多選樣式文件部分。

使用 Forminator 建立更快的表單

所以你有它!

WPMU DEV 的一體化 WordPress 平台致力於協助代理商和 Web 開發人員發展業務。 我們不僅提供一鍵式網站範本來節省時間、提高產量並加快 WordPress 網站建立流程,而且我們現在還提供一鍵式表單範本來加快在所有 WordPress 上建立各種表單的流程網站。

如果您的網站上安裝了 Forminator,請嘗試新的預設和雲端模板(並且不要忘記嘗試新的評級欄位和選擇欄位中的多選樣式)。

如果您是 WPMU DEV 會員,Forminator Pro 提供了更多範本(更多範本即將推出!)

您是否嘗試過使用 Forminator 的新預設和雲端模板功能? 在下面的評論中分享您的想法和經驗。