Posted on 留下评论

1.8版本发布

因为上个月忙着《卡片读心术》小程序的开发,没有时间准备WooCommerce小程序的新版本,所以这次的更新内容还是比较多的。

首先放个大招:首页模块定制

有了这个功能,你就可以很方便地在后台定制首页的内容,而不必再重新提交审核小程序。

模块的种类也很丰富,有公告栏、搜索栏、轮播图、产品列表、商城资讯、图片方块、快捷导航、按钮和优惠券,可以满足大部分的场景。

更详细的介绍,请戳WooCommerce微信小程序首页模块定制扩展

[w2w_product id="1259"]

然后是一键更换主题色的功能

之前1.4版本有新增一个功能,就是能够在下载的时候一键更换小程序的主题色,但是当时只能支持更换色调,无法设置任意的颜色。

现在全颜色的支持来了!还支持直接输入颜色值,HEX、RGB、HSL、HSV、CMYK标准统统支持。

后台新增文章和产品的小程序码一键获取

获取后小程序码将保存在服务器上,方便后面再次使用,也避免了小程序码生成额度的浪费(即便有十万额度)

新增文章的海报生成

另外产品海报也作了优化,采用新的算法实现精准换行,不会再有重叠现象。

产品海报的图片将从产品图集中随机选取。

图片方面使用aspectFill模式(保持纵横比缩放图片,只保证图片的短边能完全显示出来),更加美观。

链接处理支持更多种类

1.6版本开始,链接除了能够跳转小程序内非tabbar页面外,新增支持跳转已加入业务域名的网站链接。

1.8版本再新增4种类型:跳转小程序、拨打电话、打开已关联公众号推文和全屏看图

以下是能够进行处理的链接类型。

1、跳转小程序内页面

填写小程序的页面路径,可支持参数,以/开始

示例:/pages/product-detail/product-detail?id=404

2、跳转网站链接

填写网站链接,域名需要添加到小程序后台开发设置-业务域名,请看详细

示例:https://www.qwqoffice.com

3、跳转小程序

直接填写要跳转小程序的AppID即可,AppID需要在小程序全局配置中声明,请看详细

示例:wxdc535f471c1d4a2d

4、拨打电话

填写 phone:要拨打的电话

示例:phone:13800000000

5、打开公众号推文

直接填写推文链接

示例:https://mp.weixin.qq.com/s/gk-5X27wak6WndfPAOiOPw

6、全屏看图

填写 image:要查看的图片

示例:image:https://wooappdemo.qwqoffice.com/wp-content/uploads/2018/10/1-6.jpg

那么哪里能够填写这几类的链接?

轮播图链接、产品描述和短描述、文章内容、小程序关于页面、以及新上线的首页模块定制扩展中的快捷导航、图片方块、按钮均可支持。

Dynamic Pricing插件适配

Dynamic Pricing是在WooCommerce官方扩展库中的插件,可以根据购买数量、产品类别、和角色动态设置价格,查看文档

目前已测试可用

新增立即购买模式

修改app.jsdata中的buyType,将cart改为now即更换为立即购买模式,使用立即购买模式后,加入购物车字样更换为立即购买,并且点击立即购买按钮后,直接跳转到结算页面,即不使用购物车功能(购物车tabbar需要自行在app.json中修改去除)

具体更新内容:

  • A 新增 首页模块定制扩展(¥129)可在后台定制首页的模块内容 可用模块公告栏 搜索栏 轮播图 产品列表 商城资讯 图片方块 快捷导航 按钮 优惠券
  • A 新增 下载产品时颜色选择器可选择任意颜色 支持输入颜色代码
  • A 新增 后台产品及文章列表一键获取小程序码
  • A 新增 链接类型支持跳转小程序 拨打电话 打开公众号文章和全屏看图(轮播图 富文本组件及首页模块定制扩展中的快捷导航 图片方块均支持)
  • A 新增 商城资讯海报生成
  • A 新增 立即购买模式
  • A 新增 首页回顶按钮
  • U 更新 产品列表布局改为默认网格布局 同时保留伪瀑布流布局
  • U 更新 购物车页面图片及产品名称加入跳转产品页事件
  • U 更新 取消支付方式调试模式开关 调试日志输出到主插件
  • U 更新 后台退款增加退款失败时的原因
  • U 更新 产品海报生成使用新的算法 换行更准确 并修复之前标题与描述重叠问题
  • U 更新 小程序码生成使用透明底色
  • U 更新 产品详情页中的产品图、全屏查看和海报生成改用原始尺寸的图片
  • U 更新 优化购物车和订单物品列表样式
  • U 更新 产品详情页和文章详情页添加链接处理事件
  • U 更新 适配WooCommerce官方扩展插件 Dynamic Pricing
  • U 更新 产品海报使用随机主图 图片缩放模式改为aspectFill
  • U 更新 高级地址扩展 添加和保存按钮样式
  • F 修复 Safari浏览器中插件设置页选项卡不能切换的问题
  • F 修复 与 jianbo WordPress微信小程序冲突的问题
  • F 修复 产品筛选排序扩展 带有中文slug的属性在筛选中失效的问题
  • F 修复 产品收藏扩展 批量删除收藏失效的问题
  • F 修复 产品收藏扩展 删除所有收藏后 我的收藏仍有产品的问题
  • F 修复 优惠券扩展 优惠券码更改 优惠券删除/移到回收站后出现的问题

