Pro版 v3.0首页DIY热区神器，让图片更全能！

迷南。 2024-04-29 19:21 7阅读 0赞

Pro版v3.0新增了很多新功能，为了方便大家能快速了解使用，今天，我们就开始来逐步了解这些新功能。

在此次更新中，Pro版的首页DIY功能实现了全新重构升级，新增了DIY热区、视频、排行榜、积分商城、预售、签到组件，各组件的自定义设置也更加丰富，样式设计更全面，可自行设计出上千种页面效果。

接下来，就请跟着小编一起，来解锁CRMEB 商城系统**首页DIY设计的新组件——热区。**

说到热区，可能很多人就会想，这个功能是用在哪的呢？

其实，在日常购物时，图片热区是很常见的。比如服装店在展示服装搭配时，一张图上可能会涉及好多件商品，不同商品需要跳转不同购买链接，这时就可以用到热区。

再比如一张图片上，需要加多个活动跳转入口，也可以用到热区对图片进行分区，然后再分别设置入口链接。

总之，热区的应用能省去很多工作步骤，实现快速导航和跳转，对商家营销和管理都大有裨益。

CRMEB商城系统的首页DIY设计页面，主要分为3大部分，左侧是组件库，中间是可视化编辑区，右侧是内容样式设置区。

![870f9202401261532553713.png][]

**热区的设置过程总结起来，可以分为3步。**

**第一步：确定主模版；第二步：划分子模版；第三步：设置热区信息**

**一、确定主模版**

从左侧选择热区组件添加，选择上传图片，这个图片就是热区的主模版。

![c61ab202401261533358198.png][]

**二、划分子模版**

确定好主模版后，就可以编辑热区，划分子模版了。就像👇👇演示操作中这样，框选要设置跳转链接的图片区域。需要注意的是，框选区域时尽量避免区域交叠，减少数据交叉的风险。

![4add7202401261540087765.png][]

**三、设置热区信息**

选好区域后，就可以设置区域跳转链接了。在CRMEB Pro版商城系统中，可以设置商城页面、商品页面、文章页面或自定义链接，以上分类页面包含多种子页面，都可以自由选择。比如在商城页面可以选择营销活动链接，在商品页面可以选择某一类/某一商品链接，或活动商品链接，总之，设置自由度很高，可以尽情发挥。

![79d38202401261534343765.gif][]

除了热区图片及链接的设置，我们还可以对热区组件的样式进行自定义调节。

组件样式主要包含底部背景、四周边距，页面上间距、背景圆角的设置，使用过程中可以根据自己的需要随机设置，调整出适合的效果。

![21275202401261534458773.gif][]

让图片不再只是展示，为图片设置热区链接，让一张图片的不同区域实现不同链接跳转。无论是提升用户体验、扩大营销覆盖面，还是实现精准的用户画像分析和个性化推荐，热区组件功能都将成为商家精细化运营的重要工具之一。通过灵活运用热区功能，能帮助商家提高市场表现力，实现业务的持续增长和用户的深度绑定。

[870f9202401261532553713.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/9ea2e5a9f0c54120a3889f43deb481b9.png
[c61ab202401261533358198.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/4c76580931b94be0a5d30fe711a7576a.png
[4add7202401261540087765.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/2d76976d0a814e94a5d93be866b3182a.png
[79d38202401261534343765.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/d491b21b471f4b12bdac9a50ca96f576.gif
[21275202401261534458773.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/2db390d714c94351a2b4b7b6c5186478.gif