跨境电子商务视觉营销教学课件6-2-旺铺子板块装修

阿里国际站旺铺装修跨境电商视觉营销CONTENTS目录6.1页面整体布局6.2旺铺子版块装修6.3移动端装修旺铺子板块装修第二节阿里国际站旺铺如何装修？

本节要点01大海报背景02店招03Banner04产品推荐05客服模块06自定义模块大海报背景第一步：登录国际站后台，点击中间页面“管理全球旺铺”，或者是点击“店铺管理”-“管理全球旺铺”进入旺铺装修页面。大海报背景第二步：自动进入旺铺装修界面大海报背景第三步：点击左侧的“页面背景”第四步：点击右侧“页面背景色”，除了背景图以外的空白背景均为页面背景色。选色器用来设置任意背景颜色大海报背景第五步：点击下方的编辑区域，可上传背景图片。背景图片建议尺寸为2000*3000像素以内（最佳宽度为1920像素），JPG、PNG图片格式，2M以内。如上传的图片符合该像素，但发布后显示不完整，则应考虑是由于屏幕分辨率的不同，导致图片的显示比例不同。大海报背景第六步：点击添加已制作好的背景图片，双击选定的背景图片，点击图中“保存并关闭”。第七步：背景图片添加完成后，需要预览检查一下呈现效果，点击下侧的“预览”，选择“PC”，即可预览上传好的背景。确定无误后，点击“发布”按钮，完成背景图片上传。店招第一步：根据招牌底图的上传要求，尺寸定为1200*280px，考虑到图片上下各有44px的高度将会被遮挡，制作时应尽量避开此区域。打开Photoshop，新建画布，大小为1200*280px，点击确定，在新建的画布底部44px位置处建立参考线，预留导航栏位置。店招板块位于页面的最上方。店招是一个旺铺的招牌，也是展示旺铺形象的一个重要板块。买家进入旺铺首先看到的就是店招，从而会对旺铺产生一个大致的定位。店招第二步：添加企业LOGO，放入合适位置，可以按住Shift键调整LOGO大小店招第三步：点击左侧的“页面背景”店招第四步：在阿里国际站后台页面装修区域点击“店招”板块，右侧出现编辑区店招第五步：点击“招牌底图”下方的编辑区域上传招牌底图，如图1所示。选择已制作保存好的图片，出现如图2的界面，点击“SaveandClose”然后点击右下方“保存”按钮，如图3。图1图2图3店招第六步：点击下方的“预览”，选择“PC”，即可进行预览BannerBanner是网站页面的横幅广告，是用来表现商家广告内容的图片。成功的Banner主题明确，没有过多的干扰元素，让用户一眼就能识别广告含义。第一步：在旺铺后台页面编辑区域，鼠标停留到Banner海报编辑区Banner第二步：点击banner区域，出现编辑区第三步：点击选择设置Banner高度，如选择“450”，然后点击“确认”Banner第四步：打开Photoshop软件，新建画布大小为1200x450px，点击确定，如图1所示。接着插入拍摄的图片，按住Ctrl+T调整到适当大小及适当位置，如图2所示。图1图2Banner第五步：复制一层图层，调整图层模式，如“柔光”，如图1所示。降低图层透明度到合适为止，如图2所示。图1图2Banner第六步：点击左侧文字编辑工具，在右侧画布中托选出文字位置区域，如图1所示。在文字选框区域输入相应的海报促销文案，调整文字大小以及文字颜色字体，如下图2所示。图1图2Banner第七步：点击左侧的矩形选框工具，在右侧画布中画出一个矩形框，并双击调整矩形图形的颜色，选取合适颜色并点击“确定”。图1图2Banner第八步：点击左侧文字编辑工具，在右侧矩形图形上方画框写入文字并调整到合适大小和颜色、位置。图1图2Banner第九步：复制一层之前的矩形图形，使用移动工具移动到合适位置Banner第十步：调整复制的矩形图形的颜色Banner第十一步：新建一个图层，绘制一个白色的矩形框，在工具栏中点击“滤镜”-“模糊”-“动感模糊”，调整动感模糊距离到合适大小，并降低图层的不透明度。然后加入企业Logo，调整优化海报页面整体，海报完成。Banner第十二步：点击保存为web格式下JPEG格式。在阿里国际站旺铺Banner编辑模块，上传Banner图片Banner第十三步：选中设计好的banner图片进行上传，点击“保存并关闭”Banner第十四步：点击“保存”-“预览”-“PC”，即可查看店铺上传效果产品推荐第一步：点击页面编辑页面左侧任务栏中的“产品推荐”，该板块有多种产品推荐模块和方式，可以选择其中一种，如“重点推荐”产品推荐第二步：鼠标停留在“重点推荐”模块，按住拖拽到右侧画面中的适当位置产品推荐第三步：点击添加好的“产品推荐”模块，右侧出现编辑区。第四步：“产品推荐”方式选择“手动选择”，点击“选择产品”，出现选择产品的界面，即可选择想要推荐的产品，选择好要推荐的产品后，点击“确认”-“保存”产品推荐第五步：“产品推荐”模块设置完成后，点击保存，可进行预览客服模块第一步：在后台旺铺装修编辑页面，点击左侧任务栏中的“营销”，找到“客服模块”进行添加第二步：拖拽“客服模块”将其添加到中间页面的适当位置客服模块第三步：点击添加完成的“客服模块”，右侧出现编辑区第四步：点击“设置客服账户”，进入“设置客服账户”对话框，供应商进行设置客服账号和头像客服模块第五步：添加客服账户信息之后，点击“确认”并“保存”，完成之后可进行预览。自定义模块自定义模块提供HTML编辑、文字录入、上传图片等功能。目前比较热门的自定义运用有：展示公司宣传图、多个旺旺联系人、多语言旺铺页面等。每个旺铺共可以添加15个自定义模块，同一个自定义模块的字符数不超过30000个。自定义模块在窄栏、宽栏和通栏下均可以添加，在编辑器的左侧任务栏中选择“营销”，添加“自定义内容区”至展示区即可完成模块的添加。自定义模块第一步：在后台旺铺装修页面，点击“营销”-“自定义内容区”第二步：拖拽“自定义内容区”到中间页面的合适位置，点击添加完成的“自定义内容