小程序外观设计

小程序版面功能概览👇

一.品牌信息

主要包含为上传自己的品牌logo及店铺名称,主要用于微信搜索,因此名字不建议过长。
点击上方显示品牌信息,创建方式如下:

二.品牌海报


主要为酒店内部宣传使用,用户在入住过程中可以直接通过扫面二维码进入活动界面及公众号,完成指令操作。进行营销活动

三.设计小程序

了解小程序插件模块


点击上方显示的【设计小程序】,进入小程序创建区
根据版本的迭代方式功能略有不同,主要是小程序上固有的排列方式和部分营销工具的差异化
目前住客云给到商家操作的组件有16种不同的功能,按照结构分为固定插件和可移动功能插件


为方便设定,其固定程序组件已经被系统设为固定模式并直接标识出来,商家直接根据其具体展现出来的效果直接进行设置即可
首先介绍固定插件,这里我分为固定模块1和固定模块2

1.固定模块1


顶部导航:分别是透明标题、日期搜索、品牌信息展示导航
其中日期搜素导航可以直接将搜索日期中可定房源进行筛选

 


banner广告:即下方浏览区显示的广告屏
该广告屏可以在右下方点击【添加】无限次叠加自己所需要展示的广告内容
并可以跳转小程序页面【会员中心】或【营销】中心设置的活动,丰富广告效果
针对于自定义跳转链接,很抱歉我们目前在开发中,在后续的版本中我们会持续迭代
如果banner页不需要,我们可以不进行设置即可

 


开屏启动页:当打开小程序,会有一个缓存展示页,可以自定义停留时间

 


首页弹出窗:当用户进入小程序,可以自定义一个活动推荐
推荐理解场景为饿了么领每日优惠劵


针对于首页弹出界面及开屏启动页如果不需要刻意考虑删除,鼠标移动到该功能区即可删除

 

2.固定模块2|底部导航


注意我们的右侧有一个滑动条,当滑动到底部的时候可以看到固定模块2【底部导航】

 


点击进入【底部导航】
底部导航也分为固定模块和可选择模块,如下图
固定模块组分为【首页】和【我的】,不支持选择,为固定排列
可选择模块分为【订单列表】、【会员中心】和【优惠列表】


可选择模块可以根据上架自身需要选择排列在首页,但如果不选择某功能
该功能会自动显示在第五个菜单栏【我的】里,供用户使用

3.移动功能模块


该功能区主要为体现品牌官方小程序的功能化及个性化
为什么说他可移动呢,举例拖动右侧【….】即可上下调整顺序(该功能只针对于专业版)
同时这里有16种小程序功能,可以通过下方添加页进行模块的增加


这里我直接点击添加,通过整体插件进行逐步阐述

1)城市商圈


在上架门店时,通过锁定具体地理位置,即可将该门店定位在系统里
当多个门店同时上传位置时,通过点击【城市/商圈】用户就可以浏览到该城市的的门店分布,从而选择距离最近门店

2)介绍图


这里因为技术排版问题,避免每增加一个介绍图就需要增加新的介绍组件
所以我们在小程序的功能区头部、中部、底部分别设置了三个产品介绍图,可以根据自身实际需要选择添加。且每个介绍图在原有位置上可以无限次累积叠加
功能1:页边保留
可以根据自己的美观需要进行保留页面边或不保留直接图片覆盖,保留效果如下


功能2:介绍跳转
该介绍图可以直接链接到小程序的会员中心或者营销活动,可根据需要叠加

3)导航跳转


可根据需要在下方进行添加所需要的导航键个数,同时自定义图片及名称
注意这里我们同样只支持小程序的内部跳转,目前自定义功能还在迭代中哦

4)活动位


为了方便大家使用目前各活动模块的预览图主要用于操作效果展示,暂时还不能支持我们实施预览,如果有需要可以以实际小程序进行浏览
每个活动展示面还是老规矩,暂时只能跳转到我们的小程序功能内~辛苦大家

5)产品展示


可以通过【添加门店】进行多个门店选择,并且根据展示图我们可以进行一分、二分
展示如下:


在添加门店过程中,如果对某门店不需要,我们可以将鼠标划到该门店区域,点击删除

6)储值卡展示

可以自定义展示样式,目前我们在该功能区还是不能支持实时预览,我们可以以小程序实际显示为主

7)品牌介绍


该展示区除了体现在小程序区外,还链接在我们小程序设计板块中【品牌展示】

8)搜索房源/酒店


可以根据景点、地址和房源名就可以直接搜索到该场景的酒店房源,进行查阅、导航


展示如下: