Elementor 表单：如何创建 Elementor 联系表单
已发表: 2022-06-07Elementor 是最受欢迎的页面构建器之一，具有强大的功能和丰富的功能。 但可能会让您感到惊讶的是，他们的仪表板中没有多功能表单构建器。 Elementor Form 提供的功能非常简单明了。 如果您想使用更高级的选项，例如接受付款或进行调查，您仍然需要一个专用的表单构建器插件。 此外，要管理表单提交，您需要安装一个额外的插件来使用 Elementor 管理您的条目。 在本文中，我们将学习如何制作最好的 Elementor 联系表并使用相同的插件管理数据。
Fluent Forms 是最适合初学者的表单构建器。 立即下载并开始免费制作精美的表格！！！
如何创建 Elementor 表单
我们将向您展示创建 Elementor 联系表的两种方法，以帮助您根据需要进行选择。
- 使用 Elementor Pro 创建联系表单
- 创建 Elementor 联系表的最佳方式（免费）
使用 Elementor Pro 创建联系表单
如果您想使用 Elementor 创建表单，则需要购买 Elementor pro。 使用 pro 许可证，您可以访问表单小部件并在 Elementor 页面构建器中设计表单。 您还可以访问大量的表单模板。 此外，您将拥有许多可以改变您的网站的很酷的功能。
使用 Elementor 创建联系表单的步骤 -
1. 将 Elementor 表单添加到您的页面
要将表单添加到页面，您需要打开一个页面或添加一个新页面，然后单击使用 Elementor 编辑。 现在在左侧的小部件栏中搜索表单。 如果您没有专业许可证，则无法使用此功能。
现在将小部件拖放到要创建 Elementor 表单的页面上。 您会看到一个基本的联系表格出现在您的页面上。
2. 在 Elementor 表单中添加不同的字段
您可以看到 Elementor 表单的袖子上有很多功能。 您只需要在几分钟内探索并创建您想要的表格。 现在，您需要不同的字段和选项而不是预先填充的选项。 您可以在 Elementor 表单中添加 18 个以上的字段，这些字段是 –
- 文本
- 电子邮件
- 文本区
- 网址
- 电话
- 收音机
- 选择
- 复选框
- 验收
- 数字
- 日期
- 时间
- 上传文件
- 密码
- HTML
- 隐
- 重新验证码
- 蜜罐
这是很多可以使用的字段类型。 您可以使用此表单生成器制作不同的表单。 现在您需要自定义设置并设计您的表单以使其令人瞠目结舌。
3.设置表单提交
表单提交后，您可以设置要从表单提交中获取的电子邮件目录和数据。 这不是火箭科学。 您可以设置所有选项，例如 -
- 至
- 主题
- 信息
- 从电子邮件
- 来自名字
- 回复
- 抄送
- 密件抄送
发送电子邮件的所有选项。
4. 设计你的 Elementor 表单
有一些选项可以设计您的表单。 从更改列的宽度到更改表单的背景颜色，从设置占位符到更改排版，您可以对表单做任何您想做的事情。
转到样式选项，为您的表单提供独特的外观。
为什么 Elementor 形式对您来说还不够
首先，您无法在 Elementor 表单中使用普通表单构建器插件的所有选项。 但是，它只提供基础知识。 如果您尝试创建不同的表单并分析数据，您将需要 WordPress 技术堆栈中的另一个表单构建器。
其次，没有用于管理提交的内置功能。 您必须安装另一个插件才能这样做。 这不是您网站的最佳步骤。 您需要选择一个表单构建器插件，该插件提供各种字段、功能和集成以及数据管理服务来分析您的潜在客户。
第三，Elementor 带有一个简码小部件，可帮助集成任何具有简码选项的 WordPress 插件。 虽然您可以使用 Elementor 的短代码小部件来添加表单，但您无法使用 Elementor 自定义表单的。 这就是为什么您需要选择一个可以在 Elementor 布局中编辑的表单构建器，因为它们提供了必要的插件来做到这一点。
创建 Elementor 联系表的最佳方式（免费）
表单是任何网站的关键组成部分之一。 从捕获线索到进行调查，从付款到进行测验，现代表单构建器应该在其软件包中包含这些选项。
此外，您应该能够在 Elementor 布局中自定义表单，使其具有充满活力和吸引力的外观。 许多表单构建器具有简码功能，但如果没有 Elementor 包，您将无法编辑它们。
Fluent Forms 为您提供了在 Elementor 页面构建器中编辑和自定义表单的完全灵活性。 Elementor 的表单小部件包括多个选项，用于更改表单上每个字段的颜色和排版。 您可以根据自己的选择设置表单的整体文本内容的样式。
- 您可以为您的网站表单选择与您的网站外观完美匹配的字体颜色、大小、类型和更多选项。
- 您可以访问表单的每个文本内容的排版选项。
- 所有表单字段的颜色选项也可用。
- 此外，表单标签、错误消息和成功消息的特定颜色和排版选项
您还可以访问 Fluent Forms 的所有这些核心功能 -
- 50 多个输入字段和 70 多个预建模板可供使用
- 地址自动完成和拖放自动完成
- 多层垃圾邮件防护
- 根据需要进行数据可视化和分析
- 文件上传和数据管理
- 会话形式
- 测验模块
- 条件逻辑
- 登陆页面功能
现在您知道了使用 Fluent Forms 的好处，让我们快速制作 Elementor Contact Forms。
如何添加 Elementor 联系表
设置 Elementor 联系表单的最简单方法是使用 Fluent Forms。 您既不需要像其他表单构建器那样单独安装不同的附加组件，也不需要在 Elementor 之外自定义表单。
以下是使用 Fluent Forms 创建 Elementor Contact Forms 的步骤
安装和激活 Fluent Forms Pro
安装 Fluent Form 类似于安装任何其他 WordPress 插件。 如果需要，您可以从 WordPress 仪表板安装和激活它，或者从 WordPress.org 下载它。
要从 WordPress 仪表板安装，请转到 WordPress 管理面板，然后单击插件 → 添加新的。 现在，搜索 Fluent Forms，单击安装，然后激活插件。
要从 WordPress.org 下载，请单击此 Fluent Forms 链接并下载。 现在转到您的 WordPress 管理面板，然后单击从插件添加新选项。 现在上传 .zip 文件并在已安装插件列表中搜索 Fluent Forms，单击激活。
尽管 Fluent Forms 在免费版中有大量的字段和功能，但您需要升级到专业版才能使用 Fluent Forms 的所有功能。 在此处查看 Fluent Forms Pro 与免费功能。
升级到 Pro 版本非常简单，单击链接了解如何升级到 Fluent Forms Pro。
制作 Elementor 联系表
使用 Fluent Forms，您可以在几分钟内创建精美且富有创意的表单。 要创建 Elementot 联系表单，请转到您的 WordPress 仪表板并将鼠标悬停在左侧的 Fluent Forms 上。 单击“新表单”选项。
将出现一个新页面，单击新建空白表单，您将被重定向到表单编辑器界面。
根据您的选择添加字段，为您的网站创建联系表格。 我们为简单的 Elementor 联系表添加了名称、电子邮件、主题和您的消息选项。
在 Fluent Forms 中，保留和定位标签等自定义非常简单。 您还可以为您的字段设置条件逻辑以制作更高级的表单。 但由于我们保持简单，我们不需要任何其他字段来填充表单。 冗长的表单可能会让用户不知所措，您可以使用多步表单或会话表单来避免表单放弃。
现在保存表格并复制简码。 您可以使用 Fluent Forms 的简码功能，该功能适用于所有可用的页面构建器，包括 Elementor、Oxygen、Divi、Visual Composer 等。 此功能为您提供表单中的直接 Elementor 小部件支持，以便使用更少的插件。
随心所欲地自定义表格，并且您可以访问 Elmetor 的众多选项。 从对齐输入文本到调整输入字段的大小和形状，从添加经典和渐变背景颜色到更改排版。 您可以使用 Elementor 表单做任何您想做的事情。
最后的想法
无论您使用表格是为了娱乐还是商务，一个漂亮且经过精心打磨的表格总是能吸引人们。 Elementor 页面构建器附带了除多功能本机表单构建器之外的所有内容。 使用 Fluent Forms，您可以拥有一切，并且可以设计您想要的 Elementor 联系人。
此外，您可以在不同的页面或博客内发布您的表单，无论您想要什么。 尝试一些不同的布局和设计，尝试不同的字段选项，并根据您的选择制作 Elementor 表单。 我们希望本文为您提供了为您的 WordPress 网站创建 Elementor 联系表的方向。
如果您有任何疑问，请在下方评论。 让我们知道如何改进我们的插件并在我们的社交媒体平台上关注我们。