下次更新再见!

Posted on 留下评论

1.7版本发布

这次版本更新为大家带来一个比较重要的功能:商城资讯

有了这个功能,就可以把WordPress文章带到小程序中,当然这个文章的定位是商城资讯,比如一些公告、活动或者是新产品的发布、评测

文章中还支持嵌入产品和其它文章,产品详情中也同时支持嵌入文章和其它产品,后续将会支持优惠券的嵌入(嵌入的内容仅支持在小程序中显示)

 

产品或文章是以短码的方式嵌入的

产品短码[w2w_product]

具体参数:

参数 必填 示例 说明
id 404 产品ID
title 小米6 显示的产品标题,忽略则使用产品标题
desc 性能怪兽 显示的产品描述,忽略则不显示
image https://www.qwqoffice.com/1.png 显示的产品图片,使用绝对路径,忽略则使用产品特色图片
regular-price 200 常规售价
price 100 促销售价,忽略则不显示划线价

示例:[w2w_product id="404" desc="性能怪兽" regular-price="2000" price="1800"]

文章短码[w2w_post]

具体参数:

参数 必填 示例 说明
id 987 文章ID
title 一面科技一面艺术,小米MIX 3新品发布会来了! 显示的文章标题,忽略则使用文章标题
desc 小米MIX3 10月25日发布 显示的文章描述,忽略则不显示
image https://www.qwqoffice.com/1.png 显示的文章图片,使用绝对路径,忽略则使用文章特色图片

示例:[w2w_post id="987" desc="小米MIX3 10月25日发布"]

文章中支持留言功能,但不可再对留言进行回复

但不是所有的文章都希望在商城资讯中显示,这时可在后台设置需要显示的文章分类,还可以拖动对分类排序

用户发布的评论(包括产品评价,评价的回复和文章的留言),审核通过与否,用户都会收到审核结果的模板消息通知(需要在后台商城小程序 - 模板消息中重新导入模板消息)

 

然后是搜索页的改版,新增了独立的搜索页,支持搜索历史

购物车新增“猜你喜欢”板块

数据来自在每个产品中添加的交叉销售产品

订单编辑页面中支持进行退款操作,支持全部或部分退款(暂不支持由用户发起退款)

订单中的退款详情

订单编辑页面中添加给顾客的备注时,通过模板消息通知用户(需要在后台商城小程序 - 模板消息中重新导入模板消息)

优惠券扩展,我的优惠券中新增“去使用”按钮,跳转到可用券的产品列表

具体更新内容:

  • A 新增商城资讯 后台可配置指定分类 文章和产品详情中支持互相嵌入跳转 首页最新文章轮播 文章评论
  • A 新增独立搜索页 搜索历史
  • A 新增 产品评价、评价的回复和文章评论审核状态的模板消息(需要在后台商城小程序设置 - 模板消息中重新一键导入)
  • A 新增 接入微信支付退款接口 可在后台订单编辑页面进行全部或部分退款(此功能需要在WC小程序 - 高级 上传微信支付证书,暂不支持由用户发起退款申请) 订单详情页中显示退款详情
  • A 新增 订单给顾客的备注(后台订单编辑页 右侧备注 下拉框中选择备注给顾客) 可发送模板消息给用户(仅顾客使用微信支付并支付成功情况下。需要在后台商城小程序设置 - 模板消息中重新一键导入)
  • A 新增 购物车页面“猜你喜欢”板块 数据来自产品交叉销售(后台产品编辑页 - 联锁产品 - 交叉销售)
  • A 新增 高级优惠券 我的优惠券页中点击"去使用"按钮跳转到可用券产品列表
  • U 更新 后台设置菜单改为一级菜单
  • U 更新 产品详情页默认选项卡改为description
  • F 修复 产品详情页 产品属性过多时显示不全的问题
  • F 修复 可变产品设置了促销倒计时 并且设置了默认选项时 倒计时不启动的问题
  • F 修复 后台导入模板消息完成后页面不跳转问题
  • F 修复 用户不允许收货地址授权后无法再次授权的问题

