【店铺装修-高级版】

针对首页美观度要求比较高的店铺,以下是高级版的店铺首页装修,重点讲解首页装修里广告模块的应用。

小程序店铺装修操作流程,:

一、《模块介绍》:
小程序整个首页都是各种模块组合而成的,装修模块主要分为:基本信息模块、广告模块、活动推荐模块、文章推荐模块。


1、基本信息模块用于展示店铺的基本资料,例如门头照片、LOGO、店名等信息。




2、广告模块分为:
轮播广告图(尺寸640X360 同等大小多张图片轮播)
图标广告栏(导航按钮,总尺寸640宽,一行同等大小多张图片,可设计为按钮)
栏目条(各版块之间的分隔条,建议尺寸640X80/60,文字例如:限时秒杀、超值团购)
均分广告(尺寸640宽,均分为一行两张或多张图片)
自定义广告(尺寸640宽,高度不限,可用于大幅广告图)。




3、活动推荐模块:秒杀、砍价、拼团、众筹、心愿购、报名活动、超值单品、设计师案例。这些模块都是推荐的,只要选择对应的模块,把创建好的内容勾选上来就可以了。





4、文章TAB模块:文章tab模块主要是用于推荐文章资讯到首页,文章建议在PC后台创建,可图文结合。保存后。在文章TAB模块可以推荐到首页,并且可以分多个栏目,例如:品牌文化、最新资讯等。





二、《广告模块的应用》:

系统自带的推荐模块,都是固定的样式,我们想要装修出更美观的效果,设计师就需要把小程序首页整体在Ps软件里排版好,再进行切图,全部用广告位的形式来上传到首页并添加链接。具体操作如下:


1、广告图片上传:

1、PS设计整体首页效果图,如下:



并每个模块切图保存到电脑上:




2、打开PC后台-组织架构-首页装修,依次选择模块并上传图片。



点击插入内容—选择广告—栏目条。



点击栏目条模块—-添加内容。




把第一个栏目条广告上传上来。保存就能看到效果了。



继续插入模块—点击模块—向下插入模块



选择广告—-轮播图广告。



把轮播广告图上传上来。



上传成功后,继续添加多张图片—点击图片—-向后添加内容。



把其他的广告图也上传上来



这里要注意的是轮播广告要同样大小尺寸。才不会变形。



继续添加模块—点击模块—向下插入模块-。



选择广告—-均分广告。



把几个设计好的图标按顺序上传上来。




按顺序把图标广告上传上来。效果如下:



继续添加模块—点击模块—向下插入模块,选择广告—栏目条



把栏目条上传上来保存。



继续添加模块—点击模块—向下插入模块—选择广告—自定义广告。(自定义广告640宽,高度不限,适用于所有不知道具体高度的图片)


所有图片按照上面的操作全部上传完成,我们要点一下“预览首页”,这个是手动刷新的按钮,点完顾客端就能看到了。


我们也可以回到手机端小程序首页来看看效果。

2、图片插入链接:

我们已经把首页的图片都上传完了。现在就可以开始加入链接了。

找到对应的广告图片,点击一下图片—-更换当前内容。



链接分为站内链接和站外链接两种,站内链接指的是小程序里已经建好的内容,例如商品、秒杀、拼团、文章、报名等活动。这些已经事先建好的内容,用站内链接直接勾选上来就好了。



站外链接很简单,只要点开图片—-更换当前内容—-选择站外链接,把链接复制到链接框里就可以了。但是这里要注意的是,小程序只可以链接同一域名或者已经授权过安全域名地址。其他的地址链接进去也是打不开的。这个要用之前最好咨询一下好店客服。




第三种链接方式,是链接一个新的页面。我们叫活动页或者二级页面。
例如我们首页的关于红苹果是一个按钮,我想要链接一个二级页面。我们要先创建一个新的页面出来,写上名称叫“关于红苹果”。在PC后台首页装修那里—新建页面—保存。

这里就出现了一个“关于红苹果”新的装修页面,首先要按照上面的方法,把这个新的页面填充一下图片内容。记得要点一下预览

然后我们回到首页,点击一下“关于红苹果”这个图片按钮



—-更换当前内容—-站内链接—-选择活动页面—-把刚才那个“关于红苹果”的页面勾选上来,确定就好了。



以上就是广告模块和图片链接的使用方式了,您学会吗?