如何在 WordPress 網站中輕鬆建立預訂表格?

已發表: 2023-11-28

在 WordPress 網站上建立預訂表單通常需要複雜的步驟,這會讓網站所有者感到困惑。 但是,您的網站需要預訂表格,特別是如果您的業務與服務相關,因為您的客戶可以輕鬆選擇他們喜歡的服務。

在這篇文章中,我將向您展示如何使用 MetForm 在 WordPress 網站中快速、流暢地建立預訂表單,透過它您可以讓您的客戶進行各種預訂。

從安排線上約會和會議到預訂,MetForm 將允許您為所有這些類型的預訂建立預訂表格。

內容隱藏
1在您的網站上建立預訂表格的好處
2如何使用 MetForm 在 WordPress 網站中建立預約表單?
2.1第 1 步:安裝並啟動 MetForm
2.2步驟 2:為頁面新增標題並切換到 Elementor 視窗
2.3步驟 3:拖放 MetForm 小工具
2.4第 4 步:使用 Elementor 選擇新的預訂表單模板
2.5編輯與自訂 MetForm 預約表格模板
2.6更新並關閉視窗並發布頁面
2.7在頁面上即時查看預訂表格
3選擇預訂表格範本並將其插入頁面/貼文(替代)
3.1第 1 步:建立新的預訂表格
3.2步驟2:插入預訂表格模板
4輪到你了

在您的網站上建立預訂表單的好處

在您的網站上新增預訂表格可以簡化溝通過程。 客戶、合作夥伴和活動參與者可以輕鬆與您聯繫。

以下好處要求您將預訂新增至您的 WordPress 網站:

  • 透過自動化預訂流程來釋放員工的時間
  • 當客戶有購買情緒時立即推動他們
  • 為客戶提供 24/7 全天候預約或預訂
  • 避免電話預約系統瓶頸,簡化客戶體驗
  • 透過記錄預訂信息,整潔且有效率地規劃您的資源
  • 提供隱私和一流的客戶支持
  • 由於大多數線上預訂系統會發送多封電子郵件和通知,因此缺席的可能性很低
  • 擴大銷售額並增加您的年收入
探索 MetForm 功能

如何使用 MetForm 在 WordPress 網站中建立預約表單?

使用 MetForm 建立預訂表格非常輕鬆,因為您必須遵循一些簡單的步驟才能完成工作。 在這裡,我將引導您了解如何使用 MetForm 在 WordPress 網站中建立預訂表單,這比以往更容易。

第 1 步:安裝並啟動 MetForm

首先,造訪您的 WordPress 儀表板並繼續安裝並啟動 MetForm 和 Elementor 。 為此,請移至側邊欄上的“插件”,然後按一下“新增的”。 之後,首先從下載的檔案或直接從搜尋欄安裝 Elementor。

安裝 Elementor 後,繼續在同一過程中安裝 MetForm。 如果您的網站上已安裝這些插件,請跳過此步驟並轉到下一個步驟。

安裝並啟動 MetForm - 如何在 WordPress 中建立預約表格

第 2 步:為頁面新增標題並切換到 Elementor 窗口

現在,移至側邊欄上的“頁面”,然後選擇“新增頁面”以前往新頁面。 然後,在頁面上新增適當的標題,然後按一下「使用 Elementor 編輯」切換到 Elementor 視窗。

為您的頁面添加標題

第 3 步:拖放 MetForm 小部件

是時候使用 MetForm 小工具來建立您的預訂表單了。 在搜尋框中搜尋小工具,然後將其拖曳到指定欄位中。 預設情況下,該操作不會顯示任何內容。

拖放 MetForm 小部件

第 4 步:使用 Elementor 選擇新的預訂表單模板

直接使用 Elemetor 選擇新的預訂表格範本非常簡單。

  • 點選「編輯表單」按鈕,進入表單建立視窗。
  • 點擊「新建」並搜尋預訂表格範本。
  • 為表單範本命名,然後點選「編輯表單」。
使用 Elementor 選擇新的預訂表單模板

編輯和自訂 MetForm 預訂表格模板

