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

Posted on 留下评论

WooCommerce微信小程序 WordPress商城小程序


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

WordPress 是一个扩展性十分强大的PHP博客系统,通过主题和插件可将其扩展为各种类型的网站,商城就是其中之一。而 WooCommerce 商城本身也是属于 WordPress 的其中一个插件,是 WordPress 中人气最高的商城插件,如今已有超过38万的使用量,得益于 WordPress,WooCommerce 也是开源程序,使得个性化定制和二次开发变得非常容易。

接触 WordPress 已有一年半,发现在国内使用的并不是很广泛,加上今年微信小程序的迅速升温,这款 WooCommerce微信小程序就顺应而生了。

无论你是需要快速搭建一个属于自己的商城网站+商城小程序,还是需要将你的 WooCommerce 网站接入到微信小程序,这款产品都非常适合你。

目前以下功能已开发完成

  1. 兼容Wechat Social插件,实现4端微信用户互通
  2. 好友代付,订单可分享给好友进行支付
  3. 可与购物车共存的立即购买功能
  4. 丰富的链接跳转类型,可跳转小程序内页面,打开网页链接,公众号推文,拨打电话,全屏看图,打开地图,跳转小程序
  5. 支持产品轮播中插入视频 支持本地视频和腾讯视频
  6. 可一键更换任意主题色(下载时选择)
  7. 开发者友好,内置多个Hook和Filter可轻易扩展功能
  8. 后台产品及文章列表一键获取对应产品或文章详情页的小程序码
  9. 产品搜索和搜索历史
  10. 产品按分类浏览 支持最多二级分类
  11. 积分奖励,为小程序加入积分系统,顾客可通过任务赚取积分,积分可以用来兑换现金及积分购产品(付费扩展)
  12. 产品分销,让每一个顾客都成为你的代理商 ,帮你销售产品。支持设置分销层级及每级奖励比例(付费扩展)
  13. 产品拼团,支持设置团购价、成团人数,有效期,支持团长优惠,后台手动成团、解散团,支持在产品详情页中加入其他人的拼团(付费扩展)
  14. 可在后台使用模块装修首页内容,可用模块有公告栏 搜索栏 轮播图 产品列表 商城资讯 图片方块 快捷导航 按钮 优惠券 拼团产品 HTML 弹窗(付费扩展)
  15. 产品按日期、销量、价格、随机排序及按照价格和属性筛选(付费扩展)
  16. 小程序扫码登录网站(付费扩展)
  17. 产品收藏(付费扩展)
  18. WooCommerce一致的收货地址(支持国外地址),导入微信地址,选取位置填充地址,在网站后台保存用户地址(付费扩展)
  19. 基于用户的优惠券,点击或扫码领券,点击使用券,领取限制,我的优惠券(付费扩展)
  20. 支持可变产品,产品多选项选择,支持为每个选项设置价格 支持选项中颜色点和图片的显示,支持在购物车 结算页 订单页显示已选选项
  21. 富文本解析使用自主开发的html2wxml组件 支持嵌入文章、产品、优惠券
  22. 产品详情页支持轮播图 描述 短描述 产品属性和产品评价
  23. 产品详情页下方相关产品的显示(同一分类、同一标签、推荐销售和交叉销售均视为相关产品)
  24. 接入微信收货地址 根据不同地址显示对应可用的配送方式 支持多配送方式选择
  25. 支持多种类型优惠券 过期时间 固定及百分比折扣 免邮优惠券 次数限制 最低限制 产品及产品类别限制 支持使用多张优惠券
  26. 使用优惠券 选择配送方式时实时计算购物车总价
  27. 关于页支持使用WordPress页面进行展示
  28. 订单列表 订单详情的查看 确认收货 取消订单 对未支付的订单重新发起支付
  29. 支持对未付款订单修改价格(运费、手续费、折扣)后再次发起支付
  30. 支持订单备注 及商家给客户的备注
  31. 产品页订单页和我的页客服消息
  32. 我的页显示各个订单状态对应订单数量 及其状态直达
  33. 订单支付 订单发货 商家备注 和评论审核结果的模板消息通知
  34. 快递鸟、KDPT物流接口整合 物流接口支持扩展
  35. 产品库存和销量的显示
  36. 产品评价的显示和提交 支持上传图片 评价回复及官方回复 对订单每个产品进行评价 评价审核 新评价通知
  37. 商城资讯 使用WordPress文章实现 后台可配置指定分类 文章和产品详情中支持互相嵌入跳转 首页最新文章轮播 文章评论
  38. 活动页面 使用WordPress页面实现 可嵌入优惠券及跳转产品
  39. 交叉销售 在购物车下方显示交叉销售的产品
  40. 限时促销倒计时的显示
  41. 产品及文章分享海报生成
  42. 整合微信支付 支持微信跨境支付(跨境支付需要付费二开)
  43. 多支付方式选择 支持银行转账和货到付款 支持支付宝 Paypal Stripe
  44. REST API访问限制

整个开发方向都是以整合 WooCommerce 功能为主,所以一些提升体验的功能和微信方面的功能要稍稍往后放。

功能开发计划

  1. 成组产品的支持
  2. 可下载产品及自动发货
  3. 产品标签
  4. 商家工具,小程序端线下核销,店铺数据,改价发货等
  5. 秒杀功能
  6. 微信卡券

由于 WooCommerce 官方(目前)并没有提供用于购物流程的API(只有用于管理的),我会将开发经验和踩过的坑分享给大家,如果你想开发自己的 WooCommerce 小程序或App,可以关注我后续的系列教程

相关链接

配置教程

微信小程序体验及演示视频

WooCommerce商城后台演示(使用演示小程序扫码登录,仅展示自己提交的订单)

客户案例

立即购买

开源免费版本

联系微信