shopify付款页面优化代码是什么?怎么优化?
2021-10-22 19:39:57 11137浏览
第一步点击Online Store—Preference继续点击Google Analytics—Additional Google Analytics JavaScript, 输入一串已经写好的代码。

对于跨境电商的业务有了一些了解以后,大家应该明白这个独立站和跨境电商平台还是有一些不一样的,不管是平台的规则,还是运营方法上面,都有不同,那么一起去了解一下shopify付款页面优化代码有哪些?

shopify付款页面优化

第一步点击Online Store—Preference继续点击Google Analytics—Additional Google Analytics JavaScript, 输入一串已经写好的代码。

第二步shopify结账页checkout倒计时HACK ON STERIOIDS功能,提示顾客还有多少时间订单将取消,营造紧张感促销客户赶快付款。

实现该结账页倒计时的代码如下:

if(typeof Checkout === 'object'){if(typeof Checkout.$ === 'function'){(function (src) {var tagName = 'script', script = document.createElement(tagName);script.src = src;var head = document.getElementsByTagName('head')[0];head.insertBefore(script, head.childNodes[0]);})('/pirate-countdown-trust.js');}}

1、优化网站打开速度

据统计,53%的移动端用户会在网站打开时间超过3秒后流失。网站的打开速度不仅影响流失率,还影响网站的广告竞争力和转化率。

如何优化?

1)检视网站现有插件,移除不用的或是为拖慢速度的插件找寻替代品

2)尽量使用压缩后的图片

3)取消网页预加载,改采用滚动式加载

4)考虑使用gif代替短视频/使用小于50M的档案

2、商品评价至关重要

不只有亚马逊需要评价,独立站也同样需要。数据统计,95%的消费者会有购物前先查阅“买家秀”,并且评分+文字+图片的评价内容更容易提高转化率。

如何优化?

1)利用插件导入站外评价。推荐插件: All Reviews ; Ryviu

2)对已经完成购买的客人召回请求评论

3)手动剪贴优质评价(从email/fb/IG )添加至商品详情页面

3、购物车置于显眼位置

购物车作为结账前的最后一步,只有让可能以最简单的方式找到并且进入结算页面才能在最大程度上提高转化。

如何优化?

1)利用悬浮/置底的购物车按钮;插件搜索关键问Sticky Add to Cart

2)将详情页的加购按钮做的显眼一些并且放在首屏/第二屏能见处

3)在商品集合页面上都加上“加购物车”按钮

经过调整和优化后的页面,包括PC端和移动端的预览效果,内容比较丰富,而且给人的感觉可信度非常的高,也把PayPal的快速支付放在了最明显的位置,增强付款信心。大家也可以尝试一下的。

推荐阅读:

shopify用什么收款?有哪些方式?

shopline和shopify有什么区别?区别介绍

shopify怎么引流亚马逊?有何方法?

shopify付款页面优化
  
shopify付款
  
图文推荐