下次更新再见!

Posted on 留下评论

1.6版本发布

这个月偷懒了一下,更新内容不多,但质量还是可以的。

产品评价已在1.6版本中加入。

我的页中新增待评价按钮及对应订单数量。

订单列表中的评价晒单按钮。


对订单中的每个产品分别进行评价。

评价发表界面:评星打分、评价内容以及晒图。

通过审核后即可显示评价。

商家和顾客可对评价进行回复,其中商家的回复会被标记为官方回复。

后台新增评价相关的设置项。

限制可评价的有效期:顾客只可对从订单完成开始在设置的有效期内的订单进行评价,留空则不限制有效期。

评价图片数量限制:对顾客每次评价可上传的图片进行限制,留空则默认为最多6张图片(小程序端的限制需单独修改)。

在媒体库中显示评价图片:开启后,新上传的图片将会被显示到媒体库中。

首页轮播图点击新增跳转URL的能力(使用webview打开),关于页面中的链接也支持小程序内页面及URL的跳转。

其它场景下需要打开URL也非常方便,只需调用app.openWebView(src); 其中参数src为需要打开的URL。

注意:使用webview需要在小程序后台中配置业务域名,详细参考 这里

具体更新内容:

  • A 新增 产品评价功能 支持添加最多6张(可更改)图片 评价的回复 以及官方回复(以administrator或shop_manager身份回复即是官方回复) 设置可评价有效期 评价图片是否保存到媒体库(WC微信小程序 - 高级)
  • A 新增 产品详情页相关产品数量设置(WC微信小程序 - 高级)
  • A 新增 web-view页面
  • A 新增 首页轮播图支持跳转网站URL
  • A 新增 关于页面链接支持跳转小程序内页面及跳转网站URL
  • A 新增 支付方式Hook w2w_get_payment_methods
  • A 新增 高级收货地址Hook w2w_save_address
  • A 新增 扫码登录 登录成功跳转提示
  • U 更新 扫码登录 检查扫码结果是否合法
  • U 更新 使用新版本收货地址授权流程
  • F 修复 产品及订单列表页过多数据时setData数据大小限制的问题
  • F 修复 登录成功后不自动执行登录前操作的问题
  • F 修复 高级优惠券扩展领券中心留空保存时小程序首页空白的问题
  • F 修复 订单详情跳转可变产品时产品错误的问题
  • F 修复 IOS线上版本倒计时的问题
  • F 修复 可变产品促销倒计时显示在非弹出框中的问题
  • F 修复 设置多个变量促销倒计时时setData过于频繁的问题

下次更新再见!

Posted on 留下评论

1.5版本发布

这次新版本主要新增3个重要的功能,小程序码海报的分享、可填写国外地址的地址扩展以及基于用户优惠券的扩展

首先是小程序码海报的分享,在这里十分感谢@Jianbo提供的海报生成部分的代码,附上由@Jianbo开发的免费开源的WordPress版微信小程序

产品详情页中新增了两个分享按钮,一个是分享到好友,点击直接弹出好友和群列表,另一个就是分享海报啦,点击稍等几秒钟即可生成带有小程序码的产品分享海报,保存到相册之后即可分享到朋友圈

此功能需要配置downloadFile合法域名,之前没有在微信小程序的后台把域名加入到downloadFile合法域名的,记得添加一下

然后是个人中心(我的页)的改版。

个人中心新增了各个状态订单的数量显示和直达,以及tabbar上的小红点提示

还有就是头像这块。用经过高斯模糊的用户头像作为背景,同时去掉了小程序自带的导航栏使得状态栏沉浸在头像背景中

未登录时的个人中心,背景图片在小程序目录中可自行更换

说到个人中心,不得不说说这个去掉的小程序自带导航栏

微信6.6.0版本以上(对应基础库版本好像是1.9.1)支持自定义导航栏,在app.json中window节点加入 "navigationStyle": "custom",即可去除自带的导航栏,这时候导航栏必须要自己实现。这样问题就来了

Page配置文件中并不支持这一属性,也就是说,一旦去掉,整个小程序中的导航栏都去掉了,每一个页面都要加入自己实现的导航栏

但是为了个人中心,实现就实现吧

没看出来区别?再来一个内页的图

还是没看出来?那就对了

