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