即时设计和布局预设
为什么要从空白的石板开始?使用策划的设计布局预设(Style One 到 Eleven)触地运行。每个预设都应用一组协调的样式,用于容器、字段和按钮,立即为您提供专业设计的表单。无论您需要极简的光线表单、大胆的暗卡还是具有充满活力的边框的东西,都有一个起点。这是使 weForm 看起来总是成为 Elementor 页面一部分的最快方法。
- 11 + 现成款式:从一个预先设计的布局库中进行选择,如“Style One”, “Style Two”等, 可实现即时视觉吸引力。
- 连贯设计系统:每个预设都整体设计整个表单,包括容器、字段、按钮和确保完美匹配。
- 完美起点:使用预设作为基础,然后使用粒度控件进一步定制,使其独一无二。
完整的容器和现场架构
控制表单的框架和构建块 首先,设计表单容器:设置其宽度、对齐方式、背景、填充,并添加像 Box Shadow 和 Border Radius 这样的高级效果,使其流行或混合。然后,架构表单字段本身。独立调整输入宽度和文本区域宽度,设置字段背景、内部填充和边框。您甚至可以设计焦点状态,当用户单击字段 if 时更改边框颜色和阴影,以获得抛光的交互感觉。
- 字段尺寸控制:为标准输入和文本区域(消息)字段设置不同的宽度。
- 交互式焦点状态:当用户单击字段时,为字段定义自定义边框颜色和框阴影,从而增强可用性。
- 间距和角:每个输入框四面均有微调字段填充和边框半径。
颜色和版式控制
Typography和颜色是你设计的灵魂,在这里,你分别控制每个文本元素。用自己的颜色和排版为标签(如“电子邮件地址 *”)进行样式。为用户键入的内容定义字段字体颜色。至关重要的是,为经常被遗忘的占位符字体颜色(“你的电子邮件...”)进行样式。为标签和输入字段使用单独的排版控件来创建清晰的视觉层次结构,确保您的表单不仅时尚,而且易于阅读。
- 三层文本样式:独立设置标签颜色、键入字段字体和占位符文本。
- 分层排版:将不同的字体系列、大小和权重应用于标签排版和输入字段排版。
- 视觉清晰度:使用标签和占位符的对比色来直观地指导用户通过表格。
提交按钮定制
Submit 按钮是最后一个最重要的步骤,不要把它留作默认的灰色矩形,完全命令,控制它的宽度和对齐方式,样式它的排版,定义文本颜色和背景颜色,适用于正常状态和悬停状态,调整它的填充,边缘,边界和边界半径,以获得完美的形状和大小,添加一个框阴影,使其从页面上抬起,这会将一个平凡的“提交”变成一个引人注目的,值得点击的触发器,用于你的转换。
- 全尺寸控制:调整按钮宽度、填充、边缘和边框半径,以实现完美的按钮几何形状。
- 对齐自由度:将按钮向左、居中或向右放置在表单容器内。
- 高级效果:应用盒子阴影和自定义边框类型,使您的按钮成为出色的视觉元素。
weForm 的常见问题
如何将此元素连接到我现有的 weForms?
很简单,在内容选项卡中,您会看到一个“选择weForm”下拉,单击它,您会在weForms插件仪表板中看到您创建的所有表单的列表,只需选择要嵌入和设计的元素,即可自动拉入您的实时表单字段(姓名、电子邮件等)。
我的表格仍然可以像以前一样发送电子邮件吗?
绝对是的。此元素仅更改 Elementor 内表单的视觉设计。所有核心 weForms 功能 领域逻辑、通知、电子邮件路由、确认和数据存储 enda 保持 100% 完整,并且与您在 weForms 插件设置中配置的完全相同。
我可以在同一网站上对不同的形式使用不同的样式吗?
当然!您放置在页面上的每个 Master Addons weForms 元素都是独立样式的,您可以在页脚中拥有简约的联系表(使用样式二),在英雄部分(使用样式七)拥有大胆、色彩丰富的注册表,而不会发生任何冲突。
设计的表单在移动设备上是否完全响应?
Yes。element 构建时考虑了响应性,容器宽度、字段宽度、填充和字体大小都会适应,对于高级控制,可以使用 Elementor 的响应模式专门针对平板电脑和移动视图(如堆叠字段或调整按钮大小)调整设置。
如果我在主 weForms 插件中更新字段设置怎么办?
改(如添加新字段或更改字段标签)会自动同步,您可能需要刷新 Elementor 编辑器视图(如帮助文本所建议的)才能看到更新的字段结构,然后您的自定义样式将应用于新的或更新的字段。
我仍然可以使用条件逻辑和其他高级 weForms 功能吗?
Definitely。由于这个元素嵌入了你真实的、功能正常的weForm,所以你在weForms中设置的所有高级功能,如条件逻辑、多页表单、文件上传和集成都将完美地发挥作用,你只是给它一个新的、漂亮的前端皮肤。