我尽量地把导航栏做的跟原来的导航栏一样,以求一致的体验,甚至还比原来的要更好

在原来的导航栏中,如果是从别人的分享中进入的小程序内页,左上角是不会有返回按钮的,开发者不加上返回按钮的话,用户将很难回到首页

经过改进的导航栏,除了tabbar的几个页面,其它页面一律加上左上角返回按钮,逻辑是这样的:如果能返回上一页则返回,不能返回则回到首页,我觉得这样才是导航栏应该有的表现

然后是产品详情页加入了促销的倒计时,如果在产品编辑中填写了促销价并且设置了促销计划,会在小程序中显示一个促销的倒计时

然后还是产品详情页,产品在不存在或者非发布状态时,进入产品页时会显示一个类似于网站404的页面

高级收货地址扩展

[w2w_product id="1192"]

高级优惠券扩展

[w2w_product id="1194"]

具体更新内容:

  • A 新增 基于用户优惠券扩展(¥99)首页加入领券模块 加入领券中心 我的优惠券 未使用已使用已过期优惠券 点击领券以及点击使用券 优惠券自动生成可用范围说明 加入领券限制以及每个用户领券限制
  • A 新增 新版收货地址填写,多个地址云端保存及与网站国家列表保持一致(¥79)
  • A 新增 限时促销倒计时的显示(产品编辑 - 促销价格 - 计划)
  • A 新增 产品不存在过已下架时的提示
  • A 新增 产品海报分享(感谢Jianbo)
  • A 新增 我的页红点提示及各个订单状态直达
  • U 更新 导航栏改为自定义
  • U 更新 微信版本最低要求提升至6.6.0 基础库最低要求提升至1.9.1
  • U 更新 我的页样式改版
  • U 更新 产品详情页图片轮播及购物车图片自适应
  • U 更新 点击相关产品时redirect和navigate的逻辑
  • F 修复 填写运单号后订单状态不更新的问题
  • F 修复 货到付款发货后模板消息不发送的问题
  • F 修复 产品收藏BUG

下次更新再见!

Posted on 留下评论

1.4版本发布

新版本如期而至,我们来看看这次的主要更新

小程序默认颜色是#96588a,下载之后难免会要更改主题色,颜色定义在不同文件之中,有些甚至是图片的形式,这样带来了极大的麻烦

新版本,噢不对,新版下载页支持一键更换主题色,下载后的小程序包中的所有主题色将换为选择的颜色

当然也包括底部tabbar、和所有带有主题色图标的颜色

还有比主题色浅一点的颜色也能得到更换

目前只能更换色调(色相),明度、饱和度是固定数值,所以总共有360种颜色可以更换

然后是扩展插件的下载

在上个版本,要使用扩展功能,必须先下载扩展功能的压缩包,然后根据路径手动组合每个文件的内容到小程序中

新版下载页又解决了这一繁琐的过程,直接勾选需要的扩展功能,然后点击下载即可自动组合小程序文件,扩展功能的插件也将打包在内

已经自动打包好扩展的小程序

和需要安装在WordPress后台的扩展插件

说完官网下载页的改版,下面介绍下小程序的改动

首先是支付方式

旧版只支持微信支付一种支付方式,新版增加了货到付款、银行转账和国内银行转账三种支付方式

所有支付方式均可在后台WooCommerce - 设置 - 结算/付款,进行启用和禁用,或者排序,客户可在结算页面自行选择支付方式

可在银行转账和国内银行转账管理页中配置接收付款的银行账号,客户提交订单号会在订单详情页显示设置的账号

由于除了微信支付其它方式均不会获得prepay_id,所以唯一一次发送模板消息的机会留给发货的时候使用

然后,富文本组件wxParse更换为html2wxml

前段时间开源了这个富文本组件,刚好可以用在这里

详情看这里

关于页也使用了WordPress的页面经过html2wxml进行渲染,可在后台设置 - WC小程序 - 高级 选择一个页面作为关于页的内容

产品收藏扩展

[w2w_product id="1190"]

