當你有一個商業(yè)網站時，表格是主要的。它們使客戶更容易與您聯系并提供重要信息和反饋。但是，弄清楚如何創(chuàng)建它們可能具有挑戰(zhàn)性。

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

在這篇文章中，我們將首先討論您可能想要創(chuàng)建Elementor表單的原因。然后，我們將引導您完成此過程，并介紹一些有用的插件和故障排除技巧。

1. 為什么要創(chuàng)建Elementor表單
2. 如何在wordpress中創(chuàng)建Elementor聯系表單
3. Elementor表單的頂級插件
4. 創(chuàng)建Elementor表單的其他提示和技巧
5. Elementor表單疑難解答

為什么要創(chuàng)建Elementor表單

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

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

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

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

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

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

如何在WordPress中創(chuàng)建Elementor聯系表

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

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

第 1 步：添加Elementor聯系人小部件

要開始，請導航到要插入聯系表的頁面或帖子。然后，單擊 屏幕頂部的Edit with Elementor按鈕：

單擊“Edit with Elementor”鏈接

這將啟動 Elementor 編輯器界面。從左側的小部件中，搜索并選擇Form小部件：

拖放“Form”小部件

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

第 2 步：設置您的聯系表單字段

將聯系表放在頁面上后，您可以配置一些設置?，F在，讓我們專注于設置表單字段。

您可以通過單擊小部件并自定義文本來編輯基本表單字段（如果您想更改任何默認選項）。如果要添加其他字段，可以通過選擇Add Item來完成：

通過添加項目自定義表單

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

對于Placeholder選項，您可以自定義在用戶輸入信息之前出現在表單字段中的文本。您可以使用它為訪問者提供您希望他們提供的數據的示例。

此外，您可以選擇啟用Required設置并修改列寬。您還可以單擊“Buttons”面板來自定義表單按鈕的外觀。您可以更改大小以及字體和顏色。

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

創(chuàng)建完表單字段后，下一步是配置表單提交設置。您可以導航到Elementor編輯器中的Email以訪問各種選項。

例如，您可以 在您希望提交提交的To字段中輸入您的電子郵件地址。如果您愿意，可以輸入多個電子郵件地址：

配置您的表單提交

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

第 4 步：自定義您的聯系表消息

如果您想進一步個性化您的聯系表格，您可以通過啟用自定義消息來實現。選擇Additional Options，然后將Custom Messaging的切換開關移動到Yes：

自定義聯系表單消息

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

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

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

第 5 步：設計Elementor聯系表單

處理完表單的基本文本和字段后，就可以開始設計Elementor聯系表單的樣式了。例如，您可能希望確保它與您的品牌相匹配。

要開始使用，您可以單擊小部件編輯器頂部的Style選項卡：

樣式和設計表單

在這里，您會找到各種可用于自定義聯系表單設計的選項和設置。例如，您可以調整間距和填充，以及更改顏色、大小、標簽和按鈕。

第 6 步：保存并發(fā)布您的表單

當您對Elementor聯系表單的外觀和內容感到滿意時，剩下要做的就是保存并發(fā)布它。您可以通過選擇屏幕左下方的“Publish”按鈕來執(zhí)行此操作。

就是這樣！然后，您可以在前端預覽您的聯系表格，以確認它看起來像您想要的那樣。

Elementor表單的頂級插件

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

Elementor的主插件

Elementor的主插件

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

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

它還與各種表單插件兼容。這包括Contact Form 7, Ninja Forms, WP Forms和Caldera Forms。要訪問插件的所有功能，您需要購買專業(yè)版，每年39美元。

The Plus Addons

The Plus Addons

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

其特點包括：

• 圖標框
• 地圖部分
• 表單
• 定價表

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

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

創(chuàng)建Elementor表單的其他提示和技巧

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

假設您選擇了Formidable Forms。在您的站點上安裝并激活插件后，您可以導航到Formidable??>??Forms?>?Add New：

Formidable Forms

接下來，您可以從選項列表中選擇Contact Form，并從一些預制模板中進行選擇。完成構建表單后，瀏覽到要放置它的頁面并啟動Elementor編輯器界面。

在左側面板中，搜索并選擇Formidable Forms小部件。您可以調整格式、顏色、按鈕、文本等：

Elementor中Formidable Forms小部件

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

Elementor表單疑難解答

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

Elementor使用wp_mail函數來分發(fā)其電子郵件。這意味著您的托管服務提供商接收已發(fā)送的電子郵件并將其發(fā)送。

但是，某些主機禁用了通常用于發(fā)送電子郵件的PHP函數，這就是可能出現此問題的原因。要解決此錯誤，我們建議與您的托管服務提供商聯系并要求他們啟用send_mail函數。

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

小結

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

將Elementor表單小部件添加到頁面后，您可以設置字段并配置表單設置。您還可以自定義表單的設計，使其與您的品牌保持一致。