背景

在进行小程序内支付开发时，发现微信小程序限制iOS用户进行虚拟支付。于是，我们想到使用公众号H5支付，将用户引流到公众号中，通过关键词或者菜单栏获取购买链接，然后让用户完成购买。

但是，整条支付路径较为繁琐。我们分析一下引流到公众号的支付路径：

1. IOS用户在小程序内发起支付
2. 小程序提示IOS用户关注公众号获取购买链接
3. 用户关注公众号
4. 用户发送关键词或点击菜单栏
5. 点击购买链接
6. 进行微信网页授权
7. 进行购买
8. 回到小程序使用服务

IOS用户为了完成支付，需要进行冗长且繁琐的步骤，才能完成购买。这种方式显然不能接受。

问题

如何尽可能少的步骤，让IOS用户在小程序内完成支付。

解决办法

我们想到了小程序的客服消息，通过客服消息，引导用户进入H5进行支付。

思路

1. 当IOS用户在小程序进行支付时，引导用户进入客服消息，并提示用户回复指定关键字获取购买链接。
2. 在客服消息中，进入购买链接，完成支付。
3. 回到小程序，使用服务

步骤

为了降低开发成本，我们使用了芝麻小客服进行客服消息开发。当然，我们也可以根据微信的开发文档进行服务端开发。（非广告...由于芝麻小客服并不能满足我们的需求，后期会改成自己开发客服消息）

Step 1

在小程序中，增加客服消息按钮。

<button open-type="contact">点击进入客服消息</button>

Step 2

注册完芝麻小客服后，我们使用授权接入，一键完成接入。

image.png

Step 3

在芝麻小客服的后台，配置关键词回复

image.png

按照提示，完成关键词的配置。

效果

小程序前端引导用户，进入客服消息。

引导用户，进入客服消息

用户在客服消息，回复关键词，获取链接。

客服消息-关键词回复

总结

虽然，可以使用客服消息让IOS用户完成支付。但是，滥用客服消息可能面临着被微信封禁的风险。例如，通过客服消息，让用户关注公众号或推送营销广告等。建议，谨慎使用此功能。

芝麻小客服，虽然可以方便地接入客服消息。但是，非付费用户，不能定制图文消息的图片，且会有芝麻小客服的文字尾巴。且当遇到售卖多种商品时，不能通过 客服button 的 session-from属性，进行定制回复。建议，有能力和时间的同学，还是定制开发客服消息比较好。

参考资料

• 微信小程序内关注公众号的一种方案
  
• 芝麻小客服