Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

WaimaoB2C作者:WaimaoB2C
2019-07-04 10:59:18

如果你的Shopify网站流量数据中有很多被遗弃的订单,就是客户已经到达付款页面,但是没有完成付款,那么就要认真思考原因!

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

如果你的Shopify网站流量数据中有很多被遗弃的订单,就是客户已经到达付款页面,但是没有完成付款,那么这个时候你就要认真其中的原因了,是不是因为没有免邮,并且邮费比较高?如果不是的话,你可以考虑优化下你的付款页面。Shopify的29美金79美金每月月租的账户修改付款页面的权限是有限的,仅限于字体的修改,背景颜色,背景图片的修改等等。不过好在ConversionPirate的Karlo Bradica通过另外一种方法实现了对Checkout页面的修改,并且收到了广泛的好评。(Karlo Bradica就是Shopify网站里面很流行的大转盘Wheelio的开发者)

下图就是使用Karlo的方法修改掉Checkout页面之后的显示效果:

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

下图是未经过修改的大部分Shopify卖家的付款页面的样子:

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

经过修改之后的Checkout页面,在手机上查看的时候显示效果如下图:

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

点击Show Order Summary之后的样子,会显示出Enter Discount Code的内容

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

不显示Enter Discount Code输入框时候的显示效果

Shopify付款页面修改前后的对比

修改之后的Checkout页面

将下单进度条移动到了页面的顶部,直观感受更好一些。客户能够更清晰的了解到自己操作到了哪一步。在结款页面新增加了倒计时功能,倒计时功能对订单的转化还是有积极的刺激影响的。在Continue to Shipping Method按钮下方添加了Trust Badge图标,增加客户的信任感修改优惠码输入框里面的默认文字,更加的口语化,清楚明了在价格下方添加了Why US信息,通过提供更多的服务介绍在客户心中建立更多的信任

如何修改Shopify Checkout Page呢?

依次打开Shopify网站的后台 > Online Store > Preferences > Google Analytics 找到 Additional Google Analytics JavaScript 输入框

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

然后将以下代码复制粘贴到上面所说的Additional Google Analytics JavaScript输入框中 然后保存就可以了。

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

Shopify付款页面如何优化?Shopify网站客户付款页面Checkout Page修改优化方法

以上是部分代码

另外大家也可以对以上代码里面的标红的内容进行修改,以适应自己的实际需求,例如 progressBg: '#23468c', 表示的是顶端进度条的背景颜色是#23468c,你可以参考RGB颜色表进行颜色的调整,适合你网站的整体颜色风格。其中的文字内容和图片对上面的红色字体部分的内容进行相应的调整就可以了。

如果你的Shopify订单转化率现在不是特别的理想,不妨试试上面的方法,建议用A/B Test的方法去做测试,简单来书,就是说7月份用Shopify原生的Checkout页面,8月份用Karlo的方法改成“优化”后的Checkout页面,两个月过后,9月份对比7月份和8月份所有到达付款页面的流量转化率哪个更高一些,那就说明哪个的checkout页面更适合你。(来源:WaimaoB2C)

以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。

本文被以下果园收录
查看更多
Shopify
跨境社区
进入果园

0 条评论

1 收藏

分享到:

shopify
相关专题
shopify
Shopify是由托比亚斯·卢克创办的加拿大电子商务软件开发商,总部位于加拿大首都渥太华,其提供的服务软件Shopify是一个SaaS领域的购物车系统,适合跨境电商建立独立站,用户支付一定费用即可在其上利用各种主题/模板建立自己的网上商店。
相关内容
订阅每周精选
热门文章
最新文章
©2013 雨果网 闽ICP备11004599号-1
意见反馈
联系信息:
反馈问题:
问题详情:
我要爆料
联系信息:
爆料详情:
微信公众号
扫描下方二维码或者搜索微信公众号名称,获取最新最全内容
雨果网
雨果网
跨境进口
跨境进口
雨课
雨课
CCEE优品全球
CCEE优品全球
微信小程序
扫描下方二维码或者搜索微信小程序名称,获取最新最全内容
雨果网小程序
雨果网小程序
雨课小程序
雨课小程序
CCEE小程序
CCEE小程序

我要爆料

下载App

意见反馈

返回顶部

X
请正确填写手机号码或邮箱!
请输入内容
发送

扫描二维码
下载雨果网APP