具体更新内容:

  • A 新增 店铺通知功能适配(外观 - 自定义 - WooCommerce - 店铺通知)
  • A 新增 产品收藏功能(付费扩展)
  • A 新增 结算页支付方式选择
  • A 新增 货到付款和银行转账支付方式(WooCommerce - 设置 - 结算/付款)
  • A 新增 商户订单号前缀(WC小程序 - 设置 - 高级),统一小程序显示的订单号和发起支付的订单号,更新此版本或修改前缀前请确认没有待付款的订单
  • A 新增 后台设置扩展选项卡可更新角标
  • U 更新 微信支付唯一标识符改为wxapay
  • U 更新 使用html2wxml替换wxParse 详情页默认左右内边距改为10px
  • U 更新 关于页以WP中的页面显示(设置 - WC小程序 - 高级)
  • U 更新 大部分图标替换为svg格式
  • U 更新 所有边框改细
  • U 更新 产品列表改为伪瀑布流布局
  • U 更新 产品筛选小程序端下拉刷新可恢复当前筛选项
  • U 更新 购物车页面登录框样式与其它页面一致
  • U 更新 仅在微信内将结算账单邮箱和账单姓氏改为可选填项
  • U 更新 产品筛选多个选项之间的关系改为或
  • F 修复 产品筛选新添加的属性在后台不显示的问题
  • F 修复 订单金额为0时不能自动清空购物车的问题
  • F 修复 设置了单独出售(一个订单只能购买一个)的产品在购物车页面购买数量可设置为多个的问题

下次更新再见!

Posted on 留下评论

1.3版本发布

你们期待的更新又来了!

这次的版本更新周期比较长,其实在期间已经释出过一次测试版,只是没有发布,这次来个正式的更新公告

首先是分类页的改动,有许多人吐槽分类页不太好看,于是稍作改动,改成了普遍的样子,即左侧菜单栏一级分类,右侧二级分类的布局。

然后是产品的样式,修改为卡片式的圆角样式

然后是订单状态中,取消了“已签收”这个状态,用“已完成”代替,需要在更新插件之前在后台把所有的“已签收”状态更改为“已完成”状态

接下来是两个扩展的功能

第一个是扫码登录,这个扫码入口并不是微信的扫一扫,而是小程序的扫一扫。用户使用小程序扫一扫对应的网站,即可在网站快速登录小程序中的用户(目前还不能与网站原有用户进行关联)

[w2w_product id="1183"]

第二个是筛选和排序,在产品列表页中,根据日期、价格、销量、随机排序,以及根据产品属性和价格进行筛选

[w2w_product id="1186"]

在后台设置-WC小程序-扩展 可以看到所有的扩展插件

具体更新内容:

  • A 新增 小程序扫码登录网站(付费扩展)
  • A 新增 产品筛选及排序功能(付费扩展)
  • A 新增 订单取消时库存自动恢复(需要自行开启,设置 - WC小程序 - 高级)(水瓶财富反馈)
  • A 新增 售罄可见性功能适配(WooCommerce - 设置 - 产品 - 库存)(水瓶财富反馈)
  • A 新增 优惠券开关功能适配(WooCommerce - 设置 - 结算 - 结算选项)
  • A 新增 可移除已使用的优惠券
  • A 新增 产品详情页和订单详情页回首页按钮
  • A 新增 支持在可变产品选择弹框中显示描述(HFZ反馈)
  • U 更新 屏蔽PC端的微信支付
  • U 更新 优惠券样式
  • U 更新 产品详情页产品描述为空时不显示描述选项卡
  • U 更新 产品列表为卡片样式
  • U 更新 移除请求相关产品的加载提示
  • U 更新 小程序结算页及插件Cart Controller 结构逻辑优化
  • U 更新 订单号格式改为 年月日时分秒订单ID
  • U 更新 分类页布局样式
  • U 更新 修改AppID或AppSecret时删除AccessToken缓存
  • U 更新 产品搜索接口更改为 w2w/v1/products/
  • U 更新 产品详情页描述内容改为全宽
  • U 更新 支持下单虚拟产品(无需物流)及结算页配送方式显示逻辑(sagrre反馈)
  • U 更新 产品列表页和订单列表页加载更多的显示逻辑(LLemonGreen反馈)
  • U 更新 移除订单已签收状态,使用已完成替换
  • U 更新 新增结算页用户拒绝授权地址后使用按钮重新获取授权(由于基础库最低要求为2.0.7,暂时继续使用旧方法)
  • U 更新 不再移除邮箱和姓氏结算字段 改为选填
  • F 修复 可变产品最低价和最高价相同时仍然显示价格范围的问题
  • F 修复 提交订单且使用了限制次数的优惠券、但未付款优惠券仍然可再次使用的问题
  • F 修复 物流详情页物品不显示的问题
  • F 修复 首页轮播图自适应问题(Gilbert反馈)
  • F 修复 产品详情页描述内容中图片不能全宽的问题(Gilbert反馈)
  • F 修复 订单金额为0时订单支付模板消息不发送的问题
  • F 修复 订单列表页和订单详情页再次付款订单状态不更新的问题(Fants反馈)
  • F 修复 未登录状态下先点击购物车 在其它页面完成登录后回到购物车仍显示未登录的问题(Fants反馈)
