能力

行业

客户案例 帮助中心
选择语言

简体中文

English

企业版与扩展包 扩展包 按钮组件

按钮组件

按钮在现实生活中随处可见,同时也广泛存在于各种网页设计中,是人们都比较熟悉的一种网页元素。相比于文字链接或者图片,“按钮”拥有着更加强烈的点击暗示——按钮就是用来点击的。表单中也有一些按钮,比如表单底部提交区的“提交”按钮,提交后页面中的“返回”按钮,以及进行表单前后翻页的“分页”按钮等。

现在您可以为表单中添加各种自定义按钮了,不仅样式多样,还有多种按钮动作可供选择和设置。先让我们看一个表单示例(点此直接访问):

一、按钮的功能(动作)

点击按钮后会发生什么动作,是按钮的核心功能。编辑按钮组件时,可以通过“按钮动作”的下拉菜单选择不同的按钮动作,赋予按钮不同的功能用途,让我们逐个看一下~

提交表单

提交表单也就是提交表单反馈,其功能和表单底部原有的提交按钮功能是相同的——点击后可以将表单中所填内容作为表单反馈提交至麦客后台,并且同样会对表单中已填写的内容等进行格式校验,填错、漏填都会正常显示报错提醒。

使用按钮组件所制作的提交表单按钮,可以随心所欲地放在表单的任意位置,也可以在不同位置添加多个提交按钮,随时在有必要的地方进行表单反馈的提交。

表单底部原有的提交按钮是可以设置为隐藏的哟~

跳转至其他题目

保存表单后,将按钮动作选择为“跳转至其他题目”,然后选择要跳转的的具体题目即可完成设置。当查看表单时,点击按钮就可以让表单快速滚动翻页,定位到指定的题目。

当表单题目较多,整体比较长时,可以通过跳转题目的方式,帮助填表人更快找到需要关注填写的表单区域。比如在不同商品类目间快速跳转定位,方便挑选;跳过开始区域的图文介绍,直接进入下单预约环节等。查看示例表单

按钮的“跳转至其他题目”功能,是MikeX专属功能,个人版用户购买的按钮功能中不包含此功能。

跳转链接

设置一个网址链接,点击按钮后访问这个网址,这可以实现很多事情:比如查看官网,客服联系方式,具体的商品介绍页面,打开另一个表单链接等,都是非常实用的设置功能。

拨打电话

当按钮动作是拨打电话时,按要求填入一个电话号码(手机固话皆可)后,当填表人点击按钮时自动调用手机的拨打电话功能,准备向该号码拨打电话(如下动图所示)。拨打电话需要调用电话功能,所以非常适合在微信中传播的表单,用作联系客服或实时咨询等需要电话沟通的场景。

发送短信

发送短信功能跟拨打电话类似,发送短信会自动调用手机的短信编辑功能,并将短信收件人设置为您所填写的那个手机号码,此外,您还可以设置默认的短信内容,填表人只需要点击确认就可以将您所指定的内容发送到指定号码了。

发送邮件

指定收件人的邮箱地址,就可以调用电脑上的邮箱客户端或手机上的邮箱应用,向指定的收件人邮箱发送邮件,也是非常合适的通知联系渠道。

唤起QQ聊天

只需要填好自己或客服的QQ号码,就可以点击按钮后让客户用自己的QQ和您在线聊天,无需提前加好友,电脑端和手机端都适用,非常适合用来作为实时在线咨询的渠道。

↓ 演示表单 ↓

手机访问,效果最佳

回到页面顶部

对于内容较多,页面比较长的表单,为了方便填表人可以快速返回到表单页面顶部,可以添加一个“回到页面顶部”的按钮,点击后页面会自动滚动到页面顶部,贴心的小细节可以给客户留下更好的印象。

上一页&下一页

通过表单的分页组件,可以将一个表单分为多个页面,各个页面间的切换原本是通过分页组件自带的分页按钮实现的。现在您可以通过按钮组件,自行打造翻页按钮,引导用户进行前后翻页,不用局限在表单底部。

分页组件自带的分页按钮也可以设置为隐藏,但请确保有其它替代分页按钮的组件~

二、按钮的外观样式

说完按钮的功能,我们再来看看按钮的外观样式。

专家模式下,系统为您提供了多种按钮样式可以直接套用,您还可以调整按钮颜色和按钮中文字的字号大小、颜色和是否加粗。此外,您还可以勾选“显示图标”功能,选择一个跟按钮功能相适应的小图标,展示在按钮文字的左侧,这能让按钮更加形象生动。

按钮的宽高尺寸和水平对齐方式都可以轻松调整,高度可以精确到1px,宽度可以选择自动适应按钮文字内容,拉伸占满整个宽度或自定义一个具体按钮宽度。

丰富的外观配置,让按钮在不设置链接地址时,也可以作为拥有特别样式的文字使用,打造一个特别的“按钮”标题~

圆形按钮

目前,系统提供了12种按钮样式,但各个按钮样式并不是毫无关系的。相邻的两个按钮,拥有相同的背景纹理、边框、阴影效果等样式,但二者的圆角大小不同:一个固定的圆角大小,另一个是半圆形的按钮。

半圆形按钮,会随按钮高度自动调整圆角大小,确保为按钮左右两侧为半圆形。

利用半圆形按钮的这个样式特点,就可以可以制作圆形按钮了——需要设置按钮宽度为“自定义”,然后将按钮的高度和宽度设置为同样大小即可。

挤一挤

按钮支持“挤一挤”功能,可以方便的将按钮和其它组件或者多个按钮挤在一行,节省空间,也可以将多个按钮挤在一行来使用,配合按钮位置的左右对齐设置,可以制作非常漂亮整齐的排版样式。

三、付费购买

“按钮”是基础类组件中的付费组件,个人标准版用户需要购买后才可以使用。

根据适用的表单范围大小,按钮提供了两种套餐类型:只应用于当前一个表单和应用于所有表单。无论哪种套餐,购买成功后,同一个表单中都可以添加多个按钮组件,没有数量限制,永久有效。

版本支持

版本支持 个人简易版 个人标准版 MikeX入门版 MikeX专业版 MikeX旗舰版
按钮 按需购买 选配 ✔️ ✔️
最后更新于 2018-02-26 阅读 55004 304

推荐阅读