終極元素聯繫表指南
已發表: 2022-08-28每個網站所有者都希望與他們的客戶和潛在客戶建立良好的長期關係。 這就是聯繫表格的來源。強烈建議將聯繫表格添加到您的網站,因為它可以幫助您的潛在客戶聯繫您並幫助您收集有關網站訪問者的數據。
毫無疑問,WordPress 用戶可以訪問大量的聯繫表單插件和眾多功能。 這使得用戶可以輕鬆無縫地創建表單。 如果您還可以使用 Elementor Contact Form 小部件創建表單怎麼辦?
如何使用 Elementor 創建聯繫表格
Elementor 聯繫表單小部件可讓您在幾分鐘內個性化任何联系表單類型並將其添加到您的站點。 它配備了所有必要的功能和字段,以實現與您的站點的無縫交互。 應該注意的是,聯繫表格是 Elementor Pro 版本的一項功能。
這意味著您必須升級到 Elementor Pro 才能創建表單。 現在我們已經確定了這一事實,讓我們看看使用 Elementor 創建聯繫表單的簡單步驟。
使用 Elementor 創建聯繫表的分步指南
您可以通過兩種方法將聯繫表單添加到您的站點。 有一種付費方式,需要同時安裝 Elementor 和 Elementor Pro 小部件。 還有一種免費方法,需要安裝 3rd-party 插件。 在本指南中,我們將重點介紹 Elementor Pro。
第一步:從 Elementor 頁面上可用的大量小部件中找到 Elementor 聯繫表單小部件。 單擊以打開要包含聯繫表單的頁面。
使用拖放選項,您可以輕鬆地在 Elementor 的頁面上添加小部件,但這篇文章著眼於在 Elementor Pro 中使用聯繫表單小部件創建聯繫表單的綜合過程。
第二步:Elementor 聯繫錶帶有用於基本區域的預填充字段,例如姓名、電子郵件和消息。 下一步是自定義默認表單以適應您的需求。 為此,請導航到表單設置中的內容部分並添加“表單字段”。
對於表單名稱,給它一個標題。 接下來,單擊表單字段。 在這裡,您可以根據需要添加任意數量的字段。 您可以在創建字段時復制和刪除。
你會發現一堆你可以使用的字段選項,包括文本、電子郵件、URL、複選框、文本區域、電話、選擇、收音機、接受、數字、HTML、隱藏、密碼、蜜罐、reCAPTCHA 和 reCAPTCHA V3 等.
您可以使用這些功能來查看哪些功能有效以及可以添加到您的聯繫表單中的內容。 高級選項卡可讓您探索自定義表單的更多選項。 也檢查一下,看看您是否會喜歡它固有的功能。
第三步:根據您的需要自定義和設計您的提交按鈕。 它具有不同的字段,您可以調整和自定義以適合您,包括大小、列寬、按鈕文本、按鈕 ID、圖標和對齊方式。 探索這些功能,為您的聯繫表單添加一些風格和風格。
第四步:設置“提交後的操作”菜單 通常,當用戶在您的站點上提交表單時,您會希望站點訪問者有某種形式的反饋或響應,以表明表單已提交。 這不是自動的。 您必須配置“提交後的操作”部分才能獲得所需的內容。
單擊表單上的“提交後的操作”部分,然後單擊“添加操作”字段。 您將看到不同的選項,例如 Email Webhook、Discord、Popup、ActiveCampaign、GetResponse 和 Slack 等。 選擇任何選項以在提交後添加操作。
例如,如果您選擇電子郵件操作,則聯繫表單將為電子郵件添加一個選項卡。 您可以配置要發送給通過您的聯繫表單向您發送電子郵件的用戶的電子郵件。 填寫選項並設置條件以自定義表單操作。
應該注意的是,Elementor 提供了許多可供您探索的操作選項。 再說一次,您可以考慮其他第三方服務以使其更加無縫。 您可以探索的一些第三方服務包括 Hubspot、Mailchimp、Drip、Convertkit 和 Slack 等。 所有這些都是 Elementor 中的內置集成,使它們易於訪問和使用。
第五步:這一步讓您可以在用戶填寫表格時發生某些事情時自定義您的消息。 例如,當他們成功提交表單或出現錯誤時,他們應該收到一條消息。
要對此進行配置,請單擊“其他選項”並為“自定義消息”選擇是或否。 將默認的四條消息編輯為您希望用戶看到的內容。 這些消息是成功消息、錯誤消息、必需消息和無效消息。
第六步:設計和自定義您的 Elementor 聯繫表,使其看起來獨一無二且不乏味。 Elementor 提供了您可以使用的自定義樣式選項。 為此,請單擊“樣式”選項卡並查看可用的選項和設置。 您可以使用其中任何一種來更改聯繫表單的完整樣式。
第 7 步:您已成功配置 Elementor 聯繫表,下一個也是最後一個階段是發布它。 為此,請單擊位於表單下部的“更新”按鈕。
這將發布您的表單並使頁面上線並可供您的網站訪問者訪問。 您可以開始從您網站的訂閱者那裡收集數據和潛在客戶。
結論
您要設計的聯繫表單類型將決定您將在 Elementor 中使用的功能。 但是,這篇文章提供瞭如何使用此工具創建表單的基礎知識。 如前所述,您只能在 Elementor 專業版中訪問聯繫表功能。 購買該工具的專業版大約需要 49 美元。 可用的功能值得您為此付出的每一分錢。
如何設置我的 Elementor 聯繫表?
導航到 Elementor 儀表板並打開 Elementor 聯繫表頁面。 使用平台上可用的功能和工具來創建您的聯繫表單頁面。 當您根據自己的喜好完成表單設計後,發布聯繫我們頁面,它將上線。
Contact Form 7 是否與 Elementor 兼容?
Contact Form 7 插件是 Elementor 頁面構建器的附加功能。 這意味著 Contact Form 7 插件與其兼容,您可以使用它來構建您的表單。
哪個聯繫表單插件最適合 Elementor?
許多表單插件與 Elementor 完美配合。 一些流行的有 Gravity Forms、weForms 和 Contact Form 7 等。
我可以在 Elementor 中使用 WPForms 嗎?
是的,WPForms 與 Elementor 兼容。 使用 WPForms Elementor Widget,您可以將不同的表單添加到您的網頁並根據您的喜好進行編輯。 您還可以在 Elementor 頁面構建器中創建和編輯表單。
我可以在 Elementor 中使用強大的表單嗎?
是的,您可以將強大的表單與 Elementor 甚至幾乎所有的聯繫表單插件一起使用。 您所要做的就是安裝插件並在您的站點上激活它。 在升級到高級版本之前,您可以開始使用免費版本以查看表單構建器的工作原理。