Posted on 留下评论

1.2版本发布

又是一个月时间,WooCommerce微信小程序迎来1.2版本更新,先来看下此次版本主要更新:

首先是4月15日微信调整的获取用户信息接口wx.getUserInfowx.authorize接口将不能弹出授权框,取而代之的是使用按钮<button open-type="getUserInfo" bindgetuserinfo="callback"></button>的方式获取,虽然微信官方此次调整还未影响到线上版本,但还是修改适配了。此部分修改为当进行到需要登录的时候弹出登录框,用户点击授权,登录之后继续登录前的操作。

第二个是呼声已久的库存问题。结算以及购物车在添加、更新、删除时会对物品进行一次检查并返回可能的错误信息(由WooCommerce完成),并在小程序端弹出顶部提示。

另外产品页新增了库存和销量的显示。

最后是物流接口的问题。快递鸟不支持顺丰、天天、百世、申通,此次新增了KDPT的接口,KDPT官网,API密钥可直接添加QQ:3117725647索取。

物流接口还支持扩展,具体请参考配套插件includes/class-w2w-shipping-track-kdpt.php

具体更新内容:

  • A 新增 KDPT物流接口
  • A 新增 产品页库存和销量的显示
  • A 新增 更新删除购物车物品时错误提示
  • A 新增 结算时错误提示
  • A 新增 产品列表页回顶按钮
  • A 新增 产品变量选择框关闭按钮
  • A 新增 首页清空搜索按钮
  • U 更新 登录和获取用户信息逻辑以适配微信获取用户信息接口的改动
  • U 更新 后台设置提供多个物流接口选择,支持扩展,扩展请参考 includes/class-w2w-shipping-track-kdpt.php
  • F 修复 当订单总额为0时的问题(目前已确认此情况下提交订单后不能自动清空购物车)
  • F 修复 产品属性不显示的问题(感谢LLemonGreen)

下次更新再见!

Posted on 留下评论

1.1版本发布

距离第一个版本发布已有一个多月的时间,经过努力,1.1版本终于出炉了。

以下是1.1版本更新内容:

  • A 接入快递鸟物流信息
  • A 订单支付成功和发货模板消息
  • A 支持产品页和订单页的客服消息
  • A 产品详情页产品图片全屏查看
  • A 后台插件列表显示更新提示
  • F 可变产品多级选择失效的问题
  • F 订单列表页订单状态无法切换的问题
  • F 有设置服务条款的网站无法提交订单的问题
  • F 分类最多只获取到10个的问题
  • F 搜索产品无结果时空白的问题
  • F 点击分享的产品卡片标题显示不正确的问题
  • F 后台设置页面报错问题
  • U 去除登录checkSession过程

1.1 版本中添加的主要新功能是物流信息、模板消息和客服消息,使用这几个新功能的时候需要进行一些简单的配置。

物流信息

物流信息的接入使用的是快递鸟平台。

  1. 注册快递鸟帐号
  2. 我的会员中心,获取用户ID和API KEY
  3. 进入后台设置 - WC 微信小程序 - 快递鸟,填写 用户ID 和 API KEY
  4. 进入WooCommerce - 订单,点击正在处理中的订单,右侧区域即可看到填写物流公司和快递单号的位置

模板消息

  1. 首先确保填写了 AppID 和 AppSecret(设置 - WC 微信小程序 - 常规)
  2. 转到设置 - WC 微信小程序 - 模板消息,点击按钮“一键导入模板”
  3. 显示有两个模板,用途分别为“订单支付消息模板”和“订单发货消息模板”即可

客服消息

  1. 登录小程序后台,转到客服消息,添加客服人员
  2. 打开这里即可回复用户消息
Posted on 留下评论

WooCommerce微信小程序迷你开源版

WooCommerce微信小程序 是使用开源程序 WordPress 和 WooCommerce 作为后台的商城小程序。

迷你版是WooCommerce微信小程序的开源版本

完整版请参考:https://www.qwqoffice.com/article.php?mod=view&tid=30

