网店装修（第三版） 课件 学习情境六　打造高转化的自定义页面

打造高转化的

自定义页面学习情境六网店装修（第三版）中国人民大学出版社—2

—

目录01任务一

自定义页面策划02任务二

自定义页面设计03任务三

自定义页面上传快节奏的网络生活将我们带入了“互联网读图时代”，一个优秀的自定义页面能将商品信息和网店实力很好地传达给消费者。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示网店的独特性。同时，网店自定义页面对促进消费者下单购买也起着尤为关键的作用。

前言了解网店自定义页面的基础理论熟悉网店自定义页面的设计方法掌握网店自定义页面的上传方法知识目标能够合理编排网店自定义页面的设计框架能够独立制作一个完整的网店自定义页面能够将网店自定义页面上传至电商平台技能目标传播中华优秀传统文化，增强文化自信与民族自豪感树立品牌意识，建设品牌强国树立终身学习理念，努力学习新技术素养目标

学习目标

学习情境思维导图中秋节促销活动即将到来，设计部主管陈明发出如下所示的任务单，要求制作网店中秋节促销活动的自定义页面。通过对任务单的分析，可以将本任务分成自定义页面策划、自定义页面设计、自定义页面上传3个子任务。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务指派人陈明发出日期

完成日期

/时间

任务名称中秋节活动自定义页面装修

任务用途首页□主题独立页

R官方承接页□主图□直通车图□钻展图□详情基础优化□详情深度优化□

详情深度优化口官方引流图□主题广告图□新品上新

口常规活动营销策划□主题活动策划□大型活动策划□商品运营策划□

其他：

任务要求中秋节促销活动将至，为YIMI伊米生活用品店制作一个中秋节活动自定义页面1.整体要求：（1）活动主题醒目、排版美观、视觉冲击力强、大气上档次，让消费者有信任感（2）页面逻辑清晰，优惠信息明显，能发挥引导购买作用2.营销策略：（1）全场跨店满300减40元；（2）优惠券：满59减3元，满99减5元，满199减10元（3）前2名免单商品：抽纸、保温玻璃杯；（4）五折抢购热销商品：牙膏、纸巾盒、洗发水（5）八折回馈新品商品：饭盒、纸手帕、洗脸毛巾、玻璃杯、筷子套装、洗洁精

风格偏好□普通简洁，中规中矩□古典文化，怀旧经典□热烈奔放，充满情趣□大气简约，商业气息浓□年轻时尚，青春活力，另类R其他：鲜亮活泼，中秋节主题气氛强烈

制作规范以自定义页面尺寸规格为准，jpg格式自我检查确认签名：组长检查确认签名：验收人确认签名：—7

—

目录01任务一自定义页面策划02任务二

自定义页面设计03任务三

自定义页面上传一、认识自定义页面（一）自定义页面的定义

自定义页面又称二级页面，是网店装修中的一个独立页面，目前电脑端和手机端的网店装修后台均可根据需求增添数量不限的自定义页面。自定义页面是卖家围绕某个主题焦点的一个内容聚合页，一般是文案、图片、视频等多种组合优化后的页面，再配合商品详情信息、活动优惠信息等链接，增加页面的访问深度，也起到页面关联和购物引导的作用。（二）自定义页面的作用1.加深消费者访问深度

到店的流量能有多少访问深度才是卖家最为关注的。为了满足到店消费者的不同需求，卖家需通过规划网店首页与自定义页面之间的联系，从而增加消费者的停留时间。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划一、认识自定义页面（二）自定义页面的作用2.提高网店转化率

为了获得消费者的关注，卖家会定期设计各种主题的活动专题页面，通过有效的视觉设计，突出优惠力度，促使消费者下单，进而提升网店的转化率。

例如，品牌文化页面和售后服务页面虽然没有促销的紧迫感，但却起到塑造良好的企业品牌形象和让消费者感受到贴心售后服务的作用，从而提升了消费者对企业的好感度，打消了消费者的购买疑虑，有利于网店的转化。3.提高消费者黏度

网店回头率是影响网店权重的重要因素之一，所以卖家都十分关注会员关系维护。为了促使消费者频繁光顾，卖家可以实行会员等级制度，定期推出VIP会员活动。利用会员活动页面推广宣传网店会员福利，吸引新会员，增加老会员复购率，从而提高消费者黏度。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划二、自定义页面的主要类型

（一）活动专题页

卖家一年中几乎有三分之二的时间都在推出各种各样的网店促销活动。为了吸引消费者的注意力和兴趣，增加消费者的参与感，卖家通常会设计制作活动专题页面。

