Is the WPForms widget free?

Yes. The widget is in the free Master Addons plugin with Style One to Four and all styling sections. Master Addons Pro adds Style Five to Eleven.

Do I need the WPForms plugin installed?

Yes. Install and activate WPForms, free or paid, and create your forms there first. Without it the widget shows a “WPForms is Not Activated” notice. Features such as conditional logic keep working because the widget displays your real WPForms form.

How do I add WPForms to Elementor?

Build the form in WPForms, then drag the Master Addons WPForms widget onto your Elementor page and pick the form in the Contact Form dropdown. The full steps are in the how-to section above.

How do I change the look of error messages?

Open the Errors section in the Style tab to set the error text color and the border color and width of invalid fields. In the Content tab you can also hide error messages. There is no separate success message style section.

WPForms 元素或小部件来添加和样式您的表单

Master Addons WPForms 小部件将您在 WPForms 中构建的表单放置在任何 Elementor 页面上,并让您从 Elementor 面板中对其进行样式设计。选择表单,选择是否显示其标题、描述、标签和占位符,然后是样式输入、单选按钮、复选框、提交按钮和错误消息。样式一到四是免费的,并且硕士插件专业版将风格五添加到十一。您需要安装 WPForms 插件,无论是免费的 WPForms Lite 还是付费计划。

如何将 WPForms 添加到 Elementor

您需要 Elementor、WPForms 插件和免费的主插件。

从插件安装 WPForms,添加新建,然后构建并保存表单 WP 表单,添加新内容.
检查 WP 表单是否已打开 主插件、小部件.
使用 Elementor 编辑您的页面,搜索 WP表格 并将主插件小部件拖动到位。
在中选择您的表格 联系表 下拉并设置标题、标签和占位符开关。
在样式选项卡中选择设计变体。
样式输入、复选框、提交按钮和错误,然后预览并发送测试条目。

WPForms 还为 Elementor 添加了自己的基本 WPForms 小部件。当您想要样式预设和详细的样式控件时,请使用 Master Addons 小部件。

设计变体:4 种免费,11 种带专业版

的 设计变化 downdown 在设计布局部分更改字段、标签和按钮的外观,样式一到四在免费插件中工作,Pro 解锁样式五到十一,包括浮动标签样式,这些是相同的样式预设联系表 7 widget的使用,而下面的演示是用那个widget构建的。

自定义标题和描述: 将 WPForms 标题和描述替换为您自己的文本。
标签並 占位符 切换隐藏或显示它们。
错误消息: 显示或隐藏 WPForms 验证消息。

输入、文本区域和复选框样式

的 输入和文本区域 section 有 Normal 和 Focus 选项卡。设置背景和文本颜色、边框、边框半径、文本缩进、输入和文本区域宽度和高度、填充、间距、排版和框阴影, 然后给聚焦字段自己的边框和阴影。 无线电和复选框 打开自定义样式,其中包含尺寸、颜色、边框宽度、边框颜色、复选框和单选按钮的单独半径以及复选颜色。

标签、占位符和字段描述颜色和排版。
标题和描述对齐、颜色、排版和页边空白。
单行输入和消息框的宽度不同。

提交按钮和错误造型

的 提交按钮 section 设置对齐,全宽或自定义宽度,背景和文本颜色,边框,边框半径,填充,顶部边距,排版和框阴影,带有悬停颜色,用于背景,文本和边框错误 section 对错误文本颜色和验证失败字段的边框颜色和宽度进行样式化,成功消息保留 WPForms 样式化。

适合移动设备的全宽按钮。
悬停与您的其他按钮匹配的颜色。
红色字段边框使缺失的字段变得明显。

WPForms 与元素形式

Elementor Pro 有自己的表单小部件,因此如果您已经为 Elementor Pro 付费,则不需要 WPForms。以下是两种方法的比较方法。

特点	WPForms 与主插件	元素人专业表格
价格	WPForms Lite 是免费的,高级功能需要付费的 WPForms 计划	需要 Elementor Pro
您在何处构建表单	WPForms 拖放构建器	Elementor 表单小部件内部
元素师的造型	通过此主插件小部件	内置到表单小部件中
字段	由您的 WPForms 计划设置	文本、电子邮件、文本区域、编号、日期、时间、文件上传、步骤等
提交后	WPForms 中的通知和确认, 付费计划中的集成	电子邮件、重定向、网络挂钩、弹出窗口、提交和电子邮件营销行动
在 Elementor 之外使用	是的,在任何编辑器或主题中	仅限元素器页面