找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[制作指南] 兔展新编辑器教程 | 按钮—你一定不知道的悬浮按钮玩法

[复制链接]
兔展君    管理员 
2020-7-29 10:20:21 显示全部楼层
按钮—你一定不知道的悬浮按钮玩法

什么是悬浮按钮,先来看几个案例。
悬浮按钮,适用于在一个活动页面中,承载的内容较多,关键指令或最期望访客快速达成的动作按钮,无法直接被找到的时候。页面内容过多,导致用户不一定有耐心看完整个活动,因此活动最核心的环节需要尽量在客户最容易看到和最方便操作的位置,减少用户流失率,提高活动转化率。



一、案例效果:

按钮—你一定不知道的悬浮按钮玩法.jpeg

案例1

案例1
3.jpeg



兔展编辑器的隐藏功能。在长页H5中,为减少因页面过长而导致的用户流失,将关键指令设置为悬浮按钮形式,以提高用户留存率及活动转化率。

二、应用场景

产品介绍与引导消费、活动介绍与报名、公众号引流等具有关键转化目的的宣传活动。

有明确客户关键动作目标的营销活动,比如,期望客户提交表单,期望客户拨打电话,期望客户关注二维码,期望客户点某个按钮去下单,期望客户去参与一个抽奖活动等等。


三、操作流程
1、进入兔展编辑器,制作H5


2、互动-常规组件-按钮:


4.jpeg


3、功能设置-开启悬浮


5.jpeg


4、设置动画可设置入场类、强调类、淡出类三种动画类型,共65种。
动画的设置可以让按钮更醒目,提高用户点击概率。

6.jpeg


5、设置跳转项
可设置按钮点击后的跳转路径。
跳转页面:常用于长页+翻页H5的组合形式
跳转外链:宣传H5,引流客户至活动关键结果页。
跳转小程序:活动引流至小程序:
三种方式:
一、配置小程序路径;
二、直接把小程序码设置为悬浮按钮;
三:点击悬浮按钮出现小程序码。


拨打号码:活动联系电话

7.jpeg



Tips: 由于按钮样式受限,上传按钮设计图也可以设置悬浮哦!

8.jpeg



Tips,怎么样提高悬浮按钮的点击率
1、 适当的动效凸显—加一点动效,让客户注意到悬浮按钮的存在
2、 文案——加利益、优惠、权益类文案,比如,领XX奖品,立即抽奖等
3、 悬浮图标设计,千篇一律的按钮图片一定无法引起客户的点击欲
4、 悬浮位置,可放置页面底部,也可以放置右侧、左侧,左侧相对较弱,右侧及底部相对较强






回复

使用道具 举报

跳转到指定楼层
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|兔展论坛 ( 粤ICP备14051807号-6 )

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc. GMT+8, 2020-8-10 19:42 , Processed in 0.094988 second(s), 38 queries .

快速回复 返回顶部 返回列表
快速回复 返回顶部 返回列表