活动专题页面是卖家围绕网店促销活动的主题，结合店内的优惠信息，以图文组合形式向消费者详细地展示促销内容。活动专题页面设计常以鲜艳夺目的配色、别具一格的排版设计来营造热烈的营销气氛，从而提高消费者的关注度。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划二、自定义页面的主要类型

（二）品牌文化页

为了消除消费者的购买疑虑，提高消费者的信任感，卖家会添加品牌文化页来传播企业精神和品牌文化，从而提高品牌信服力，树立良好的企业形象，使网店获得消费者的认可。

品牌文化页主要向消费者介绍品牌或者展示品牌故事，详细地向消费者展示品牌的内涵、经营历史、风格和企业文化等。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划素养提升：树立品牌意识，建设品牌强国情境导入知识探究流程计划任务实施同步实训情境考核拓展训练每年的5月10日是中国品牌日。品牌是生产者和消费者共同的追求，是企业乃至国家综合竞争力的重要体现。加强品牌建设，有利于推动经济大国向经济强国转变，有利于满足人们更高层次的物质文化需求，有利于弘扬中华文化、提升中国形象。对于网店商家而言，要树立品牌意识，提升产品与服务质量，致力塑造品牌形象，为建设品牌强国贡献力量。任务一

自定义页面策划二、自定义页面的主要类型

（三）会员活动页

会员活动页主要向消费者介绍会员积分的价值，展现会员权益活动的内容。卖家常常定期推出会员权益活动，主要目的是提高会员活跃度和忠诚度，激发会员购买欲望，同时吸引新会员加入，引导新会员参与活动，以此提升网店转化率。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划二、自定义页面的主要类型

（四）售后服务页

售后服务页主要向消费者展示网店的发货收货服务、退换货服务、安装服务、保修维修服务等一系列细致的售后服务信息。展示完备的售后服务体系，就是向消费者保证网店会全力地解决售后问题，无论是退换货还是安装维修等，网店都会做到及时迅速、服务到位、热情规范，让消费者满意。一套完整的售后服务体系不仅可以体现网店的综合实力，还能让消费者放心购买网店的商品。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划小试身手：分析茶叶网店不同类型自定义页面的案例图任务要求登录淘宝网搜索茶叶网店不同类型的自定义页面，并把其活动专题页面、品牌介绍页面、会员活动页面以及售后服务页面进行截图保存，分析以上不同自定义页面的效果与作用。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划三、自定义页面的布局

为了保证自定义页面可以吸引消费者一直浏览，并唤起其购买欲，卖家在策划自定义页面时必须保证页面视觉表现形式的合理性。虽然现在很多网店的自定义页面呈现出各种别具风格的样式，但实际上它们的基本框架和组成部分都是有共性的。

一般来说，无论哪种类型的自定义页面，都由四大部分组成：头部Banner图+楼层模块（至少一个）+背景+氛围点缀物。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划三、自定义页面的布局

其中，“楼层模块”的数量根据网店的运营方案内容来确定。以某网店电脑端“双旦礼遇季”活动专题页为例，其布局为：双旦礼遇季Banner图、优惠券楼层模块、活动主推商品楼层模块、明星单品楼层模块。

再如某网店手机端会员活动页，其布局为：会员日Banner图、会员分享抽奖活动楼层模块。

自定义页面布局中的楼层模块没有数量的硬性要求，只要能满足页面信息的传达需求，给予消费者良好的体验感即可。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划小试身手：分析茶叶网店不同类型自定义页面的布局，并绘制自定义页面的布局图任务要求请分析收集到的茶叶网店不同类型自定义页面的布局，根据学习情境六中小试身手素材，利用Photoshop软件，分别绘制其布局组成图（需标注不同楼层的命名）。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练通过对任务的分析及自定义页面策划的学习，制订以下计划：情境导入知识探究流程计划任务实施同步实训情境考核拓展训练确定自定义页面的类型明确自定义页面的主题分析优秀自定义页面制定自定义页面策划框架任务一

自定义页面策划

（一）确定自定义页面的类型

本次任务是为网店推广宣传的“中秋节”促销活动设计自定义页面，根据自定义页面的类型定义，可确定该页面为活动专题页面类型。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练

（二）明确自定义页面的主题

仔细分析中秋节促销活动营销策划方案，页面主题是围绕中秋节促销活动开展的，以“中秋节”为主题核心。因该网店是一家专营生活日用品的网店，所以最后确定自定义页面的主题为“浓情中秋聚惠献礼”。任务一

自定义页面策划

（三）分析优秀自定义页面

首先，在百度图片或各大设计网站搜索关键词“活动专题页面”，收集优秀的活动专题页面案例图，分析其布局组成，整理活动专题页面的布局组成模块。

