已累计服务超 0 个商城
多渠道搭建线上商城
一站式营销解决方案
完整分销推广系统
精细化会员管理
商城首页  >   电商知识  >   在线商城小程序的导航设计方法介绍

在线商城小程序的导航设计方法介绍

2019-11-21 17:59:10

  在“电商潮”环境下,商家想要一举夺得更多的市场份额,除了借助网站的力量,更多商家已经拓展到小程序的应用,为顾客提供更加便捷的购买通道。说到“便捷”,当然少不了导航功能,那么如何才能做好在线商城小程序的导航设计呢?请看下面的方法介绍。


  简单来说,导航功能是以适当的分类、内设链接为基础,且方便顾客快速到达某一页面的一项设计。如果商家使用凡科商城的小程序商城模板来制作在线商城小程序,就会发现其中有常规导航、魔方导航、多图文导航这三种比较好用的导航,它们的设置方法有相似之处,但是也有一定的区别呢。


  【方法一】制作常规导航

商城小程序导航


  进入在线商城小程序编辑页面,在左侧菜单栏选择“控件”,看到“导航”字样,点击其右边的编辑小图标,在右侧新弹出的窗口进行设置。常设“分类”作为栏目名称,充当商品导航的标志,由商家自定义跳转链接,让顾客可以根据分类关键词找到目标商品。如果要应用这种导航方法,对于搜索关键词的设计也要更加精准哦。基本上,每个小程序商城模板都会配备常规导航,一键套用模板即可立即制作商城小程序。



商城小程序导航设置方式


  【方法二】设计魔方导航


  在小程序商城模板“模块”栏目下选择“魔方导航”,点击一下即可完成添加。相较于方法一的设置,魔方导航的设置步骤会多一些。


  首步:将光标停留在该部分的空白区域,点击编辑图标,然后在编辑窗口设置该模块的名称(无特别需求建议隐藏哦)、选择模块样式,还可以自定义显示样式(添加图片或者修改背景色),这些都是关于导航部分展示效果的设置。


商城小程序魔方导航


商城小程序魔方导航设置方式


  第二步:设置每个图标的导航效果。点击单独图标,编辑图标名称,还可以设计与内容相符的图标样式,便于在线商城小程序的顾客理解。而且要设置链接,实现页面之间的有效跳转,这才是导航设计的关键。

商城小程序魔方导航设置


  第三步:在导航项简易编辑窗口,勾选需要显示的项目以及显示顺序。到此即可完成魔方导航的设计。

商城小程序魔方导航设计


  【方法三】发挥“多图文”的导航作用


  更大的图片和文字更能吸引顾客,因此,“以整齐的图文模块为载体、内设页面跳转链接”也不失为一种导航设计的好方法哦。具体操作:在小程序商城模板中,选择“模块”→“多图文”,将其添加到在线商城小程序中;分别对图片和文字进行编辑,其中,也是不能缺少链接的设置;然后,字号以及图片大小的设置都是比较基础的,这里就不赘述啦。

商城小程序多图文设置方式


  以上就是关于在线商城小程序中导航的设计方法啦,如果商家还是不太清楚该使用哪种方法,建议参考本文多实操几遍,那么不管以后要设计哪一种,都能得心应手啦。


精选模板
热门推荐
综合电商
生鲜蔬果
服装个护
更多模板>
  • 免费搭建
    预览
  • 免费搭建
    预览
  • 免费搭建
    预览
  • 免费搭建
    预览
  • 免费搭建
    预览
水果超市_水果网上超市小程序商城模板
热门推荐
引流裂变
视频号
直播导购
互动活动
多人拼团
推广员
社区团长
免费体验
转化变现
秒杀
砍价
会员储值
新人有礼
优惠券/码
定金预售
免费体验
复购增收
会员卡
支付有礼
积分商城
满减折扣
组合套餐
更多功能
免费体验
优质案例
更多案例
惠湾旅游
随着公寓式短租需求激增,度假公寓市场红利正在全面显现,商城复购率高达53%,揭秘度假公寓商家大赚背后的3个打法。
行业:
酒店旅游
查看案例
制作同款
厨多宝
一个餐饮用具的供货平台,是如何做到在短期内通过卖一次性餐盒营收50w?
行业:
餐饮外卖
查看案例
制作同款
泊安飞机场停车
飞机场推出的“停车”平台,月营收超20万。“停车场+互联网”模式正在快速发展,里面蕴含着巨大的商业机遇。
行业:
出行服务
查看案例
制作同款