[小程序] [原创]  WooCommerce微信小程序安装配置教程

  1. 注册小程序,通过微信认证并开通微信支付
  2. 取得小程序 AppID 和 AppSecret(设置 - 开发设置 - 开发者ID),对应微信支付的商户号和商户支付密钥(开通微信支付审核通过的邮件中)




  3. 添加你的域名到request合法域名(如不添加需要在后面开发者工具中勾选 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

  4. 网站后台安装并激活配套插件woocommerce-to-wechatapp-1.0.zip


  5. 转到 设置 - WC 微信小程序,填写AppID和AppSecret


  6. 转到 WooCommerce - 设置 - 结算 - 微信支付,填写商户号、商户支付密钥和支付简要描述


  7. 检查https,网站可通过https://你的网站访问即可

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

     


  9. 检查REST API,浏览器输入网址:https://你的网站/wp-json/w2w/v1/,显示下图文字,网站后台配置完成(如显示404错误在固定链接页面直接保存一次即可)


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


  11. 新建小程序项目(取消勾选“建立普通快速启动模板”),并解压小程序到新建项目的目录(woocommerce-app-1.0.zip

     


  12. 返回微信开发者工具 打开编辑app.js替换siteURL为你网站的网址,注意结尾有个/



以下是一些可选的配置项:


物流信息

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

KDPT API直接添加QQ:3117725647索取。

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

以下是快递鸟配置方法:

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


模板消息

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


客服消息

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

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


首页轮播图

转到 设置 - WC 微信小程序,点击灰色部分即可选择图片

下方文本框是点击轮播图时跳转的页面链接,页面路径相对于首页,例如:

../../pages/product-detail/product-detail?id=1,跳转到id为1的产品页

../../pages/product-list/product-list?mode=all,跳转到所有产品页

具体页面路径和参数可在开发工具中得到:



开始体验!

相关主题
微信支付能整合这个吗?https://www.wpweixin.net/product/345.html 没有公司的个人想做。
游客 发表于 2018-03-01 10:44:14微信支付能整合这个吗?https://www.wpweixin.net/product/345.html 没有公司的个人想做。
小程序只支持微信支付
我的网站使用了WooCommerce TM Extra Product Options插件的按日期预约功能,小程序里面可以实现吗?
1

发表您的留言