通过分析，总结出活动专题页面的组成模块一般按照以下顺序排列：头部Banner模块、营销信息（机制区）模块（包含优惠券信息、促销活动信息等）、热销/主推商品模块、新品/次推商品模块。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划

（四）制定自定义页面策划框架

结合本次任务单的营销信息内容，确定该活动专题页面的楼层模块后，使用Photoshop软件制定自定义页面的策划框架。1.新建文件

打开Photoshop软件，新建一个1200px×3000px且命名为“YIMI伊米生活用品店中秋节活动自定义页面策划框架”的文档，图像高度按照后期页面的需要继续增加。2.制定框架

依据活动专题页面的模块顺序要求，按以下顺序排列：头部Banner模块—机制区模块—特价免单模块—热销商品模块—新品模块情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划【实训目的】为网店策划会员活动页【实训要求】情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务一

自定义页面策划—24

—

目录01任务一自定义页面策划02任务二自定义页面设计03任务三

自定义页面上传一、自定义页面的常见尺寸

电脑和手机的屏幕大小不同，电脑端和手机端的自定义页面尺寸也有所不同，具体要求如下所示。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计二、自定义页面的设计规范（一）活动专题页面的设计规范1.活动专题页面的设计要点（1）头部Banner模块情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

头部Banner是活动专题页面的主视觉区域，丰富酷炫的设计能抓住消费者的眼球，决定消费者是否停留。因此，头部Banner图需要做好有效信息传达才能提高活动专题页面的转化率。当下比较流行的几种视觉风格有：插画风格、合成风格、三维风格、波普风格等。二、自定义页面的设计规范（一）活动专题页面的设计规范1.活动专题页面的设计要点（2）营销信息（机制区）模块情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

本模块主要展示网店本次主题活动的促销信息集合，如优惠券、抽奖活动、满减等营销活动信息。为了刺激消费者的购物欲望，在优惠券等营销活动信息中，数额字体尽量使用较大的字号以及加粗形式。二、自定义页面的设计规范（一）活动专题页面的设计规范1.活动专题页面的设计要点（3）热销/主推商品模块情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

本模块主要是用于网店促销力度较大商品的醒目展示，目的是提升主推商品的曝光度，促进消费者的购买。因此，在设计本模块时，需要呈现模块的标题、商品陈列等信息。

在进行图文排版时，本模块多为左右排版（左文右图、左图右文）交替呈现。值得注意的是，主推区域的商品图片要清晰且大，文案信息要简洁又突出核心卖点，相同层级的内容要做到统一规范。二、自定义页面的设计规范（一）活动专题页面的设计规范1.活动专题页面的设计要点（4）新品/次推商品模块情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

本模块的设计与热销/主推商品模块大同小异，为了区分主次，在商品排版时本模块通常为一行2～3个商品并列展示，图文排版形式多为上图下文，文案组合需区分文字层级与样式。数智赋能：鹿班智能货架情境导入知识探究流程计划任务实施同步实训情境考核拓展训练使鹿班智能货架是淘宝手机端提供的智能设计服务，可以按意向人群、新老客、会员等维度运营货架，针对不同人群展现不同货品，让转化率高效提升。按策划要求，选择货架模板即可，无须自己设计，可一键换肤，操作更加简便。任务二

自定义页面设计二、自定义页面的设计规范（一）活动专题页面的设计规范2.活动专题页面的常见配色情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

根据自定义内容的需要，采用适合的色彩搭配，能准确地表达出相应的主题内涵。充分运用色彩的不同特性，可以提升自定义页面的档次和品位，烘托促销活动氛围，吸引消费者并激发其购买欲望。因此活动专题页的配色一般采用对比色或者间隔色，这样的搭配能带来强烈的视觉效果，给消费者亮丽、鲜艳的感觉。如下图所示，某网店活动专题页的头部Banner图融合了各种国风元素，使用中国红作为页面背景色，添加了黄色的祥云、绿色的松树等点缀元素，突出年货节主题，让人感到欢乐、热烈、明快。二、自定义页面的设计规范（一）活动专题页面的设计规范2.活动专题页面的常见配色情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

活动专题页面一般也会以暖色为主色调，如红色、橙色、黄色等，这种色调的运用可以使页面给人带来热情、兴奋、欢快的心理感受。

另外，活动专题页面为了能与节日主题相呼应，很多时候会选择节日代表色。常见的节日代表色见下表。二、自定义页面的设计规范（二

