用户访问网站的场景太多了：电脑上、手机浏览器里、微信里、QQ里……只支持一种支付方式，体验差，转化率低。今天聊聊怎么搭建全场景收款易付方案，覆盖所有支付场景。
都有哪些支付场景？
1. PC端扫码支付
用户用电脑浏览器打开网站，弹出二维码，手机扫码付款。最经典的场景。
2. 手机浏览器H5支付
用户用手机自带浏览器、Chrome、Safari访问，点击支付直接唤起微信/支付宝APP，不用扫码。体验比扫码好很多。
3. 微信内置浏览器支付
用户从微信里点开你的链接，这时候直接唤起微信支付，输密码就付了，体验最流畅。
如果还显示二维码让用户长按识别，体验就差了。
4. 支付宝内置浏览器支付
同理，支付宝APP里打开的，直接唤起支付宝支付。
5. QQ内置浏览器支付
QQ里打开的，支持QQ钱包支付的话，可以直接唤起QQ支付。年轻用户多的话这个场景很重要。
为什么要做全场景？
1. 转化率高
每个场景都用最顺畅的支付方式，用户支付步骤最少，转化率最高。
同样的流量，体验好的支付方式转化率能差好几个点。
2. 用户体验好
用户不用切换APP、不用截图扫码，点一下就付完了，体验好，对你网站印象也好。
3. 覆盖更多用户
微信用户、支付宝用户、QQ用户，都能照顾到。不会因为支付方式不对流失客户。
4. 抗风险能力强
一个通道出问题还有其他的，不会完全收不了款。
怎么实现自动识别环境？
核心就是：判断用户当前在什么环境里，显示对应的支付方式。
判断方法：通过User-Agent判断浏览器类型。
– UA里包含 MicroMessenger → 微信浏览器
– UA里包含 AlipayClient → 支付宝浏览器
– UA里包含 QQ → QQ浏览器
– 其他 → 普通浏览器
再判断是手机还是电脑：UA里有Android、iPhone、iPad等就是移动端，否则是PC端。
判断完环境，就可以智能显示支付按钮了。
不同场景的最优支付方式
PC端：
显示微信支付二维码 + 支付宝支付二维码，两个并排，用户扫哪个都行。
简单直接，PC端扫码是标准操作。
微信浏览器内：
只显示「微信支付」按钮，点击直接调起微信支付，不用扫码。
这是体验最好的场景，转化率最高。
支付宝浏览器内：
只显示「支付宝支付」按钮，点击直接唤起支付宝APP支付。
QQ浏览器内：
显示「QQ钱包支付」+「微信支付」+「支付宝支付」，优先推荐QQ钱包。
普通手机浏览器：
显示微信支付和支付宝支付按钮。点击对应唤起对应的APP，或者跳转到H5支付页面。
易支付支持这些场景吗？
大部分Pay易支付免签约收款平台，都支持这些支付方式：
– 扫码支付（NATIVE）：PC端用
– JSAPI支付：微信公众号内支付，也就是微信内置浏览器里唤起
– H5支付：手机浏览器里唤起APP
– 支付宝服务窗支付：支付宝内置浏览器唤起
不同平台支持的程度不一样，选的时候问清楚支不支持JSAPI和H5。
只支持扫码支付的平台，体验会差一些。
WordPress怎么实现全场景？
用WordPress的朋友，好一点的付费插件一般都自带这些功能。
比如Erphpdown、WP微信支付之类的插件，会自动判断环境，调用对应的支付方式。
你只需要把易支付的参数填好，插件自动处理场景适配，不用自己写代码。
很方便，Pay易支付对接快，装上就完事。
自己开发怎么做？
如果自己写代码，思路是这样的：
1. 用户点击支付按钮
2. 前端判断当前环境（PC/手机/微信/支付宝）
3. 把环境类型传给后端
4. 后端根据环境类型，调用易支付对应的支付接口
5. 返回对应的支付参数（二维码链接/唤起参数）
6. 前端展示二维码，或者唤起支付APP
核心就是不同环境调用不同的支付类型，接口都是同一个，传不同的type参数就行。
降级方案
如果某种支付方式用不了，要有降级方案。
比如微信JSAPI支付失败了，就降级成扫码支付，显示二维码让用户长按识别。虽然体验差点，但至少能付款。
主通道挂了切备用通道，所有在线通道都挂了切人工收款码。保证永远有支付方式可用。
优化体验的小细节
1. 支付页面简洁，别放多余内容干扰用户
2. 支付按钮大一点，手机上容易点
3. 支付中不要让用户刷新页面
4. 支付成功后自动跳转，告诉用户结果
5. 失败了给提示，告诉用户可以重试或者换种支付方式
总结
全场景收款易付，说复杂也复杂，说简单也简单。
用WordPress加个好点的插件，基本就自动适配了。自己开发的话，加个环境判断，调用不同的支付类型。
微信支付宝双支付是基础，加上微信/支付宝内唤起、H5支付，体验就上一个台阶。
支付体验每优化一点，转化率就提升一点。积少成多，效果很明显。
做线上收款的，建议把全场景都配上，用户付得顺畅，你赚得也多。
发表回复