手把手教你《装修小程序之结算页装修》。观看教程点击以下视频:
注:若无法播放视频可以更换浏览器(建议用谷Chrome浏览器、360浏览器极速模式、火狐浏览器等)不建议用低版本Ie浏览器
电脑版视频教程:
欢迎大家收看由妙铺官方录制的一个关于结算页装修的一个教程。大家可以看到关于结算页装修主要有以下四大点。那第一点呢,就是三种下单场景。第一个下单场景就是在线下单。在线下单呢就是在线上下单。第二个是店内桌台扫码下单,它是属于来店里面自助下单。第三个是消费后买单下单,它是面对面下单的一个场景。那么大家可以看到,在这个结算页装修这里面,这三种下单场景。
那第一个在线下单在线下单,他第一个设置的就是收货信息。大家可以看到这里可以设设置那个隐藏和显示,这里面会做出相应的改变。如果他是隐藏,然后这里面就不会有设置收货信息这个内容。然后如果是显示这里面就会出现设置收货信息。啊,这里面还可以去编辑一下收货信息。大家可以看到这里面有四个字段,然后这个字段名称,姓名、收货地址、联系电话,联系人。嗯,他对应的是这里。大家可以看到这里面这个是我为了大家看得方便,然后把电脑和手机连接了起来。在这里可以看到,然后手机预览的一个效果。大家可以看到这里面有。嗯,设置收货信息我们点进去。啊,新增一个收货信息。
这里面就会出现联系人,联系电话、收货地址、姓名,也就是对应的对应的这四个字段,我们大家可以改一下这四个字段的一个名称。啊,比如这个姓名我可以改成。名字。改成名字,然后他那里嗯那个文字就会做出相应的改变。我们以后大家来一起看。嗯,接下来我们大家看一下。它可以新增下单字段,我们新增一个。
新建一个这里面有一个字段类型,里面有多选项有多个选项,还有单选项,而后输入框还有具体时间可以设置时间啊,还有日期范围,时间范围。啊,等等。这里面我们选个单选项的,然后字段所属自然所属有在线订单呀,店内订单,买单订单,在线订单就是在线上。的一个订单。然后店内订单呢就是在店内,然后自助桌台扫码的一个订单,然后这个买单订单呢就是面对面付款的一个订单。嗯,一般就一般都是在线订单,而字段名称,然后还有字段排序啊,什么这些都可以选。然后我们来啊。设置一下,比如这是单选项,然后是个在线订单,然后字段名称嗯就是输个配送方式。
我来选一个配送方式,让字段排序。字段排序这里面值越大呢,他就会越靠前。然后这你可以选择是必填。或者是选填,如果是必填的,然后呃用户然后下单的时候,他这个是必须必填,然后他才可以下单成功。不过是选填,这个是可填可不填的一个内容。然后这里面可以设置显示或者是隐藏。然后可以新增选项。嗯,第一个比如说。骑手配送。然后这个呃选项排序就是这个数字越大,它会越靠前。然后可以选择收费或者是不收费收费这里面会有一个收费价格,你可以填一下嗯。三元。还可以选择不收费,然后我们再增加一个选项。进店家配送。这个是选项排序,也可以选一下。然后这个可以选择收费或者是不收费。ok 保存一下。嗯,然后在这里别忘记在这里也得保存一下。那么大家来看一下这里面。我先回到首页刷新一下,大家来看一下效果。
大家可以看到这里面。这里面就是我刚才然后写了一个配送方式。
添加了一个字段配送方式,然后它是一个必选的必填的一个选项。然后他有两种,然后一个是店家配送,一个是骑手配送。但是看到店家配送这个选项排序是二,所以它在前面嗯选项排序它的数字越大,他就会越靠前。然后选项名称有两种,一个是骑手配送,应是店家配送。哎,可以选嗯店家配送或者是骑手配送,它是一个单选项。
然后嗯如果选骑手配送,这里面设置了一个他的一个收费价格是三元。大家可以看到三,骑手配送,然后这里会是二十五点五。而如果选店家配送,然后这里价格就是二十二点五,骑手配送配送费是三元。
然后大家先看一下啊,这有个设置,就是刚才我改的这个字段字段名称。然后新增一下,这里原本是姓名姓名,然后现在会变成一个名字。嗯,其他的这个收货地址,联系电话呀,联系人啊,你也可以改改一下,就是这是时候你想要的一个嗯它的一个文字。我们大家来接着看一下嗯,下一个下一个是在线下单,它它是一个页面标题,就在这里一个在线下单。然后这里面你可以呃填写一下呃,你想要的一种文字,或者是呃默认用左侧这个在线下单这个文字。如果是你想要改变一下,在这里面填下单,然后这里就会变成下单,然后下面这个设置收货设置已选商品,备注这些啊,和上面这个是一样的。嗯,可以不填不填,用它默认的就是用左侧这一个文字。如果不想用这个文字,你可以填一个你自己想要的一个文字。嗯,比如这个设置收货信息,然后他这里面就会变成收货信息。
这个已选商品这里面然后我们也可以改一下。然后这里就会变成商品,然后备注啊这里个这里的备注是一样的。然后下一个呢嗯设置起送价。这起送价可以选择需要或者是不需要。嗯,如果你选择需要呢,然后他会有一个计费方式,基本方式有三种,一个是统一计费,一个是按距离计费。还有一个按时间计费。如果这里还有个起送价,如果是六元,但不管什么情况下,他的起送价都是六元。嗯,起送价十六元就是说。你的嗯订单超过六元或者十六元,他才嗯才会给配送。然后这里有一个按距离计费。这里嗯可以填一个,然后。几公里到几公里之间,然后他的起送价是的多少元,嗯,比如这个是零到三公里之内,然后它的起送价是另外就是。零到三公里之内,然后他订单呃价格是六元以上,他才会配送,然后还可以新增公里数。在新增可以设置几可以设置好几个。然后这里嗯还可以删除。然后这是按距离计费,然后下一个是按时间计费,按时间计费,我们可以新增时间段,然后比如是一点到四点。而起送价是十三,那就是说在一点或者嗯到四点之间,然后他的啊嗯他的订单价格是十三元。嗯,十三元,然后以上或者是十三元,他才会嗯才会配送,然后可以新增多个时间段,你可以设置多个也可以删除。啊,点击确认就可以了。然后这是嗯这是起送价的一个设置方式。
然后下面是设置配送费,设置配送费你可以设置开启或者是关闭,然后这里都会显示嗯配送费关闭嗯。如果开启嗯看其他这个一个计费方式,基本方式它有三种,一个是统一计费,按距离或者是按时间一个基本方式统一计费呢。如果这里面是九元呢。就是不管什么情况下,然后他的配送费都是九元。那还有一个按距离及按时间计费,这里可以设置一个嗯。几公里到几公里之间,它的配送费是多少元,可以设置多个。然后也可以删除啊。确认。然后下一个是按时间计费,按时间计费呢,然后就设置时间段呃,几点到几点之间。然后他的配送费是多少钱,然后他可以设置多个时间段可以删除。这里需要注意的是,如果左边的时间段,大概右边的时间段要那表示跨天啊,比如这个例子嗯二十二点到。嗯,两点,然后他表示你到次日的凌晨两点,然后设置完之后,别忘了点击确认。
在下面一个是免配送费,免配送费呢嗯大家可以看到免不免除配送费,有一个不免除配送费,还有个按价格免免配送费,有个按件数,免配送费。那不免除配送费呢,也就是不管什么情况下,他都需要付这个配送费的。那这个按价格免配送费。他这里面有一个选填的一个价格。如果是这里面是个六嗯,也可以选,你可以设置随便设置这个价格。如果是七,那就是。如果如果他的价格超过七或者是。你要是满七元满七人,他会呃,免除这个配送费。那还有个按件数免配送费呢。然后这个线程你可以随便设。哦,六也就是满六件,然后他会免除这个配送费。也可以选择不免除配送费。
下一个这个是送达时间,送达时间呢嗯如果是这里面是个四十,那也就是说。从开始配送,然后到配送完成啊,就是如果需要四十分钟,然后这里就可以填四十,他当然是分钟,然后下面这个是打折满减。打折满减,你可以去设置一下,点进去设置它会跳转到营销折扣优惠这里面他这里面有三种,然后一个普通会员,高级会员,至尊会员。所以在这里面设置嗯每个会员他的一个折扣的一个情况啊,在这里设置完之后记得点保存。
这是打折满减的一个设置,下一个是下单字段。下单字段呢然后。大家可以看到这个点击下单下单字段,然后去设置这里面跳到的这这个地方是刚才我们呃点击去编辑收货信息跳到的地方是一样的。那这里面呢呃又是也是刚才我们讲的一个字段的一个设置。然后它可以嗯添加字段呀,或者是删除字段什么的都可以的。啊,如果想删除,可以点击删除,删除完后别忘了点击保存。下一个就是优惠券,优惠券你可以选择隐藏或者是显示啊,这里会有一个优惠券。这个积分同样也是可以想选择显示或者是隐藏。大家可以看一下。
优惠券他的他如果隐藏时,你下单时是不能够使用的。如果是显示就是表示可以使用优惠券来下单,然后积分隐藏也是。同样是不可以使用积分,然后显示就是可以使用积分进行抵扣。那这就是在线下单。在线下单的一个内容。那接下来是店内桌台扫码下单。那店内桌台扫码下单呢,那第一个就是一个页面的标题。这个标题就是在这里你可以设置,你不设置可以用左边的一个文字。比如说。您设置,然后他就会变成您设置的一个文字。然后当天当前桌台,然后这个跟上面是一样的。然后还有个下面是。店内中他天天做,那你可以选择去设计一个店内桌台的一个情况。这里面可以新增桌台或者是。其他的一些情况嗯,大家都可以去设置一下。
那还有消费后买单下单,这个和上面是一样的,你可以设置呃字体,如果不填,然后就会默认用左侧的一个文文字能给我填写。就会用你嗯填写的这个文字。大家看一下支付设置呃支付设置。第二点,支付设置支付设置呢它有三种方式,一个是微信支付,一个是现金支付,还有一个会员支付。我们大家先看一下微信支付。像之前先看一下这个支付嗯,这个可能和上面呢是一样的。嗯,支付如果不填,然后你就是用。啊,默认左侧的一个文字如果填,然后他这个支付这里面支付他就会改变。还有一个文字的这样一个情况。然后这个有嗯大家看现在看一下这个三种支付方式啊,微信支付现金支付、会员支付这三种你可以选择开启或者是关闭。但是看呢在这里面它会显示一。如果是开启,他这里面会显示它的一个支付,然后如果是关闭,然后他这里面就有嗯不会出现。
还有嗯这三种支付方式,后面就会有一个设置为默认支付方式。你可以设置一种为哪一种为默认支付方式,你支付的支付的时候就会。嗯嗯,首选就会是哪一种支付方式。先看一下微信支付,微信支付这里面有个去配置微信支付。这里面嗯配置微信支付的参数有一个教程,大家点击查看教程。这里面有个教程,大家可以看一下。然后根据这里面一个教程,然后去配置一下微信支付的参数,来实现一下微信支付。
这里一个这里一个现金支付,现金支付如果和上面是一样的嗯,可不填,然后如果不填写嗯,默认为左侧的这个文字。也就是这个这个现金支付啊,微信支付,还有这个会员支付这三个空就都是一样的。如果填写,比如这个微信支付。嗯,如果改成支付。那他这里面就会变成一个支付。然后这下面啊这个会员支付呀件商品,还有确认支付去结算购物车嗯,和上面这个都是一样的。可不填,然后不填就会用默认为左侧的这个文字,如果填写就会嗯把这个文字改成你你这个填写的这个内容,看到这个会员支付。然后变成会员,他这里面就会变成会员。这是支付设置了一个信息。
第三个就是购物车,大家看一下购物车。购物车它有两种风格,一种是风格一。大家先看一下风格一。那原本选择的是一个风格一。大家看一下在手机上预览的一个效果。我们先返回首页。大家看到这个购物车。购物车他风格一这个立即结算。这里面这个是椭圆形的,那我们来换一下风格二试一下。保存一下。我们来刷新一下。回到首页。然后再点进去。
大家可以看到那风格二这个立即结算,这里面是个呃方形的,嗯,这是风格一和风格二的区别。那下面在接下来这一个是是否跳转购物车。在选择关闭或者开启,大家可以看到,如果是开启,那跳转到购物车在结算。他意思就是说如果开启这个跳转到购物车。结算的时候他会跳转到购物车来再进行一个结算。如果是关闭,你点击结算,他就会立即结算,他不会再跳转到购物车。嗯,这个是这样一个情况。大家别忘了嗯,设置完之后点击保存。啊,这是购物车的一个情况。第四点嗯,我来说一下查看手机效果,怎么查看手机效果呢?大家可以通过扫描小程序嘛。看手机效果,也可以登录妙铺店家后台底部菜单,然后有个店铺进去,然后有个预览点击就可以看到店铺的一个效果。以上就是我讲的结算页装修的全部内容。