）品牌文化页的设计规范1.品牌文化页的设计要点情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计（1）合理分割视觉区域：为了让消费者在浏览品牌文化页时更好地理解网店文化，可以利用不同的色块将品牌文化页分割成多个视觉区域，把品牌的各类信息分别放进不同的区域，让整体页面具有层次感，带给消费者舒适的阅读体验。（2）选择合适的字体：品牌文化页不适宜设计过度，因此在选择字体样式时不宜太多，应简洁明了，同时需选择与品牌调性相吻合的字体。如电器品牌可选择黑体类字体，服装品牌可选择宋体类字体。（3）图片的选择与处理：品牌文化页所使用的图片要与品牌形象协调与匹配，在考虑到网站加载速度的前提下，尽量选择高质量且清晰的图片。二、自定义页面的设计规范（二

）品牌文化页的设计规范2.品牌文化页的常见配色情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

在设计品牌文化页时，必须考虑品牌本身的风格与色调。品牌文化页的内容主要是围绕着网店的品牌文化、品牌历史、发展故事等开展，为了让消费者在浏览品牌文化页的过程中，能深深地把网店品牌形象烙在心间，品牌文化页的主色调一般是挑选能代表该品牌形象风格的颜色。如下图所示，湖绿色与林氏木业的品牌形象风格是一致的。素养提升：自定义页面设计的考证标准情境导入知识探究流程计划任务实施同步实训情境考核拓展训练在网店运营推广职业技能等级证书（初级）中，自定义页面设计需要根据网店营销需求，结合目标客户的浏览习惯，对自定义页面进行布局设计，从而增加页面访问深度，提升网店转化率。任务二

自定义页面设计三、自定义页面的点缀元素情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

点缀元素的应用较多地出现在活动专题页面或者会员活动页面，设计时在页面背景上适当地增加点缀元素能有效地烘托主题、活跃气氛，比空白干净的背景更有吸引力。

增加点缀元素的时候需要考虑是否与节日主题相匹配。在页面中加入一些与主题吻合的点缀元素，会让消费者在浏览页面时更有代入感。常见节日主题的点缀元素如下表所示。小试身手：分析茶叶网店活动专题页的设计任务要求请分析收集到的茶叶网店活动专题页，从页面风格、不同模块的图文排版形式、色彩搭配、点缀元素等方面展开分析其优点以及需要提升的地方。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计通过对任务的分析及自定义页面设计的学习，制定以下计划：情境导入知识探究流程计划任务实施同步实训情境考核拓展训练分析策划框架图明确风格、配色、排版、点缀物、字体收集相关素材用Photoshop制作自定义页面任务二

自定义页面设计

一、分析策划框架图

（1）本次活动专题页面的主题为“浓情中秋聚惠献礼”。从这里可提取的信息有：活动节日是中秋节，特征是团圆喜庆；网店类目是生活用品类，特征是温暖温馨。（2）从页面的策划框架图可知，除了头部Banner图外，楼层模块包含了“优惠券”、“免单活动”、“五折抢购”和“八折回馈”4个促销活动。页面容纳的优惠信息较多，所以在设计时尽量使用统一的配色和元素，把多个优惠活动连接在一起，让活动主题贯穿页面。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

二、明确风格、配色、排版、点缀物、字体

（一）风格根据策划书，明确YIMI伊米生活用品店中秋节活动专题页面设计风格为喜庆、热闹、温馨。（二）配色选取暖色为主色调，再结合节日代表色，最终确定页面色彩为红色、普蓝色和金黄色，营造活泼热闹的氛围。（三）排版因优惠活动和参与活动的商品较多，主推商品模块采用图文左右交替的方式，新品模块采用上文下图方式。（四）点缀物本任务的页面主题为中秋节，页面中可加入灯笼、祥云、玉兔、月亮等具有中秋特色的点缀元素。（五）字体头部Banner图的主标题字体选用传统韵律感与大气稳重感并存的方正兰亭特黑简体，在与中秋节活动背景相呼应的同时又能突出主题标语。模块标题选用方正正粗黑简体，产品信息文案则统一选用微软雅黑字体。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

三、收集相关素材

到各大设计网站收集相关素材。推荐设计网站有花瓣网、千图网、包图网等。初定素材为古楼、祥云、灯笼、玉兔，如下图所示。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

四、用Photoshop制作自定义页面

（1）打开Photoshop软件，新建一个1200px×4000px的文件。如果后面发现高度不够，可以增加画布；如果高度过高，可以用裁切的方法裁掉多余部分。（2）头部Banner图设计：Banner图设计采用插画风格，使用古楼、夜空与圆月为主背景突出中秋节氛围，同时分别添加灯笼、祥云、玉兔等点缀元素，丰富画面效果。在Banner图正方摆放参加本次促销活动的商品，激发消费者购物欲望。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

