小程序零代码开发手记:入门篇

摘要

小程序零代码开发的主要步骤

小程序零代码开发的主要步骤:

注册商城账号

入口: http://www.abot.cn

需要手机号码,用于接收短信验证码;需要微信,用于绑定消息通知。

设置商城基础信息

1、设置商城名称,Logo,头部背景图片,营业地址、营业时间和客服电话。

2、设置广告图片和导航图标,以及他们对应的链接。

提示:

1、小程序的首页导航图标和用户中心导航图标,与APP版本的设置是共用的,在“通版商城V2”中可以同时进行设置。

2、链接设置方式见本区块的FAQ。

3、进入“信息中心>>商城小程序”,找到可以用于扫码预览的小程序码,提供”通版商城”(左侧,天蓝色)和“延誉电商”(右侧,橙黄色)这两个小程序模板可以预览。

提示:

1、 扫描这两个太阳码就可以进入小程序,太阳码不仅可以用于预览小程序,也可以作为正式的小程序版本分发出去。

2、如何绑定自己已经有的独立小程序账号呢?见本区块的FAQ。

4、根据自身需求来选择模板,只需要开发小程序就选择商城小程序这个模板,需要兼容APP就选择”通版商城V2”。

选择设置完毕后,可以在小程序端验证刚才的导航图标和广告图片等是否正确显示:

FAQ:广告图片和导航图片的链接如何设置?

“通版商城” 小程序的链接设置说明:

https://yanyubao.tseo.cn/Supplier/ShopWxaMgr/index/setting_type/wxa_memo.html

“通版商城V2”(延誉电商小程序模板)的设置说明:

https://yanyubao.tseo.cn/Supplier/ShopWxaMgr/index/setting_type/shopappv2.html

FAQ:如何绑定自己的独立的小程序?

绑定自己独立的小程序非常简单,在CMS控制台完成小程序对延誉宝CMS的授权后(授权过程见《微信公众号绑定第三方平台详细操作流程》 ),选择一个小程序模板,填写自己的延誉宝编号,即可实现独立小程序的预览、提审和发布。

设置首页的布局和展示

”通版商城”小程序的首页布局和展示的设置路径:商城设置>>商城模板>>APP/小程序模板

“延誉电商”小程序的首页布局和展示的设置路径:信息中心>>通版商城V2

商品分类与商品列表

设置商品分类,请使用大分类+小分类,在小分类下上传商品。

商品管理的界面如下图:

分类和商品上传之后,通过“通版商城”这个小程序,在底部导航中的”分类”里面查看商品分类、商品列表和商品详情。

“延誉电商”这个小程序的底部导航中没有商品分类这个按钮,可以在首页的导航图标中增加”商品分类”这个按钮。

导航图标的设置见上文“设置商城基础信息”中的说明,以下是可以参考的一个例子。

图标:https://yanyubao.tseo.cn/uploads/bottom_icon/order-icon02.png路径:navigateTo /pages/category/index2

名称:常用设备

也可以直接通过自定义导航图标实现:

https://yanyubao.tseo.cn/uploads/bottom_icon/order-icon02.png,navigateTo /pages/category/index2,常用设备

操作路径如下图所示:

效果如下图:

会员管理和三级分销

以会员管理为中心,以推荐关系为基础数据,建立三级分销关系。

以下是会员列表管理的后台:

以下是分销关系管理的后台:

以下是分销关系图预览:

订单和快递处理

基本流程:顾客在小程序端下单,管理员或运营者(小管理员)在后台处理订单。

顾客端的操作过程

小程序端的下单流程:

  1. 选购商品,加入购物车或直接购买。
  2. 确认订单信息,并生成订单,获取订单编号。
  3. 选择支付方式,完成订单支付。

如果订单已经生成,但是并没有完成支付,可以在“个人中心”的订单列表中,进入没有支付的订单详情页面继续支付。

运营者端的操作过程

在以下路径完成订单的处理过程:

乐正