功能列表

  1.  产品搜索和搜索历史
  2.  产品按分类浏览 支持最多二级分类
  3.  支持可变产品 产品多选项选择 不同选项不同价格 在购物车 结算页 订单页显示已选选项
  4.  产品详情页支持轮播图 产品库存和销量 描述 短描述 产品属性 和相关产品
  5.  商城首页展示轮播图 可在后台管理
  6.  接入微信收货地址 根据不同地址显示对应可用的配送方式 支持多配送方式选择
  7.  购物车页面 自由增减 删除物品 并实时计算价格
  8.  我的页显示各个订单状态对应订单数量及其状态直达
  9.  关于页支持使用WordPress页面进行展示
  10.  订单列表 订单详情 对未支付的订单重新发起支付
  11.  订单备注 及商家给客户的备注
  12.  产品页 订单页 我的页客服消息
  13.  订单支付 商家备注 的模板消息发送
  14.  产品分享海报生成
  15.  整合微信支付
  16.  多支付方式选择 支持银行转账和货到付款

项目源码和安装指南

github开源地址

gitee(码云)开源地址

演示小程序

注意:此演示为完整版的小程序

Posted on 7条评论

WooCommerce微信小程序安装配置教程

准备

阅读此安装指南前,请确保你已具备以下条件

  1. 已备案的域名
  2. 已通过微信认证的小程序帐号 (点击注册小程序,已有通过微信认证的服务号请直接在服务号后台 - 小程序 - 快速注册并认证小程序)
  3. 小程序已开通微信支付(小程序后台微信支付中显示已开通)
  4. 已完成安装向导的WordPress 4.7+网站
  5. 已安装WooCommerce 3.0+ 并完成安装向导
  6. 网站已完成 https 配置
  7. 网站已完成伪静态配置
  8. PHP 5.5+并且已启用 openssl 模块

下载产品

转到官网订单查询页面:https://www.qwqoffice.com/shop.php?mod=order,输入顾客密钥(已绑定密钥的登录用户不需要输入),选择你需要的主题色并勾选扩展功能(如有购买)
解释一下这里为什么每次下载都要勾选全部扩展(包括新购买扩展,和后续版本的更新),因为扩展功能不只是有后台插件的部分,还有小程序的部分,如果你不勾选全部扩展,那么下载得到的小程序端是不完整的,不会包含扩展功能。

点击下载,即可将小程序、配套插件以及所有勾选的扩展插件打包下载,下载后的压缩包结构如下:
woocommerce-lite-***.zip
├── extensions (扩展功能插件,全部安装到WordPress后台)
│   ├── w2w-scan-to-login-***.zip
│   ├── w2w-products-filter-and-orderby-***.zip
│   └── w2w-products-favor-***.zip
├── woocommerce-app-***.zip (已集成扩展功能、更换了主题色的小程序源码)
└── woocommerce-to-wechatapp-***.zip (配套插件,安装到WordPress后台)

后台插件配置

1、网站后台安装并激活配套插件woocommerce-to-wechatapp-***.zip),并安装激活extensions目录下所有扩展功能插件

2、登录小程序后台,开发 - 开发设置 - 服务器域名,点击“开始配置”按钮,添加你的域名到request合法域名、uploadFile合法域名、downloadFile合法域名和业务域名中。新增了域名之后,请刷新项目配置后重新编译项目:开发者工具-右上角详情-域名信息,显示新添加的域名即可。如不添加需要在后面开发者工具中勾选 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

3、同样是小程序后台,开发 - 开发设置 - 开发者ID,找到 AppID 和 AppSecret 并填写到插件常规设置中

4、同样是小程序后台,转到设置 - 第三方设置 - 插件管理 - 添加插件,输入搜索 wxa75efa648b60994b,添加腾讯视频插件。

5、转到网站后台 - WooCommerce - 设置 - 结算/付款 - 微信支付,填写小程序对应的微信支付的商户号、商户支付密钥和支付简要描述,一般在开通微信支付的开户邮件中可以找到,如丢失请登录小程序对应的微信支付微信支付商户平台进行查询/重置

6、设置固定链接,转到 设置 - 固定链接,选择除朴素之外任意一个保存

7、检查REST API,浏览器输入网址:https://你的网站/wp-json/w2w/v1/,显示下图文字,网站后台配置完成(如显示404错误在固定链接页面直接保存一次即可,如仍然是404,请参考https://www.watch-life.net/wordpress/wordpress-rest-api.html,配置好伪静态)

小程序配置

1、下载微信开发者工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、解压小程序(woocommerce-app-***.zip)到任意目录

3、打开开发者工具,选择导入项目,填写项目名称(随意),目录选择刚刚解压的目录,并填写小程序AppID,点击导入

4、等待导入完成后,打开编辑app.js替换siteURL的值为你网站的网址(WordPress - 常规 - 站点地址),替换name为你小程序的名字

开始体验!

