终极元素联系表指南
已发表: 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 甚至几乎所有的联系表单插件一起使用。 您所要做的就是安装插件并在您的站点上激活它。 在升级到高级版本之前,您可以开始使用免费版本以查看表单构建器的工作原理。