使用 Elementor 表單的完整指南

當你有一個商業網站時,表格是主要的。它們使客戶更容易與您聯繫並提供重要信息和反饋。但是,弄清楚如何創建它們可能具有挑戰性。

如果您正在尋找一種簡單、直接的策略,我們建議您使用 Elementor 表單。這個流行的頁面構建器為構建各種美觀且易於使用的表單提供了解決方案。

在這篇文章中,我們將首先討論您可能想要創建 Elementor 表單的原因。然後,我們將引導您完成此過程,並介紹一些有用的插件和故障排除技巧。讓我們跳進去!

為什麼要創建 Elementor 表單

為您的 WordPress 網站創建表單有很多優點。首先,您可以為訪問者提供一種快速簡單的與您交流的方法。此外,您可以使用它們來生成潛在客戶並從您的受眾那裡獲取重要信息。

表單也可以成為註冊用戶和接受付款的有用工具。但是,如果您想向 WordPress 網站添加表單,則需要使用插件。或者,您可以使用像 Elementor 這樣的頁面構建器。

Elementor 讓您無需接觸任何代碼即可構建令人驚嘆的表單。您可以使用拖放編輯器創建與您的品牌和網站美感相匹配的響應式表單。

您還可以從多種類型的表格中進行選擇,包括:

  • Elementor 聯繫表單:您可以使用此功能構建一個簡單的表單,以便用戶與您取得聯繫。
  • Elementor Gravity Forms:這個 Gravity Forms 小部件在自定義和設置表單樣式方面為您提供了更大的靈活性。
  • Elementor 註冊表單:此功能使您能夠在您的網站上設置用戶註冊表單。

如您所見,這些表單中的每一個都有其特定的用例,可以幫助增強您網站的功能。接下來,我們將向您展示如何使用 Elementor 構建聯繫表單。

#008cc4}想使用 Elementor 表單與您的客戶聯繫嗎?✅本指南適合您🤝點擊推文
如何在 WordPress 中創建 Elementor 聯繫表(分 6 步)

現在我們了解了更多關於您可能想要使用 Elementor 表單的原因,讓我們來看看如何通過幾個簡單的步驟創建一個。請注意,對於本教程,我們假設您已經在您的網站上安裝並激活了 Elementor。

有一個免費工具和付費插件。要訪問表單功能,您需要高級版本。

第 1 步:添加 Elementor 聯繫人小部件

要開始,請導航到要插入聯繫表的頁面或帖子。然後,單擊屏幕頂部的使用 Elementor 編輯按鈕:

單擊使用 Elementor 進行編輯單擊「使用 Elementor 編輯」鏈接。

這將啟動 Elementor 編輯器界面。從左側的小部件中,搜索並選擇表單小部件:

找到表單模塊並拖放它拖放「表單」小部件。

然後,您可以將小部件拖放到您的頁面上。這將插入一個標準的聯繫表格。

第 2 步:設置您的聯繫表單欄位

將聯繫表放在頁面上後,您可以配置一些設置。現在,讓我們專註於設置表單欄位。

您可以通過單擊小部件並自定義文本來編輯基本表單欄位(如果您想更改任何默認選項)。如果要添加其他欄位,可以通過選擇添加項目來完成:

通過添加項目自定義表單通過添加項目自定義表單。

您可以從下拉列表中選擇要添加的欄位類型。接下來,您可以添加一個標籤,即表單欄位的名稱。這向您的訪問者顯示了預期的輸入。

對於佔位符選項,您可以自定義在用戶輸入信息之前出現在表單欄位中的文本。您可以使用它為訪問者提供您希望他們提供的數據的示例。

此外,您可以選擇啟用必需設置並修改列寬。您還可以單擊「按鈕」面板來自定義表單按鈕的外觀。您可以更改大小以及字體和顏色。

第 3 步:配置您的表單提交

創建完表單欄位後,下一步是配置表單提交設置。您可以導航到 Elementor 編輯器中的電子郵件以訪問各種選項。

例如,您可以在您希望提交提交的收件人欄位中輸入您的電子郵件地址。如果您願意,可以輸入多個電子郵件地址:

配置 Elementor 表單提交配置您的表單提交。

您還可以自定義電子郵件和消息的主題。配置完所有選項後,請確保保存更改。

第 4 步:自定義您的聯繫表消息

如果您想進一步個性化您的聯繫表格,您可以通過啟用自定義消息來實現。選擇其他選項,然後將自定義消息的切換開關移動到是:

自定義聯繫表單消息自定義聯繫表單消息。

您可以修改四種類型的消息:

  • 成功消息:一旦用戶提交表單,就會出現此消息
  • 錯誤消息:如果在提交過程中出現問題,則會出現此問題
  • 必填消息:通知用戶特定欄位未完成
  • 無效消息:讓用戶知道表單提交的某些內容已關閉

您可以自定義這些消息以匹配您品牌的聲音和風格。例如,您可以修改措辭以添加一些個性。

訂閱時事通訊

想知道我們是如何將流量提高到 1000% 以上的嗎?

加入 20,000 多人的行列,他們會通過 WordPress 內幕技巧獲得我們的每周時事通訊!

現在訂閱

第 5 步:設計 Elementor 聯繫表

處理好表單的基本文本和欄位後,您就可以開始設計 Elementor 聯繫表單的樣式了。例如,您可能希望確保它與您的品牌相匹配。