四、用Photoshop制作自定义页面

（3）机制区模块设计：机制区模块主要展示优惠券信息以及满减信息，采用“领券享团圆优惠”文案标题与中秋节特征相吻合，通过放大加粗字体突出重点信息。（4）特价免单模块设计：特价免单模块的两个免单特价商品左右并列摆放，通过加粗字体突出“前两名免单”及“特价

¥9.9”的超低价优惠信息。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计

四、用Photoshop制作自定义页面

（5）热销商品模块设计：热销商品模块集中了本次活动主推且促销力度最大的商品，为了突出活动商品，一行摆放一个商品，且采用图文左右交替的摆放形式。（6）新品模块设计：由于新品比较多，所以这个模块一行摆放两个商品，且采用上图下文的排版方式。（7）最后，分别保存文档为PSD格式和JPG格式，并命名为“YIMI伊米生活用品店中秋节活动专题页面”。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计【实训目的】为网店设计会员活动页【实训要求】情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务二

自定义页面设计—46

—

目录01任务一自定义页面策划02任务二自定义页面设计03任务三

自定义页面上传一、电脑端自定义页面上传

进行电脑端自定义页面上传，需要先在店铺后台中新建一个自定义页。

进入“千牛卖家中心”，点击左侧的“店铺”功能，在“店铺装修”模块点击“PC店铺装修”，随即可选择新建页面。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传一、电脑端自定义页面上传

在智能版的电脑端装修平台中，自定义页面的一些基础模块实现了同步功能。宝贝推荐模块、全屏宽图模块、双列图片模块、文本链接模块、图文模块、文本模块、多端轮播

模块、全屏轮播模块均能实现电脑端和手机端的同步效果。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传二、手机端自定义页面上传

手机端的自定义页面和首页的装修模块大致相同，常用的官方模块如下表所示。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传二、手机端自定义页面上传

伴随着大数据技术的发展及平台算法的完善，手机端智能版装修后台中很多模块都提供了智能展现功能。

在“单图海报”和“轮播图海报”中，可以对智能展现设置进行流量分配方式的选择，包括平均分配和智能分配，如选择的是智能分配，将由算法优选展现。此外，在设置“轮播图海报”，还可以勾选多个设计该模块的意图，如品牌宣传、老客权益、会员权益、新品、清仓、爆款、大促、日销等，以便精确提升算法效率。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传设计好自定义页面后，进行切图上传，制定以下计划：情境导入知识探究流程计划任务实施同步实训情境考核拓展训练确定自定义页面的上传方法使用Photoshop进行切片上传到图片空间上传到网店任务三

自定义页面上传

一、确定自定义页面的上传方法

首先，确定自定义页面的上传方式。本次任务的活动专题页是放在手机端店铺中，且该页面的热区链接比较多。所以选择“多热区切图模块”上传，实现页面的自由排版布局和单图对应多热区链接的效果。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传

二、使用Phortoshop进行切片

使用Phortoshop软件对制作好的自定义页面进行切片，在切片前确定热区链接数量一共有12个，为满足上传要求，每一个图片高度要控制在120px~2000px，切片时注意不要把同一个热区链接分开。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传

三、上传到图片空间

将切片后的图片上传至网店图片空间。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传

三、上传到网店

（1）进入无线端装修后台，选择“自定义页”并新建页面，命名为“浓情中秋

聚惠献礼”后点击“装修页面”进入自定义页面装修界面。

（2）选择左侧装修模块栏中的“多热区切图”模块并拖曳到可视化装修界面，由于自定义页面切片后的图片一共有5张，所以拖入5个“多热区切图”模块即可，并删掉不需要的基础模块。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传

三、上传到网店

（3）单击“多热区切图”模块属性框中的“编辑热区”，按照从上往下的顺序分别上传制作好的图片。

（4）选择需添加热区链接的“多热区切图”模块，单击属性框中的“编辑热区”后将自动跳转到“热区编辑器”界面。在热区编辑器的图片上手动添加热区或一键识别热区，然后在对应的输入框中输入链接地址，最后单击的“确定”即可。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传

三、上传到网店

（5）其他需添加热区链接的“多热区切图”模块重复以上步骤即可。

（6）最后单击“预览”，用手机淘宝APP“扫一扫”即可进入预览页面。测试商品链接均正确后，就可以点击“发布”，完成自定义页装修。情境导入知识探究流程计划任务实施同步实训情境考核拓展训练任务三

自定义页面上传【实训目的】网店会员活动专题页上传【实训要求】情境导入