多步骤表单 免费(适用于 Elementor)简化了创建多步骤表单的过程,非常容易,只需一个,两个,三个即可。
将 “ Multistep Form Basic” 小工具添加到您的页面。
通过添加分页符(从 “字段类型” 下拉列表中选择)来设置分页符(或每个页面的开始位置)。
添加您的表单问题,然后点击保存!
表单完成后,可以使用 Elementor Pro 的内置功能发送电子邮件,处理 Webhook 和/或重定向用户,从而将表单无缝集成到您网站的外观中。从联系方式到帮助表格,我们已为您服务。
高级用户的 CSS 样式信息
以下只是您可以设置样式的CSS类的几个示例。编辑窗口小工具时,将所有CSS更改放入“高级>自定义 CSS” 部分。
–所有按钮和标签文本,警告文本除外。 “选择器.elementor_multistep_free *:not(.multistep-warning){}”
–前进按钮。 “选择器.elementor_multistep_free .multistep-button-controls-forward {}”
–向后按钮。 “选择器.elementor_multistep_free .multistep-button-controls-backwards {}”
–提交按钮。 “选择器.elementor_multistep_free .multistep-button-controls .multistep-submit {}”
–所有页面步骤。 “选择器.elementor_multistep_free .step {}”
–当前页面步骤。 “选择器.elementor_multistep_free .step.active {}”
–全步骤超级包装器。 “选择器.elementor_multistep_free .current-page-tracker {}”
–按钮/步骤与页面上的最后一个表单字段之间的间隔。 “选择器.elementor_multistep_free .multistep-button-controls-spacer {}”
–页。 “选择器.elementor_multistep_free .page_break_class {}”
–验证失败的警告文本。 “选择器.elementor_multistep_free .multistep-warning {}”