要開始使用,您可以單擊小部件編輯器頂部的樣式選項卡:

樣式化 Elementor 表單樣式和設計形式。

在這裡,您會發現各種各樣的選項和設置,可用於自定義聯繫表單的設計。例如,您可以調整間距和填充,以及更改顏色、大小、標籤和按鈕。

第 6 步:保存並發布您的表單

當您對 Elementor 聯繫表單的外觀和內容感到滿意時,剩下要做的就是保存並發布它。您可以通過選擇屏幕左下方的「發布」按鈕來執行此操作。

就是這樣!然後,您可以在前端預覽您的聯繫表格,以確認它看起來像您想要的那樣。

Elementor 表單的頂級插件

開箱即用的 Elementor 頁面構建器提供了許多用於為您的 WordPress 網站構建表單的選項。但是,您也可以考慮添加插件來幫助擴展表單的功能。讓我們來看看一些選項。

Elementor 的主插件

Elementor 的主插件Elementor 的主插件。

Elementor 插件的 Master Addons 是一個免費增值工具,它提供了一系列有用的工具來增強頁面構建器,進而增強您的網站。它包括以下功能:

因停機時間和 WordPress 問題而苦苦掙扎?Kinsta 是旨在節省您時間的託管解決方案!查看我們的功能

  • 頁眉、頁腳和評論表單構建器
  • 超級菜單生成器
  • 圖像懸停效果
  • 顯示條件

它還與各種表單插件兼容。這包括聯繫表格 7、忍者表格、WP 表格和 Caldera 表格。要訪問插件的所有功能,您需要購買專業版,每年 39 美元。

加號插件

Elementor 的 Plus 插件加號插件。

您可以與 Elementor 一起使用的另一個方便的工具是 Plus Addons。該插件包含 8,000 多個自定義選項和 300 多個用戶界面 (UI) 塊,可幫助您輕鬆創建和設計頁面和表單。

其特點包括:

  • 圖標框
  • 地圖部分
  • 形式
  • 定價表

您還可以選擇超過 18 個模板。這些是專門為某些類型的企業設計的,包括代理機構、餐館、沙龍等。

有一個免費版本可用。但是,要利用整套有用的功能,我們建議購買高級許可證,每年 39 美元。

創建 Elementor 表單的其他提示和技巧

如果您想在不支付高級許可證的情況下為您的 WordPress 網站創建 Elementor 聯繫表格,您可以通過多種方式進行操作。這樣做需要您將頁面構建器與另一個 WordPress 表單插件配對,例如 WPForms 或 Formidable Forms。

假設您選擇了強大的形式。在您的站點上安裝並激活插件後,您可以導航到 Formidable > Forms > Add New:

使用強大的表單添加新表單強大的形式。

接下來,您可以從選項列表中選擇聯繫表格,並從一些預製模板中進行選擇。完成構建表單後,瀏覽到要放置它的頁面並啟動 Elementor 編輯器界面。

在左側面板中,搜索並選擇強大的表單小部件。您可以調整格式、顏色、按鈕、文本等:

在 Elementor 中選擇強大的表單小部件。Elementor 中強大的表單小部件。

完成後,您可以保存並發布您的更改。與 Elementor Pro 插件相比,此方法需要更多的時間和精力。但是,如果您不想購買高級計劃,它可以幫助您節省一些錢。

Elementor 表單疑難解答

Elementor 聯繫表格非常簡單易用。但是,您在使用時可能會遇到問題。人們報告的最常見問題之一是未送達的電子郵件。

Elementor 使用 wp_mail 功能來分發其電子郵件。這意味著您的託管服務提供商接收已發送的電子郵件並將其發送。

但是,一些主機禁用了通常用於發送電子郵件的 PHP 功能,這就是可能出現此問題的原因。要解決此錯誤,我們建議與您的託管服務提供商聯繫並要求他們啟用 send_mail 功能。

或者,您可以使用簡單郵件傳輸協議 (SMTP) 伺服器。這是一個電子郵件伺服器,它將使用 Gmail 等外部來源將您的電子郵件以表單形式發送到客戶的收件箱。這可以減少您的電子郵件最終進入垃圾郵件文件夾的機會。要設置 SMTP,您可以使用 WP MAIL SMTP 等插件。

在本指南中了解為什麼您可能想要創建 Elementor 表單(以及有用的插件來升級它們!)⬇️點擊推文摘

表單在網站中起著舉足輕重的作用。它們使客戶能夠與您取得聯繫、註冊帳戶、提交付款信息等等。但是,弄清楚如何為您的網站設計美觀的表單可能具有挑戰性。幸運的是,Elementor 讓它變得簡單。

將 Elementor 表單小部件添加到頁面後,您可以設置欄位並配置表單設置。您還可以自定義表單的設計,使其與您的品牌保持一致。

您對在 WordPress 中創建 Elementor 表單有任何疑問嗎?在下面的評論部分讓我們知道!

通過以下方式節省時間、成本並最大限度地提高站點性能:

  • 來自 WordPress 託管專家的即時幫助,24/7。
  • Cloudflare 企業集成。
  • 全球受眾覆蓋全球 29 個數據中心。
  • 使用我們內置的應用程序性能監控進行優化。

所有這些以及更多,在一個沒有長期合同、協助遷移和 30 天退款保證的計劃中。查看我們的計劃或與銷售人員交談以找到適合您的計劃。

相關文章