有关小程序的上传和发布,在这里不作过多介绍,详细请参考微信小程序的官方文档:https://developers.weixin.qq.com/miniprogram/dev/

以下一些配置项使你的小程序更加完整:

物流信息

物流信息的接入使用的是快递鸟和KDPT

KDPT API直接添加QQ:3117725647索取,并转到后台设置 - WC 微信小程序 - 物流信息,选择KDPT,并填写 API密钥。

以下是快递鸟配置方法:

1、注册快递鸟帐号:http://www.kdniao.com/reg

2、我的会员中心,获取用户ID和API KEY

3、进入后台设置 - WC 微信小程序 - 物流信息,选择快递鸟,并填写 用户ID 和 API KEY


配置好物流API后,进入WooCommerce - 订单,点击正在处理中的订单,右侧区域即可看到填写物流公司和快递单号的位置

物流接口支持扩展,具体参考主插件:includes/class-w2w-shipping-track-kdpt.php

模板消息

1、首先确保填写了 AppID 和 AppSecret(设置 - WC 微信小程序 - 常规)

2、转到设置 - WC 微信小程序 - 模板消息点击按钮“一键导入模板”

3、显示有四个模板,用途分别为“订单支付模板”、“订单发货模板”、“订单备注模板”和“评论审核模板”即可

客服消息

登录小程序后台,转到客服消息,添加客服人员

打开https://mpkf.weixin.qq.com/即可回复用户消息

手机可使用官方客服小程序“客服小助手”进行消息的回复

也可以使用第三方的客服平台,如芝麻小客服

链接的点击

所有支持填写链接的地方,如关于页面、产品和文章的详情、轮播图、首页模块扩展中的快捷导航模块,均支持以下七种的链接跳转类型:

1、跳转小程序内页面

填写小程序的页面路径,可支持参数(tabBar页面不支持参数),以/开始,页面路径和页面参数可在开发者工具预览区域的下方找到

示例:/pages/product-detail/product-detail?id=404

以下是一些常用的小程序页面:

跳转产品ID为404的产品详情页:/pages/product-detail/product-detail?id=404

跳转文章ID为1199的文章详情页:/pages/post-detail/post-detail?id=1199

跳转所有产品页:/pages/product-list/product-list

跳转按价格倒序的产品列表页:/pages/product-list/product-list?orderby=price&order=desc

跳转颜色筛选为绿蓝黑的产品列表页:/pages/product-list/product-list?filter_color=green,blue,black

跳转价格范围为10~90的产品列表页:/pages/product-list/product-list?min_price=10&max_price=90

跳转分类ID为50的产品列表页:/pages/product-list/product-list?category=50

跳转搜索“T-shirt”关键词的产品列表页:/pages/product-list/product-list?search=T-shirt

跳转可用优惠券码“qo20189”的产品列表页:/pages/product-list/product-list?coupon=qo20189

跳转特色产品列表页:/pages/product-list/product-list?featured=true

跳转促销产品列表页:/pages/product-list/product-list?on_sale=true

跳转购物车页:/pages/cart/cart

跳转所有订单页:/pages/order-list/order-list?status=all

跳转待付款订单列表页:/pages/order-list/order-list?status=pending

跳转领券中心页:/pages/coupon-center/coupon-center

(注:产品列表页可多个参数搭配使用)

2、跳转网站链接

填写网站链接,域名需要添加到小程序后台开发设置-业务域名,请看详细

示例:https://www.qwqoffice.com

3、跳转小程序

直接填写要跳转小程序的AppID即可,AppID需要在小程序全局配置中声明,请看详细

示例:wxdc535f471c1d4a2d

4、拨打电话

填写 phone:要拨打的电话

示例:phone:13800000000

5、打开公众号推文

直接填写推文链接

示例:https://mp.weixin.qq.com/s/gk-5X27wak6WndfPAOiOPw

6、全屏看图

填写 image:要查看的图片

示例:image:https://wooappdemo.qwqoffice.com/wp-content/uploads/2018/10/1-6.jpg

7、打开地图

填写 location:位置参数

示例:

location:{"longitude": 113.466258, "latitude": 23.167464, "scale": 15, "name": "萝岗万达广场", "address": "广州市黄埔区科丰路89号"}

参数解释:

longitude:经度,范围为-180~180,负数表示西经。使用 gcj02 国测局坐标系

latitude:纬度,范围为-90~90,负数表示南纬。使用 gcj02 国测局坐标系

scale:缩放比例,范围5~18

name:位置名

address:地址的详细说明

其中gcj02坐标可在高德地图位置选取中获得:https://lbs.amap.com/console/show/picker