从表单到订单:实现填写表单后链接到下单购买的应用

摘要

在电商运营过程中,为了更好的实现营销效果,需要以下应用场景:客户填写一个表单后,根据表单内容,动态生成购买订单,进入在线支付环节。需要基于表单引擎的动态表单功能,实现包括省市区三级联动的表单功能。

在电商运营过程中,为了更好的实现营销效果,需要以下应用场景:客户填写一个表单后,根据表单内容,动态生成购买订单,进入在线支付环节,从表单到订单,实现填写表单后链接到下单购买。需要基于表单引擎的动态表单功能应用,实现包括省市区三级联动的表单功能。

1 需求功能描述

点击商品后直接付款购买,即进入订单生成和在线支付流程,这是通用的商城系统功能。这种情况下,商品的价格固定,数量可以选择,收货地址可以填写,顾客还可以填写简单的备注信息。但是对于某些特殊的应用场景,例如下图所示:

下单成功后,在管理员后台的订单管理中,可以在订单详情中看到表单提交的具体内容,操作路径为:

SaaS云后台>>订单管理>>普通商品订单

操作界面如下图所示:

2 表单引擎的技术特点

实现以上功能需要有可定制的表单引擎。基于延誉宝CMS的万能表单,提供包括以下字段输入类型的动态表单

  • (1)单行文本输入
  • (2)多行文本输入
  • (3)下拉列表
  • (4)多项选择
  • (5)图片上传
  • (6)日期时间

以上字段类型基本可以满足在生成订单准备在线支付之前,实现对顾客信息的收集。

对于需求中的对于省市区三级联动的地址的收集,表单引擎没有相关字段类型,但是可以在下单过程中借用订单系统中的省市区三级联动实现此功能。延誉宝SaaS云的订单系统中省市区三级联动的数据源与国家地理标记数据库同步,不会因为个别地区的行政区划调整而找不到对应的地区。

3 功能开发实现

实现以上功能,需要在延誉宝SaaS云后台做以下几项工作:

(1)在CMS控制台设计一个万能表单,包括需要顾客填写的表单的说明文案和表单字段。

(2)在“SaaS云控制台>>功能与扩展>>万能表单”中,找到表单的挂接路径,例如:

/pages/publish/publish_write?form_type=2&token=kufvrj1661415956&formid=682&submit_url=https%3A%2F%2Fyanyubao.tseo.cn%2Fopenapi%2FSuzhougenjiData%2Fsubscribe_now%2Fsellerid%2FfyiSUUPak

(3)编写submit_url网址对应的代码,用于接收表单提交过来的数据,分析提交参数,这里举例的网址为“https://yanyubao.tseo.cn/openapi/SuzhougenjiData/subscribe_now/sellerid/fyiSUUPak”,其内部的处理流程如下:

  • 1、分析提交的参数,获取表单字段的值。
  • 2、存储表单字段的值,同记录将存储记录的主键。
  • 3、将存储记录的主键作为参数拼接到订单确认界面的网址中。

然后拼接要跳转的订单确认的路径,示例如下,其中的extraData的值为submit_url代码中保存的表单数据的标志位。

订单确认界面的网址:

/pages/order/pay?productid=170373&amount=3&total=123.45&extraData=abcdefg

(4)设置订单自动处理机,路径为“SaaS云后台>>订单管理>>订单自动处理机”,将productid对应的商品增加到处理机中,并增加处理机的处理函数对应的URL网址。

自动处理机的网址对应的处理过程为:

  • 1、分析extraData的值,找到submit_url缓存的表单的具体内容。
  • 2、做订单自动处理后,将订单修改为“处理完成”状态。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: