# Woocommerce：电商

WooCommerce是WordPress的一个插件，现在是网上最流行的电子商务平台，已超过上亿次下载。

Woocommerce的使用和配置非常简单，本书暂时不做讲解，现在先提供支付宝支付和微信支付教程。

## 配置支付宝即时到账支付

1. 申请支付宝商家账户，申请开通即时到账；
2. 在商城中安装支付宝支付插件（如果没有支付宝插件，请通过此处购买）
3. 在商城中配置支付宝参数。配置界面如下：

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/intallalipay-websoft9.png)

## 配置微信扫描支付

WooCommerce微信支付插件使用非常简单，只需要如下步骤，就可以让你的WordPress商城添加微信支付功能。

1. 安装微信支付插件（如果没有支付宝插件，请通过此处购买）
2. 获取微信公众号APPID，密钥，微信支付密钥以及微信支付授权目录

   1）获取微信公众号的AppID(应用ID) 和AppSecret(应用密钥) AppID(应用ID) 和AppSecret(应用密钥)是微信公众号与第三方网站（wordpress）通信的授权ID和密码，非常重要，必须填写。 请登录微信公众平台（[https://mp.weixin.qq.com），点击开发-配置获取：AppID](https://websoft9.gitbook.io/wordpress-image-guide/cha-jian-kuo-zhan/https:/mp.weixin.qq.com），点击开发-配置获取：AppID) 和AppSecret

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/wechatpay-help001-websoft9.png)

   2）获取微信支付密钥登录微信支付商户平台（[https://pay.weixin.qq.com），在账户设置-API安全中找到并设置密钥，密钥为32位，注意一下，获取密钥后保留备用](https://pay.weixin.qq.xn--com\),-api,32,,-i76vlfwwshq7qo8cy1l0reu9lokbw09bnpl24q5rbbaj924si6suwignck59mvc0c0qbp32rka7005bt09dla085m6m4fcan)

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/weichatpay-help002-websoft9.png)
3. 添加授权支付目录在微信公众平台（[https://mp.weixin.qq.com）点击-微信支付-开发配置，设置授权支付目录](https://mp.weixin.qq.xn--com\)--,-n84kc06xbzijlgnn6bd8a60b649aktgga122hxl3c2i1avc3bba1676emb3a) 微信支付插件的授权支付目录为：[http://你的域名/wp-content/plugins/wechat-weixin-payments-for-woocommerce/](http://xn--6qqv7i2xdt95b/wp-content/plugins/wechat-weixin-payments-for-woocommerce/)

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/weichatpay-help003-websoft9.png)
4. 设置回调域名在微信公众平台（[http://mp.weixin.qq.com）-开发-接口权限中找到-网页服务-网页账号修改授权回调页面域名，域名为你的网站域名，注意区分www和不带www；](http://mp.weixin.qq.xn--com\)----,,wwwwww;-rz50afrhio4tgodm3ru2a04f3xff6epoa1skvbc113bx0z9iicad9812dd6g59vonnntkm9af97bumt3gcla5840e5nxfkjzbqv8bdao5066odcnal78jz0mm9oeai)

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/weichatpay-help004-websoft9.png)
5. 配置微信支付插件在woocommerce设置，支付设置中找到微信支付设置，填入微信公众号appid和微信支付密钥

   ![](http://libs.websoft9.com/Websoft9/DocsPicture/zh/wordpress/plugins/woocommerce/weichatpay-help005-websoft9.png)
