别人网站的悬浮窗效果是怎么做的?

2019-08-05

  有时候想要宣传一个重要的营销活动,或者发布一项紧急的通知,仅仅在企业网站更新一篇新文章或者新的广告图是不够的。一个静态的网站模块所能获得的点击率和转化率是有上限的,这时候网站建设者通常会想起别人家网站悬浮窗的好处,却不知道代码从何写起。为了避免这种尴尬,小编推荐想自己创建网站的中小企业或个人使用以凡科建站为代表的自助建站平台,通过设置模块状态达到悬浮窗效果,远离砸代码,远离秃头。


  在创建网站的过程中,为什么大家都喜欢添加悬浮窗的模块呢?原因有二:


  一,无论用户怎么拉动网站页面,悬浮窗模块都会出现在视线范围内,吸引着他们的注意力。所以这部分非常适合放置客服咨询的链接,或者热门活动/产品详情页面的跳转链接等等。


  二,悬浮窗一般都是停靠在页面边缘或者底端,甚至飘动在整个页面中。虽然它占用较少的网站页面,但却能以超强的存在感传达关键信息。


  悬浮窗的应用场景一:隐藏的分享网站模块


分享网站功能


  企业网站自然十分欢迎用户将网站链接分享到各个社交平台上,吸引更多用户关注企业品牌。如果专门开辟一个静态模块放置分享链接,看起来有种要求用户的强硬感,可能会被忽视,有可能会引起反感。不得不说,“分享网站”模块更适合这种轻松灵活的悬浮窗形式,平时以小标签的方式贴在网页边缘,当人们的鼠标经过,就会弹出完整模块,方便用户一键分享网站到其他平台上去。这就是我们互动模块里的“分享网站”功能,点击一下自动生成喔!


网站悬浮窗


  很多人想知道,这种部分隐藏的悬浮框模块属于什么状态,举一反三还可以设置其他内容模块。小编在这里告诉大家,这是设置模块状态中的“侧停状态”。建议学习创建网站的小伙伴们搞懂这五种模块状态,然后就能做出页面流畅、动静结合的优质网站啦!


  悬浮窗的应用场景二:停靠的电话咨询模块


停靠的电话咨询模块


  营销型网站模板都少不了“在线咨询”的入口,用自由容器模块搭建一个包含标题和按钮的咨询框,再设置模块状态就可以让它一直停留在页面某个位置。猜一猜这属于模块状态中的哪个状态?


  答案是“停靠状态”!为更直观地解释什么是停靠状态,小编凡科建站截取了下图。


创建网站


  悬浮窗的应用场景三:作为永动机的宣传窗


飘动状态


  问:这是设置模块状态中的哪一状态呢?


  答:看名字就知道,选“飘动状态”。原来做一个会动的宣传窗,竟然真的不用敲代码!


  不懂如何创建网站的你,想要在创建网站时做出酷炫的悬浮窗效果吗?注册凡科建站账号,选择模块状态就可以!