商户也可以把商品网页生成二维码，发布在线下和线上的媒体，如车站、楼宇广告以及网页广告。用户用微信扫二维码后可打开商品详情，在微信中直接购买。
1. 网页内购买场景——JS API支付接口
（1）微信公众账号店铺
在微信公众账号内放置商品信息入口，利用自定义菜单、关键字回复和CallBack接口下发商品信息，用户可在微信公众账号中完成商品选择、填写收货地址、支付的流程。通过微信OpenID可实现用户免注册和免登录的效果。
微信支付流程图解如图15-5所示。
图15-5微信支付流程图解
微信支付流程各环节解析有以下四个步骤。
① 在公众账号中，设置微信公众账号店铺菜单，如图15-6所示。
对应接口：自定义菜单创建接口。
图15-6设置微信公众账号店铺菜单
② 微信自动登录，用户无须手动登录，自动获取用户微信OPENID身份，如图15-7所示。
对应接口：网页授权获取用户基本信息
③ 收货地址共享，收货地址共享可以省去用户的填写地址时间，有效提高购买转化率，如图15-8所示。
对应接口：微信支付收货地址共享接口文档。
图15-7自动获取用户微信身份
图15-8收货地址共享
④ 微信支付功能，如图15-9所示。
对应接口：微信公众账号支付接口文档。
图15-9微信支付功能
（2）微信扫购模式
相比于微信公众账号店铺，微信扫购模式能够帮助商户更方便地自主营销，受众不仅限于公众账号的关注用户，也可拓展到线上、线下更为广泛的用户群体。商户可把商品信息或二维码发布到线上、线下，每一个平面都可以成为商户的销售渠道。整个流程如图15-10所示。
图15-10微信扫购模式流程
2. 扫码支付场景——Native（原生）支付接口
与网页内支付场景不同，部分用户不需要经过网页选购，可以直接扫描商品的二维码支付购买。
（1）商户根据微信支付的规则，为不同商品生成不同的二维码，张贴在各种场景，便于用户扫描购买。
（2）用户使用微信扫描二维码后，就可以获取商品信息，同时到商户后台下单，如图15-11所示。
图15-11扫描二维码后到商户后台下单
（3）用户开始支付，输入支付密码。
（4）支付成功后，商户后台得到通知，进行发货处理，如图15-12所示。
图15-12输入支付密码后成功支付
3. 收货地址共享
收货地址共享是指可在微信中，调用微信的地址组件，此地址首次调用需用户授权，用户授权后，收货地址可在不同网页中共享使用，地址数据会传递到商户后台。
（1）新用户进入网页，没有获取到收货地址。
（2）点击“新增收货地址”链接，进入微信地址控件填写地址，商户可获得此数据，如图15-13所示。
图15-13新增收货地址
（3）对于已有地址的用户，进入网页时可以快速选择并填写，完成购买流程，而且地址数据作为用户属性可以长久保存。
（4）点击“收货地址”链接，可以新增、删除以及编辑地址，所有流程在客户端界面完成，数据会同步到云端，如图15-14所示。
图15-14快速选择已有收货地址
4. 接入维权系统
用户在公众账号内交易出现纠纷时，通常会联系腾讯客服，因此腾讯需要即时了解公众账号与用户交易的详情。同时，为了最高效率地解决用户的问题，腾讯作为连接用户和商户的桥梁，会通过此维权系统即时将问题同步给商户，并将解决结果反馈给用户。
所有获得微信支付功能的公众账号必须接入用户维权系统，基本交互如图15-15所示。
图15-15微信公众账号维权系统基本交互
5. APP支付
微信APP支付，可以让手机APP直接调用微信支付，这样做可有效提高购买转化率，养成用户重复购买习惯。整个过程如图15-16、图15-17所示。
图15-16订单确认页
图15-17订单支付及支付密码输入
申请时，请在公众账号页面内勾选“APP支付”选项，并填写第三方应用的APPID，如图15-18所示。
图15-18勾选“APP支付”选项并填写第三方应用的APPID
据微信官方说明，微信APP支付也会在微信开放平台上开放申请入口。
15.2.3微信支付的商户模块应用指南
开通微信支付功能后，可以登录公众账号使用商户模块功能，查看交易相关的统计数据。也可使用财付通的商户号，登录财付通企业版，查看订单流水，进行退款、下载对账单等操作。
1. 商品信息推广
商品信息是特殊类型的图文消息，用户打开后跳转到商户网站的商品详情页，不经过公众账号中间页。商户可以通过群发、实时回复、自动回复等方式，把商品消息下发给用户，如图15-19所示。
图15-19商户商品信息页
2. 订单流水
订单流水是汇总了一定周期内商户交易的流水情况，数据包括订单信息、金额、买家、渠道来源等。商户也可以从订单中直接向买家发起对话，如图15-20所示。
图15-20商户订单流水页面
3. 登录财付通企业版
开通商户功能后，会分配商户一个财付通商户号（PartnerID），可以登录财付通企业版管理资金和进行退款、下载对账单等操作
