比切图效果更好的“图片热区”是什么神仙功能?

建站 私域流量裂变

点击蓝字关注我们

首先,来说说切图和图片热区分别是什么?

“切图”

切图是将很大的页面图像,以类似拼图的方式切成不同的小图片,每个小图片上能添加不同的链接,然后达到点击不同的图片跳转到不一样页面的作用,利用新概念商城系统的图片魔方功能可以实现这一效果。

图片热区

图片热区是新概念商城4.0的新增功能,在一张图片上,制作任意尺寸的四边形区域,并添加链接的一种方式,可以实现在一张图片上,点击不同区域跳转不同页面的效果。

比切图效果更好的“图片热区”是什么神仙功能?插图

“图片热区”优点

图片不必被切割,节省操作步骤,省时省力!!!

自定义热区,创建更自由,更便利!!!

美工设计不被拘束,实现更多个性化的页面效果,满足不同用户多样化的装修需求!!!

“图片热区”应用场景

>>>1.个性化授权页面<<<

通过“图片热区”功能,小程序登陆时的授权页面就可以自定义上传图片、自定义按钮热区。

比切图效果更好的“图片热区”是什么神仙功能?插图1
比切图效果更好的“图片热区”是什么神仙功能?插图2

设计思路仅供参考

>>>2.多商品排版不受限<<<

当你使用图片魔方功能时,上传的图片排列方式、尺寸会受到限制。

比切图效果更好的“图片热区”是什么神仙功能?插图3

图片魔方排版展示

使用“热区”功能,商品的排列位置、数量、尺寸都不受限制,最大程度实现设计构想。

比切图效果更好的“图片热区”是什么神仙功能?插图4
比切图效果更好的“图片热区”是什么神仙功能?插图5

图片来源网络

>>>3.导航栏不限高<<<

如果你想要做一个个性化的导航栏,对尺寸比例有硬性要求,那么用热区功能就可以轻松实现。

上传设计好的图片–划分热区–选择链接到对应的分类。

比切图效果更好的“图片热区”是什么神仙功能?插图6
比切图效果更好的“图片热区”是什么神仙功能?插图7

图片来源网络

>>>4.导航图标不限尺寸<<<

不管是大尺寸,排版醒目的导航图标,还是小尺寸,排版清爽的导航图标,热区功能都能满足。

比切图效果更好的“图片热区”是什么神仙功能?插图8
比切图效果更好的“图片热区”是什么神仙功能?插图9

图片来源网络

>>>5.添加不同样式的优惠券<<<

利用热区功能,可以在不同的位置,添加不同样式的优惠券,吸引用户眼球,引导领券,刺激用户下单消费。

比切图效果更好的“图片热区”是什么神仙功能?插图10
比切图效果更好的“图片热区”是什么神仙功能?插图11

图片来源网络

>>>6.特定风格装修<<<

如果商城装修想要展现品牌个性与特色,又或者是在特定的节日,情人节、双十一、国庆节等等黄金促销节点,商城需要迎合节日氛围的装修,可以让美工设计整个展示页面(可应用于首页、自定义页面),然后在整个页面上划分多个热区,链接跳转到不同的系统页面,风格鲜明,与众不同的商城装修轻松搞定!!!

比切图效果更好的“图片热区”是什么神仙功能?插图12

小程序商城比切图效果更好的“图片热区”是什么神仙功能?插图13

比切图效果更好的“图片热区”是什么神仙功能?插图14

图片来源网络

“图片热区”操作步骤详解

 
  • 进入可视化DIY模板编辑页面;比切图效果更好的“图片热区”是什么神仙功能?插图15

 

  • 选择“图片广告”组件;

        比切图效果更好的“图片热区”是什么神仙功能?插图16

  • 上传一张设计好的图片;

比切图效果更好的“图片热区”是什么神仙功能?插图17

 

  • 鼠标点击划分热区;

比切图效果更好的“图片热区”是什么神仙功能?插图18

 

  • 添加热区链接;

比切图效果更好的“图片热区”是什么神仙功能?插图19

 

  • 添加好一个热区之后,重复4、5步骤,在该图片上继续划分多个热区;

比切图效果更好的“图片热区”是什么神仙功能?插图20

 

  • 最后点击保存即可。
比切图效果更好的“图片热区”是什么神仙功能?插图21

比切图效果更好的“图片热区”是什么神仙功能?插图22

● 长按识别 关注我们 ●

解锁更多内容

本文来自网络,不代表欢乐家园立场,转载请注明出处:https://www.ydavip.com/1494.html,如有侵权,请联系网站删除!Email:2914437819@qq.com;
头像

关于作者: 新概念电商

为您推荐