MetForm 提供 3 個控制項來自訂所有類型表單的輸入欄位、按鈕和整個版面配置。 內容、樣式和進階標籤可讓您對預訂表單進行無限的自訂。

內容客製化

  • 隱藏/顯示欄位標籤
  • 根據您的喜好設定標籤位置
  • 修改佔位符文本
  • 保留欄位可選或必填
  • 插入警告訊息
  • 輸入您的說明文字
  • 透過字長、字元長度或基於表達式設定驗證類型
內容客製化

款式訂製

  • 變更標籤顏色、填滿、排版等。
  • 修改輸入顏色、邊框、寬度、背景類型等。
  • 調整佔位符文字的顏色和排版。
  • 設定幫助文字顏色、版面和填滿的風格。
款式訂製

高級訂製

  • 設定佈局的邊距、寬度、填滿和位置
  • 為輸入欄位新增多種動作效果
  • 自訂表單背景
  • 在預覽和即時頁面上設定設備響應能力
  • 透過旋轉、傾斜、縮放、偏移和翻轉等操作轉換輸入字段
  • 包含額外的 CSS 等等
高級訂製

更新並關閉視窗並發布頁面

是時候發布該頁面了。 為此,您必須更新變更並關閉子視窗。 點擊右上角的「更新並關閉」按鈕,您的主視窗將立即顯示已建立的預訂表格。

更新並關閉視窗

一旦您點擊“更新並關閉”按鈕,子視窗將關閉並顯示主視窗。 點擊側邊欄底部的「發布」按鈕。

發布頁面

在頁面上即時查看預訂表格

發布頁面後,會立即彈出「檢視」訊息,要求您查看該頁面。 但您也可以從「頁面」清單中開啟頁面。 在清單中找到您發布的頁面,並立即查看頁面上的預訂表格。

在頁面上即時查看預訂表格

選擇預訂表格範本並將其插入頁面/貼文(替代)

按照簡單的方法,您可以建立並插入預訂表格。 首先從側邊欄導覽 MetForm,然後選擇「表單」。

從 MetForm 中選擇表格

第 1 步:建立新的預訂表格

  • 點擊“新增新的”
  • 輸入合適的表單名稱
  • 如果需要,請從選項卡調整設置
  • 點擊“編輯內容”
建立新的預訂表格

這樣,您將立即被引導至 Elementor 視窗。 現在,您必須繼續插入表單範本。

步驟 2:插入預訂表格模板

建立新表單後,您可以使用 Elementor 或短代碼插入預訂表單範本。 對於 Elementor,我已經展示了上面的過程。 為了更好地理解,步驟總結如下:

使用 Elementor 插入預約表單

  • 在搜尋欄中搜尋MetForm 小工具
  • 將小部件拖曳到區塊中
  • 點擊“編輯表格”
  • 選擇預訂表格模板
  • 點擊更新並關閉按鈕 
  • 點擊“發布”按鈕

插入帶有簡碼的預訂表格

現在,導覽MetForm > 表單。 您可以在表單名稱旁邊找到一個短代碼。 將短代碼複製並貼上到區塊中,或者您可以使用 elemotor 的短代碼小工具來完成此操作。

複製並貼上簡碼

  • 複製您的預訂表格短代碼
  • 將短代碼到要插入表單的區塊中
  • 點擊「發布」即可查看表格
複製並貼上簡碼並查看表單

使用簡碼小工具:

  • 複製您的預訂表格短代碼,如上所示
  • 使用 Elementor 開啟頁面或發帖
  • 搜尋簡碼小工具
  • 將其拖曳到頁面上
  • 將短代碼貼到短代碼字段中
  • 點擊“發布”
使用短代碼小工具並查看表單

輪到你了

我已經向您介紹如何使用 Metform 以 2 種不同的方法在 WordPress 中建立預訂表單。 這兩種方法都遵循簡單的步驟,您可以輕鬆掌握。

因此,請準備好在您的 WordPress 網站上使用 MetForm 建立預約表格,讓您的客戶順利安排約會或參與者預訂活動。