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

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

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

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

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

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

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

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

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

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

一、确定主模版

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

二、划分子模版

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

三、设置热区信息

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

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

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

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